:root{color-scheme:light;--bg:#f6f0e6;--panel:rgba(255,251,245,.9);--panel-strong:#fffaf2;--line:rgba(86,70,53,.12);--line-strong:rgba(86,70,53,.22);--text:#32271e;--muted:#7b6b5b;--accent:#8f7056;--accent-strong:#6e543f;--shadow:0 24px 60px rgba(84,64,44,.12)}*{box-sizing:border-box}#__nuxt,body,html{background:radial-gradient(circle at top left,rgba(205,183,153,.25),transparent 24%),radial-gradient(circle at bottom right,rgba(160,149,127,.2),transparent 28%),var(--bg);color:var(--text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;height:100%;margin:0;overflow:hidden}button{border:0;border-radius:16px;cursor:pointer;font:inherit;padding:.95rem 1rem;transition:transform .14s ease,background-color .14s ease,opacity .14s ease,box-shadow .14s ease}button:hover{transform:translateY(-1px)}body.color-picker-dragging,body.color-picker-dragging *{-webkit-user-select:none;-moz-user-select:none;user-select:none}body.color-picker-dragging{cursor:ns-resize}body.color-picker-dragging button:hover{transform:none}button:disabled{cursor:not-allowed;opacity:.5;transform:none}strong{word-break:break-word}.hidden-input{display:none}.app-shell{display:grid;gap:.85rem;grid-template-columns:clamp(232px,17vw,272px) minmax(0,1fr) clamp(216px,14vw,252px);height:100vh;overflow:hidden;padding:.85rem}.panel,.viewport-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.panel{border-radius:28px;gap:.6rem;padding:.75rem}.panel,.workspace{display:flex;flex-direction:column;min-height:0}.workspace{gap:.85rem;min-width:0}.panel-right{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.panel-right .tool-section{flex-shrink:0}.panel-right-layout{display:flex;flex:1 1 auto;flex-direction:column;gap:.95rem;justify-content:flex-start;min-height:0}.panel-right.color-picker-panel-lock{overflow-y:auto}.panel-right.color-picker-panel-lock,.panel-right.color-picker-panel-lock *{animation:none!important;transition:none!important}.panel-right.color-picker-panel-lock .thumbnail-img:hover,.panel-right.color-picker-panel-lock button:hover{transform:none!important}.panel-header h1,.panel-header h2,.viewport-header h2{font-size:1.05rem;font-weight:680;margin:.1rem 0 0}.eyebrow{color:var(--muted);font-size:.68rem;letter-spacing:.12em;margin:0}.stack-buttons{display:grid;gap:.75rem}.primary-button{background:var(--accent);color:#fffaf4}.secondary-button,.tool-section button{background:var(--panel-strong);border:1px solid var(--line);color:var(--text)}.tool-section button{font-size:.88rem;padding:.6rem .85rem}.file-list{align-content:start;display:grid;flex:1 1 0;gap:.45rem;list-style:none;margin:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.file-card{background:#ffffff94;border:1px solid var(--line);border-radius:16px;cursor:pointer;padding:.55rem .75rem}.file-card-content{align-items:center;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto}.file-card-title-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.file-badge{align-items:center;background:#8cb8c238;border-radius:999px;color:#2d6b77;display:inline-flex;font-size:.68rem;font-size:.78rem;font-weight:700;justify-content:center;letter-spacing:.08em;min-width:44px;padding:.2rem .5rem}.file-delete-area{align-self:end}.file-delete-button{background:transparent;border:1px solid transparent;border-radius:8px;box-shadow:none;color:#c84a42;font-size:.7rem;font-weight:600;min-width:36px;padding:.15rem .3rem}.file-delete-button:hover{opacity:.78;transform:none}.file-delete-button:disabled{cursor:not-allowed;opacity:.36}.delete-confirm-overlay{inset:0;position:fixed;z-index:200}.delete-confirm-popup{align-items:center;background:#fffaf2;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 32px #4e3a2840;display:flex;gap:.4rem;padding:.5rem .65rem;transform:translateY(-50%);white-space:nowrap;z-index:201}.delete-confirm-popup--centered{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.delete-confirm-text{color:var(--text);font-size:.78rem;font-weight:600}.delete-confirm-no,.delete-confirm-yes{border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:.72rem;font-weight:600;padding:.25rem .55rem}.delete-confirm-yes{background:#c84a42;border-color:#c84a42;color:#fff}.delete-confirm-no{background:var(--panel-strong);color:var(--text)}.file-card.is-active{background:#fffcf7eb;border-color:#6e543f6b;box-shadow:inset 0 0 0 1px #6e543f1a}.file-card-main h2{font-size:.82rem;margin:0}.tool-section h3{font-size:.85rem;margin:0}.file-card-main p{color:var(--muted);font-size:.92rem;line-height:1.45;margin:.35rem 0 0}.file-subpath{word-break:break-all}.is-error{color:#b24d37!important}.viewport-card{border-radius:30px;display:grid;flex:1 1 0;gap:.8rem;grid-template-rows:auto 1fr;min-height:0;padding:1rem 1rem 1.05rem}.viewport-header{display:block}.viewport-canvas{background:linear-gradient(180deg,#faf4eae6,#ece2d3f5),linear-gradient(90deg,rgba(105,91,71,.05) 1px,transparent 0),linear-gradient(rgba(105,91,71,.05) 1px,transparent 0);border:1px solid var(--line-strong);border-radius:28px;height:100%;min-height:0;overflow:hidden;position:relative}.rotation-overlay{pointer-events:none;position:absolute;right:clamp(3.5rem,7vw,6rem);top:.85rem;z-index:3}.rotation-panel,.view-preset-panel{pointer-events:auto}.rotation-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf2eb;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 28px #4e3a281a;flex-shrink:0;padding:.55rem}.view-preset-panel{display:block}.view-preset-grid{display:grid;gap:.55rem;grid-template-columns:repeat(4,max-content)}.view-preset-grid button{background:#fffaf2e0;border:1px solid rgba(86,70,53,.18);border-radius:10px;box-shadow:none;color:var(--text);font-size:.84rem;font-weight:600;min-height:40px;min-width:76px;padding:.48rem .76rem;white-space:nowrap}.view-preset-grid button:disabled{cursor:not-allowed;opacity:.5}.rotation-grid{align-items:center;display:grid;gap:.4rem;grid-template-columns:42px repeat(2,58px)}.rotation-axis{align-items:center;border-radius:12px;display:inline-flex;font-size:.88rem;font-weight:700;justify-content:center;min-height:40px}.axis-x{background:#d1504424;color:#c94b3c}.axis-y{background:#56955724;color:#4d9658}.axis-z{background:#4972c424;color:#4d78d1}.rotation-grid button{background:var(--panel-strong);border:1px solid var(--line);border-radius:12px;min-height:40px;padding:.62rem .65rem}.rotation-grid button:disabled{cursor:not-allowed;opacity:.48}.sidebar-export-section,.sidebar-rotation-section{padding:.65rem}.custom-editor-section{background:transparent;border:0;box-shadow:none;display:grid;gap:0;margin:0 .35rem;padding:0}.sidebar-rotation-section{margin-top:auto}.auto-color-section{margin-bottom:0}.sidebar-rotation-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border:0;box-shadow:none;padding:0;width:100%}.sidebar-rotation-section .rotation-grid{grid-template-columns:42px repeat(2,minmax(0,1fr))}.sidebar-rotation-section .rotation-grid button{border-radius:14px;min-height:40px;min-width:0}.model-hint{background:#fffaf2e6;color:var(--muted);left:50%;max-width:min(92%,360px);padding:1.2rem 1.5rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.model-hint,.tool-section{border:1px solid var(--line);border-radius:20px}.tool-section{background:#ffffff94;display:grid;gap:.5rem;padding:.6rem}.auto-color-section{gap:.75rem}.auto-color-group-list{display:grid;gap:.5rem}.auto-color-trigger{justify-content:flex-start;width:100%}.auto-color-group-row{align-items:start;background:#ffffffc2;border:1px solid rgba(86,70,53,.12);border-radius:16px;box-shadow:none;display:grid;gap:.55rem;grid-template-columns:minmax(0,1fr);padding:.82rem .9rem;text-align:left;width:100%}.auto-color-group-row.is-active{background:#fffbf6fa;border-color:#6e543f6b;box-shadow:inset 0 0 0 1px #6e543f1a}.auto-color-group-name{font-size:.88rem;font-weight:600}.auto-color-group-preview{align-items:center;display:grid;gap:.42rem;grid-template-columns:repeat(8,minmax(0,1fr));justify-items:start;width:100%}.auto-color-group-chip{aspect-ratio:1;justify-self:start;max-width:19px;min-width:19px;width:100%}.auto-color-panel{gap:.8rem}.palette{display:grid;gap:.42rem;grid-template-columns:repeat(4,minmax(0,1fr))}.palette-swatch{aspect-ratio:1;border:1px solid rgba(49,38,29,.08);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff47;padding:0;width:100%}.color-module{background:#fff9f3d1;border:1px solid rgba(86,70,53,.1);border-radius:16px;display:grid;gap:.65rem;padding:.7rem}.mini-action-button{background:#ffffffe0;border:1px solid rgba(86,70,53,.14);border-radius:10px;box-shadow:none;color:var(--text);font-size:.76rem;font-weight:600;padding:.42rem .68rem}.color-module-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.color-module-header h4{font-size:.84rem;margin:0}.color-module-header strong{color:var(--accent-strong);font-size:.72rem}.color-code-chip,.color-code-input{background:#ffffffd1;border:1px solid rgba(86,70,53,.14);border-radius:10px;box-shadow:none;color:var(--accent-strong);font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.04em;min-width:82px;padding:.35rem .45rem;text-align:center}.color-code-input{cursor:text;outline:none}.color-code-input:focus{border-color:#6e543f66;box-shadow:0 0 0 3px #8f70561f}.custom-color-picker{display:grid;justify-items:center}.custom-palette-manager{border-top:1px dashed rgba(86,70,53,.16);display:grid;gap:.7rem;padding-top:.2rem}.custom-palette-manager .color-module-header{align-items:center;display:grid;gap:.4rem;grid-template-columns:minmax(0,1fr) auto}.custom-palette-manager .color-module-header h4{font-size:.84rem;white-space:nowrap}.custom-palette-manager .mini-action-button{font-size:.72rem;padding:.32rem .5rem;white-space:nowrap}.custom-palette-group-list{display:grid;gap:.45rem;max-height:180px;min-width:0;overflow-x:hidden;overflow-y:auto}.custom-palette-group-card{align-items:center;background:#ffffffb8;border:1px solid rgba(86,70,53,.12);border-radius:12px;box-shadow:none;cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;min-width:0;overflow:hidden;padding:.6rem .72rem;text-align:left;width:100%}.custom-palette-group-delete{align-items:center;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:22px;justify-content:center;line-height:1;margin-left:auto;opacity:0;padding:0;transition:opacity .15s ease;width:22px}.custom-palette-group-card:hover .custom-palette-group-delete{border-color:var(--line);opacity:1}.custom-palette-group-delete:hover{background:#c84a421f;border-color:#c84a42;color:#c84a42}.custom-palette-group-card.is-active{background:#fffbf6f5;border-color:#6e543f6b;box-shadow:inset 0 0 0 1px #6e543f1a}.custom-palette-group-card strong{flex:1 1 auto;font-size:.78rem;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.custom-palette-group-body{display:grid;gap:.42rem;min-width:0;width:100%}.custom-palette-inline-swatches{align-items:center;display:flex;flex-wrap:nowrap;gap:.34rem;min-width:0}.custom-palette-inline-chip{aspect-ratio:1;border:1px solid rgba(49,38,29,.08);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff42;min-width:14px;width:14px}.custom-palette-inline-empty{color:var(--muted);font-size:.74rem}.custom-palette-rename-input{background:#fffffff0;border:1px solid rgba(110,84,63,.24);border-radius:8px;box-sizing:border-box;color:var(--text);flex:1 1 auto;font:inherit;font-size:.78rem;font-weight:600;min-width:0;outline:none;padding:.28rem .4rem;width:100%}.custom-palette-rename-input:focus{border-color:#6e543f66;box-shadow:inset 0 0 0 1px #8f705624}.custom-palette-editor{display:grid;gap:.6rem}.custom-palette-editor-card{background:#fff9f3e6;border:1px solid rgba(86,70,53,.1);border-radius:20px;box-shadow:none;gap:.72rem;padding:.82rem;position:relative}.custom-palette-editor-close{align-items:center;background:#fffaf2f5;border:1px solid rgba(86,70,53,.18);border-radius:8px;box-shadow:0 8px 18px #4e3a281f;color:var(--text);display:inline-flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;left:-.64rem;line-height:1;padding:0;position:absolute;top:.58rem;width:28px;z-index:2}.custom-palette-editor-close:hover{background:#c84a42;border-color:#c84a42;color:#fff}.custom-palette-editor-header{align-items:center;display:flex;gap:.6rem;justify-content:space-between}.custom-palette-editor-name{font-size:.82rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-palette-name-input{background:#ffffffe0;border:1px solid rgba(86,70,53,.14);border-radius:12px;color:var(--text);font:inherit;outline:none;padding:.6rem .72rem;width:100%}.custom-palette-name-input:focus{border-color:#6e543f66;box-shadow:0 0 0 3px #8f70561f}.custom-palette-actions{display:grid;gap:.5rem}.custom-palette-actions,.custom-palette-actions--triple{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-palette-actions .mini-action-button{white-space:nowrap;width:100%}.custom-palette-color-list{display:grid;gap:.55rem;grid-template-columns:repeat(4,minmax(0,1fr))}.custom-palette-color-item{position:relative}.custom-palette-color-swatch{aspect-ratio:1;border:1px solid rgba(49,38,29,.08);border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff47;padding:0;width:100%}.custom-palette-color-remove{align-items:center;background:#32271ee0;border:2px solid rgba(255,250,242,.92);border-radius:999px;box-shadow:none;color:#fff;display:flex;font-size:.82rem;font-weight:500;height:22px;justify-content:center;line-height:1;padding:0;position:absolute;right:-7px;top:-7px;width:22px}.custom-palette-empty{color:var(--muted);font-size:.8rem;line-height:1.5;margin:0}.custom-color-wheel-row{align-items:center;display:grid;gap:.7rem;grid-template-columns:minmax(0,138px) 18px}.interactive-color-wheel{aspect-ratio:1;background:radial-gradient(circle at center,#fff 0 12%,#ffffffeb 13%,#fff0 60%),conic-gradient(red,#ff8000,#ff0,#0f0,#0ff,#00f,#8000ff,#f0f,red);border-radius:50%;box-shadow:inset 0 0 0 10px #ffffff94,0 12px 26px #573f2a1f;cursor:pointer;position:relative;touch-action:none;width:min(100%,138px)}.interactive-color-wheel-gloss{background:radial-gradient(circle at 30% 28%,hsla(0,0%,100%,.36),transparent 32%),radial-gradient(circle at center,#ffffff42,#fff0 65%);border-radius:50%;inset:0;pointer-events:none;position:absolute}.brightness-slider{border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff61,0 10px 20px #573f2a1f;cursor:ns-resize;height:138px;position:relative;touch-action:none;width:18px}.brightness-slider-indicator{border:3px solid hsla(0,0%,100%,.92);border-radius:999px;box-shadow:0 0 0 1px #38291c2e,0 8px 20px #58402b2e;height:12px;left:50%;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:28px}.system-palette-card,.system-palette-list{display:grid;gap:.5rem}.system-palette-card{background:#ffffffad;border:1px solid rgba(86,70,53,.12);border-radius:14px;box-shadow:none;padding:.62rem;text-align:left}.system-palette-card.is-active{background:#fffbf6f5;border-color:#6e543f6b;box-shadow:inset 0 0 0 1px #6e543f1a}.system-palette-meta strong{display:block}.system-palette-swatches{display:grid;gap:.32rem;grid-template-columns:repeat(4,minmax(0,1fr))}.system-palette-chip{aspect-ratio:1;border:1px solid rgba(49,38,29,.08);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff42;width:100%}.stats-grid{display:grid;gap:.4rem;grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.compact{grid-template-columns:1fr}.stats-grid.compact strong{font-size:.82rem}.stat-label{color:var(--muted);display:block;font-size:.68rem;letter-spacing:.06em;margin-bottom:.1rem}.floating-palette{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf2f5;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 38px #4c3a282e;display:grid;gap:.7rem;padding:.8rem;pointer-events:auto;position:absolute;width:220px;z-index:5}.floating-palette-close{align-items:center;background:#fff;border:2px solid rgba(86,70,53,.18);border-radius:50%;box-shadow:0 2px 8px #4c3a2838;color:#5c4f42;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;height:26px;justify-content:center;left:-10px;line-height:1;padding:0;position:absolute;top:-10px;width:26px;z-index:2}.floating-palette-close:hover{background:#c84a42;border-color:#c84a42;box-shadow:0 4px 14px #c84a4259;color:#fff}.floating-palette-header{align-items:center;color:var(--muted);display:flex;font-size:.82rem;gap:.75rem;justify-content:space-between}.floating-palette-header strong{color:var(--text)}.floating-custom-button{border:1px solid rgba(49,38,29,.08);border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff57;min-height:42px;padding:0;width:100%}.interactive-color-wheel-indicator{border:3px solid hsla(0,0%,100%,.92);border-radius:50%;box-shadow:0 0 0 1px #38291c2e,0 8px 20px #58402b2e;height:22px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:22px}.floating-palette-grid{display:grid;gap:.6rem;grid-template-columns:repeat(4,minmax(0,1fr))}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2f231a47;display:grid;inset:0;padding:1rem;place-items:center;position:fixed;z-index:30}.modal-card{background:#fffaf2f7;border:1px solid var(--line);border-radius:28px;box-shadow:0 28px 56px #45322238;display:grid;gap:1rem;padding:1.25rem;width:min(100%,420px)}.modal-card-header h3{font-size:1.2rem;margin:.18rem 0 0}.modal-copy{color:var(--muted);line-height:1.55;margin:.75rem 0 0}.modal-actions{display:grid;gap:.75rem}.modal-action-button{background:var(--panel-strong);border:1px solid var(--line);color:var(--text);min-height:56px}.modal-cancel-button{background:transparent;border:1px solid var(--line);color:var(--muted)}@media(max-width:1220px){.app-shell{grid-template-columns:clamp(224px,23vw,252px) minmax(0,1fr);overflow-y:auto}.panel-right{grid-column:1/-1;max-height:none}}@media(max-width:720px){.palette{grid-template-columns:repeat(4,minmax(0,1fr))}.color-module-header{gap:.75rem}.custom-color-wheel-row{gap:.65rem;grid-template-columns:minmax(0,132px) 18px}.interactive-color-wheel{width:min(100%,132px)}.brightness-slider{height:132px}.system-palette-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.floating-palette{width:min(220px,calc(100vw - 2rem))}}.thumbnail-section{padding:0 0 4px}.thumbnail-box{align-items:center;background:var(--panel-strong);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.thumbnail-img{box-sizing:border-box;cursor:pointer;height:auto;max-height:260px;-o-object-fit:contain;object-fit:contain;padding:8px;transition:transform .15s ease;width:100%}.thumbnail-img:hover{transform:scale(1.04)}.thumbnail-label{background:var(--panel);border-top:1px solid var(--line);display:block;font-size:11px;padding:4px 8px 8px;width:100%}.thumbnail-empty,.thumbnail-label{color:var(--muted);text-align:center}.thumbnail-empty{align-items:center;display:flex;flex-direction:column;font-size:13px;gap:8px;padding:44px 12px}.thumbnail-empty-icon{font-size:28px;opacity:.45}.thumbnail-lightbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e0;inset:0;position:fixed;z-index:100}.thumbnail-lightbox,.thumbnail-lightbox-close{align-items:center;cursor:pointer;display:flex;justify-content:center}.thumbnail-lightbox-close{background:#ffffff14;border:1px solid hsla(0,0%,100%,.22);border-radius:50%;color:#fff;font-size:18px;height:42px;position:absolute;right:22px;top:22px;transition:background .15s;width:42px;z-index:101}.thumbnail-lightbox-close:hover{background:#fff3}.thumbnail-lightbox-img{border-radius:6px;box-shadow:0 20px 72px #0000008c;cursor:default;max-height:88vh;max-width:90vw;-o-object-fit:contain;object-fit:contain}.info-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);display:flex;flex-shrink:0;gap:.8rem;min-height:118px;padding:.78rem 1rem}.info-stats{display:grid;flex:1 1 0;gap:.42rem 1.25rem;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.info-stat{align-items:flex-start;display:flex;flex-direction:column;gap:.1rem}.info-label{color:var(--muted);font-size:.72rem;letter-spacing:.04em;white-space:nowrap}.info-value{font-size:.98rem;font-weight:680;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-actions{align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:.45rem}.info-actions button{background:var(--accent);border-radius:12px;color:#fffaf4;flex:1;font-size:.84rem;font-weight:600;min-height:36px;min-width:120px;padding:.55rem .85rem;white-space:nowrap}.sidebar-export-actions{gap:.55rem}.sidebar-export-actions button{border-radius:14px;min-height:48px;min-width:0}.info-rotation{flex-shrink:0}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.viewport-header{flex-direction:column}.info-bar{flex-wrap:wrap;gap:.5rem}.rotation-overlay{left:1rem;right:1rem}.view-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.info-stats{flex:1 1 100%;grid-template-columns:repeat(2,minmax(0,1fr))}.info-actions{flex-direction:row}.info-rotation{flex:1 1 100%}.info-rotation .rotation-panel{max-width:100%;width:-moz-max-content;width:max-content}}.viewport-host[data-v-0930c465]{border-radius:28px;inset:0;overflow:hidden;position:absolute}.viewport-host[data-v-0930c465] canvas{display:block;height:100%;width:100%}