@font-face{font-family:Montserrat;src:url(/fonts/montserrat-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#201b29;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#faf9f6;font-family:Montserrat,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #8a53dc}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;overflow:hidden;width:1px!important;height:1px!important;position:absolute!important}svg{flex-shrink:0}button{touch-action:manipulation}.studio{--violet:#6d28d9;--violet-dark:#541ab4;--gold:#d4a84f;--ink:#201b29;--muted:#81798c;--paper:#faf9f6;--line:#e9e5ec;background:var(--paper);width:100%;height:100dvh;min-height:480px;color:var(--ink);flex-direction:column;font-size:12px;display:flex}.studio button{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.studio button:hover{background:#f0eaf8}.studio input,.studio textarea,.studio select{color:var(--ink);accent-color:var(--violet)}.studio input[type=checkbox]{flex-shrink:0;width:14px;height:14px;margin:0}.studio textarea{border:1px solid var(--line);resize:vertical;background:#fcfbfd;border-radius:6px;width:100%;min-height:80px;padding:10px;line-height:1.65}.studio select{appearance:auto;background:#fcfbfd;border:1px solid #ded7e7;border-radius:6px;min-width:0;max-width:100%;padding:10px}.studio .s-button{background:#fff;border:1px solid #e3dce9;border-radius:6px;gap:8px;min-height:36px;padding:9px 13px;font-size:11px;font-weight:600;line-height:1.4}.studio .s-button:hover{background:#f7f3fc;border-color:#d1b9ef}.studio .s-button.primary{color:#fff;border:1px solid var(--violet);background:var(--violet);box-shadow:0 2px 3px #541ab40d}.studio .s-button.primary:hover{background:var(--violet-dark);border-color:var(--violet-dark)}.studio .icon-button{color:#83798f;border-radius:6px;flex-shrink:0;width:31px;height:31px}.studio .icon-button:hover{color:var(--violet)}.studio-header{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;align-items:center;gap:25px;height:74px;padding:0 26px;display:flex}.studio-brand{letter-spacing:-.8px;align-items:center;gap:10px;font-size:19px;font-weight:750;line-height:1;display:flex}.brand-symbol{width:38px;height:38px;color:var(--violet);background:#f6f0ff;border:1px solid #e6daf8;border-radius:10px;place-items:center;display:grid}.brand-studio{color:#988d9f;letter-spacing:4.5px;margin-top:7px;margin-left:2px;font-size:8px;font-weight:450;display:block}.header-divider{background:var(--line);flex-shrink:0;width:1px;height:26px}.project-heading{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.project-heading input{text-overflow:ellipsis;background:0 0;border:0;width:100%;max-width:450px;padding:0;font-size:12px;font-weight:600}.project-heading>span{color:#a098a9;align-items:center;gap:5px;font-size:9px;display:flex}.project-heading i{background:#d4a84f;border-radius:50%;width:5px;height:5px}.project-heading i.saved{background:#649781}.header-actions{align-items:center;gap:7px;display:flex}.header-actions>.header-divider{margin:0 7px}.header-actions .s-button{min-height:39px;padding:10px 17px}.workspace-bar{border-bottom:1px solid var(--line);background:#fdfcfa;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;height:54px;padding:0 21px;display:flex;position:relative}.project-type{color:#83738f;align-items:center;gap:10px;width:360px;display:flex}.project-type button{color:#332a3d;padding:6px 1px;font-size:11px;font-weight:600}.project-type>span{white-space:nowrap;border-left:1px solid #dfd9e4;padding-left:12px;font-size:10px}.view-switch{background:#eeeaf1;border-radius:7px;gap:2px;padding:3px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.view-switch button{color:#9b8fab;border-radius:5px;min-width:58px;padding:7px 10px;font-size:10px;font-weight:600}.view-switch button.active{color:#6727c5;background:#fff;box-shadow:0 1px 4px #47305c15}.history-actions{align-items:center;gap:2px;display:flex}.history-actions .divider{background:var(--line);width:1px;height:18px;margin:0 8px}.studio-workspace{flex:1;grid-template-columns:236px minmax(0,1fr) 266px;min-height:0;display:grid;position:relative}.left-panel,.inspector-panel{z-index:3;background:#fff;flex-direction:column;min-height:0;display:flex}.left-panel{border-right:1px solid var(--line)}.inspector-panel{border-left:1px solid var(--line)}.panel-tabs{border-bottom:1px solid var(--line);flex-shrink:0;gap:12px;height:49px;padding:0 13px;display:flex}.panel-tabs button{color:#9a8fa4;border-radius:0;flex:1;gap:5px;padding:0 4px;font-size:10px;font-weight:600;position:relative}.panel-tabs button[aria-selected=true],.panel-tabs button.active{color:var(--violet)}.panel-tabs button[aria-selected=true]:after,.panel-tabs button.active:after{content:"";background:var(--violet);height:2px;position:absolute;bottom:-1px;left:3px;right:3px}.panel-tabs button:hover{color:var(--violet);background:0 0}.panel-tabs button>span{background:#f1eaf9;border-radius:3px;padding:2px 4px;font-size:8px}.left-scroll,.inspector-scroll{scrollbar-width:thin;scrollbar-color:#ded7e7 transparent;flex:1;min-height:0;overflow:auto}.panel-caption{letter-spacing:1.1px;color:#aca2b4;text-transform:uppercase;justify-content:space-between;gap:10px;padding:24px 18px 13px;font-size:8px;font-weight:650;line-height:1.5;display:flex}.panel-caption span{color:#b8acc2}.piece-list{padding:0 10px}.studio .piece-row{text-align:left;border:1px solid #0000;border-radius:7px;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:63px;margin-bottom:3px;padding:9px 8px;display:flex}.studio .piece-row.active{background:#f6f0fe;border-color:#e5d7f8;box-shadow:0 1px 2px #50119804}.piece-thumb{flex-shrink:0;justify-content:center;align-items:center;width:29px;height:38px;display:flex}.piece-thumb svg{filter:drop-shadow(0 2px 2px #5d1f9414);width:27px;height:37px}.piece-row>span:nth-child(2){flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.piece-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:550;overflow:hidden}.piece-row small{color:#a496b1;white-space:nowrap;font-size:8px}.piece-row small b{color:#c4b7cf;padding:0 2px;font-weight:400}.piece-row.active strong{color:#6428c0}.piece-index{color:#c4b8d0;font-size:8px}.piece-row.active .piece-index{color:#9a70d0}.sidebar-tip{color:#a195ae;align-items:flex-start;gap:10px;padding:19px 18px;display:flex}.sidebar-tip p{margin:0;font-size:9px;line-height:1.75}.sidebar-tip svg{margin-top:1px}.left-footer{border-top:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:10px;padding:16px 16px 15px;display:flex}.left-footer .s-button{width:100%}.left-footer>span{text-align:center;color:#a99db4;font-size:8px}.stage{background:#f2eff4;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.canvases{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.editor-canvas{touch-action:none;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-2d{background-color:#f4f2f6;background-image:radial-gradient(#d8d0e2 .7px,#0000 .7px);background-size:18px 18px}.canvas-3d{background:radial-gradient(at 50% 40%,#f9f7fa 0%,#f0edf3 65%,#e8e4ee 100%)}.view-split .canvas-2d{border-right:1px solid #dcd5e4;flex:.86}.editor-canvas>canvas,.canvas-overlay{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-overlay{pointer-events:none;overflow:visible}.canvas-overlay .resize-handle,.canvas-overlay .rotate-handle{pointer-events:all}.resize-handle{cursor:nwse-resize}.rotate-handle{cursor:grab}.tool-move{cursor:move}.tool-scale{cursor:nwse-resize}.tool-rotate{cursor:crosshair}.tool-orbit{cursor:grab}.view-label{z-index:1;letter-spacing:1.3px;color:#8d7f9e;pointer-events:none;align-items:center;gap:7px;font-size:8px;font-weight:650;display:flex;position:absolute;top:21px;left:20px}.view-dot{background:#ab93c6;border-radius:50%;width:5px;height:5px}.view-label>span:last-child:not(.view-dot){letter-spacing:1px;color:#b5a7c3;margin-left:4px;font-size:7px;font-weight:450}.view-label>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.stage-toolbar{z-index:2;background:#ffffffed;border:1px solid #e8e1ee;border-radius:9px;align-items:center;gap:2px;height:43px;padding:5px;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #43245f09}.stage-toolbar button{color:#9a8aa9;border-radius:5px;flex-shrink:0;width:31px;height:31px}.stage-toolbar button.active{color:#fff;background:#6d28d9;box-shadow:0 2px 5px #6d28d92d}.stage-toolbar button.subtle-active{color:#6d28d9;background:#f6f0ff}.stage-toolbar>span{background:var(--line);width:1px;height:19px;margin:0 4px}.canvas-bottom{z-index:1;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:17px;right:17px}.canvas-bottom>span{color:#a194ae;flex-wrap:wrap;align-items:center;gap:6px;font-size:8px;display:flex}.canvas-bottom i{color:#b6a9c3;font-size:7px;font-style:normal}.canvas-bottom>button{color:#94819f;background:#ffffff9c;border:1px solid #e4dceb;border-radius:6px;width:29px;height:29px}.zoom-controls{background:#ffffffb0;border:1px solid #e6e0ec;border-radius:5px;flex-shrink:0;align-items:center;height:27px;display:flex}.zoom-controls button{color:#9680ad;min-width:26px;height:25px;padding:4px 6px;font-size:8px}.scene-controls{background:#ffffff70;border:1px solid #e8e0ef80;border-radius:5px;gap:3px;padding:3px;display:flex;position:absolute;top:15px;right:15px}.scene-controls button{color:#9c89ad;border-radius:3px;padding:6px;font-size:8px}.view-split .scene-controls{top:43px}.stage-context{white-space:nowrap;color:#a899b5;background:#f9f7fb;border-top:1px solid #e7e0ed;justify-content:center;align-items:center;gap:9px;height:43px;min-height:43px;padding:0 16px;font-size:8px;display:flex;overflow:hidden}.stage-context strong{text-overflow:ellipsis;color:#78658c;flex-shrink:0;max-width:180px;font-size:9px;font-weight:550;overflow:hidden}.stage-context>span:last-child{text-overflow:ellipsis;overflow:hidden}.context-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:5px;height:5px}.selection-heading{border-bottom:1px solid var(--line);padding:23px 19px 20px}.eyebrow{letter-spacing:1.6px;color:#a596b3;font-size:8px;font-weight:600}.selection-heading h2{letter-spacing:-.6px;overflow-wrap:anywhere;margin:9px 0 6px;font-size:17px;font-weight:600;line-height:1.4}.selection-heading>span:last-child{color:#a697b2;font-size:9px}.selection-heading b{margin:0 5px;font-weight:400}.inspector-section{border-bottom:1px solid var(--line);flex-direction:column;gap:13px;padding:21px 19px;display:flex}.section-heading{letter-spacing:1.1px;color:#9e8eac;justify-content:space-between;align-items:center;font-size:8px;font-weight:650;display:flex}.color-control{flex-direction:column;gap:14px;display:flex}.color-control>label{letter-spacing:.5px;border:1px solid #e7dfed;border-radius:5px;align-items:center;gap:9px;padding:6px 9px;font-size:10px;display:flex}.color-control input[type=color]{appearance:none;cursor:pointer;background:0 0;border:0;width:21px;height:21px;padding:0}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:1px solid #00000012;border-radius:4px}.swatches{justify-content:space-between;gap:7px;display:flex}.studio .swatches button{border:1px solid #21163315;border-radius:50%;width:20px;height:20px;padding:0}.swatches button.chosen{outline-offset:3px;outline:1.5px solid #a184c8}.studio .text-button{color:#8965ad;text-align:left;justify-content:space-between;padding:3px 0;font-size:9px;line-height:1.6}.studio .text-button:hover{color:var(--violet);background:0 0}.background-empty{border-radius:6px;flex-direction:column;padding:20px 12px;color:#b29bc8!important;background:#fcfaff!important;border:1px dashed #dfd4e9!important;gap:11px!important;display:flex!important}.background-empty span{font-size:9px}.background-preview{object-fit:contain;background:#f4f0f8;border-radius:5px;max-width:100%;height:85px}.muted-note{color:#a092ad;margin:0;font-size:9px;line-height:1.75}.piece-facts{color:#a697b2;padding:20px 19px;font-size:8px;line-height:1.8}.piece-facts>div{justify-content:space-between;gap:9px;margin-bottom:8px;display:flex}.piece-facts b{color:#7a658b;text-align:right;font-weight:500}.piece-facts p{margin:18px 0 0;line-height:1.8}.inspector-footer{border-top:1px solid var(--line);color:#a695b3;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:8px;display:flex}.live-indicator{background:#b99357;border-radius:50%;width:5px;height:5px}.transform-fields{grid-template-columns:1fr 1fr;gap:11px 9px;display:grid}.s-field{color:#a696b2;flex-direction:column;gap:7px;min-width:0;font-size:8px;display:flex}.s-field>div{background:#fdfcfe;border:1px solid #e7deef;border-radius:5px;align-items:center;height:34px;padding:8px;display:flex}.s-field input{appearance:textfield;background:0 0;border:0;width:100%;min-width:0;padding:0;font-size:10px}.s-field input::-webkit-inner-spin-button{appearance:none}.s-field em{color:#bdaece;font-size:8px;font-style:normal}.mini-actions{gap:5px;display:flex}.mini-actions>button{color:#967cae;white-space:nowrap;background:#f8f5fb;border-radius:4px;flex:1;min-height:29px;padding:7px 4px;font-size:8px}.mini-actions>button.danger{color:#b16c7a}.locked-fields{pointer-events:none;opacity:.5}.font-line{color:#9482a4;justify-content:space-between;align-items:center;font-size:10px;display:flex}.font-line select{padding:6px;font-size:9px}.file-name{overflow-wrap:anywhere;color:#8b729f;margin:0;font-size:10px;line-height:1.6}.resolution-note{color:#688b78;background:#f3f8f4;border-radius:5px;align-items:center;gap:8px;padding:9px;font-size:9px;line-height:1.6;display:flex}.resolution-note.low-resolution{color:#a18340;background:#faf6e9}.dimension-fields{flex-direction:column;gap:14px;display:flex}.dimension-fields .s-field{font-size:9px}.dimension-fields .s-field>div{height:39px}.dimension-fields .s-field input{font-size:13px}.checkbox-field{color:#8b749e;align-items:center;gap:9px;font-size:9px;line-height:1.6;display:flex}.studio-status{border-top:1px solid var(--line);color:#a89aaf;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 19px;font-size:8px;display:flex}.studio-status>span{align-items:center;gap:9px;display:flex}.studio-status b{color:#cbbfd3;font-weight:400}.studio-status i{background:var(--gold);border-radius:50%;width:4px;height:4px;margin-right:1px}.studio-status>span:first-child{letter-spacing:.3px}.status-profile button{color:#8965ad;padding:3px 0 3px 5px;font-size:8px}.mobile-panel-buttons{display:none}.add-layer-buttons{gap:8px;margin:0 15px 15px;display:flex}.add-layer-buttons .s-button{flex:1;padding:8px;font-size:9px}.layer-row{border:1px solid #0000;border-radius:6px;gap:1px;min-height:44px;margin:2px 9px;padding:4px 5px;display:flex}.layer-row.active{background:#f6f0fe;border-color:#e7d9f7}.layer-name{text-align:left;flex:1;min-width:0;padding:4px;font-size:10px;color:#927ba3!important;justify-content:flex-start!important}.layer-name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.layer-row .icon-button{width:23px;height:30px}.layer-row .icon-button svg{width:13px}.layer-row .icon-button[aria-pressed=false]{opacity:.35}.background-layer{width:calc(100% - 30px);margin:13px 15px;font-size:9px;border-top:1px solid var(--line)!important;color:#ad9db9!important;justify-content:flex-start!important;padding:13px 8px!important}.background-layer>span{border:1px solid #21102c12;border-radius:3px;width:17px;height:17px}.background-layer>svg{margin-left:auto}.empty-panel{text-align:center;color:#b6a2c7;flex-direction:column;align-items:center;gap:8px;padding:40px 22px;display:flex}.empty-panel h3{color:#9c85ad;margin:9px 0 0;font-size:11px;font-weight:550}.empty-panel p{margin:0;font-size:9px;line-height:1.8}.upload-drop{border-radius:7px;flex-direction:column;width:calc(100% - 32px);margin:0 16px 18px;padding:24px 12px;color:#ac8fcc!important;background:#faf7fe!important;border:1px dashed #d4c1e7!important;gap:8px!important;display:flex!important}.upload-drop strong{color:#8f6eac;margin-top:5px;font-size:10px;font-weight:550}.upload-drop span{color:#ad96c1;font-size:8px}.upload-drop small{color:#baa8c9;margin-top:6px;font-size:7px}.asset-grid{grid-template-columns:1fr 1fr;gap:13px 9px;padding:0 15px;display:grid}.asset-card{flex-direction:column;gap:6px;min-width:0;display:flex}.asset-card>button{cursor:grab;background:#f6f3f9;border:1px solid #eee5f5;border-radius:5px;width:100%;height:78px;padding:10px}.asset-card img{object-fit:contain;pointer-events:none;width:100%;height:100%}.asset-card>strong{white-space:nowrap;text-overflow:ellipsis;color:#a48bb9;font-size:8px;font-weight:500;overflow:hidden}.asset-card>span{color:#b9a8c7;font-size:7px}.asset-card label{color:#ac98bd;font-size:8px}.asset-card select{border-radius:3px;padding:2px;font-size:8px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#24123766;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.s-modal{scrollbar-width:thin;background:#fff;border:1px solid #e9e2ef;border-radius:14px;outline:none;width:470px;max-width:100%;max-height:calc(100dvh - 48px);padding:28px;overflow:auto;box-shadow:0 22px 90px #21063335}.s-modal.wide{width:740px}.modal-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.modal-heading h2{letter-spacing:-1px;margin:9px 0 0;font-size:24px;font-weight:600}.modal-heading .eyebrow{color:#a587c0;font-size:8px}.modal-heading .icon-button{margin:-6px -8px 0 0}.model-cards{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.model-cards>button{color:#a27abd;background:#fcfaff;border:1px solid #e7dcef;border-radius:8px;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 14px;display:flex}.model-cards>button>svg{color:#8850cc;width:100%;margin:15px auto 25px}.model-cards strong{color:#744694;font-size:12px;font-weight:600}.model-cards span{color:#b095c2;text-align:left;font-size:9px;line-height:1.8}.model-cards small{color:#976bad;gap:10px;margin-top:14px;font-size:8px;display:flex}.modal-note{color:#b2a0bf;margin:22px 0 0;font-size:9px;line-height:1.8}.export-summary{color:#9772ba;background:#f7f2fc;border:1px solid #ede2f7;border-radius:7px;align-items:center;gap:15px;margin-bottom:23px;padding:16px;display:flex}.export-summary>div{flex-direction:column;gap:6px;min-width:0;display:flex}.export-summary strong{color:#80599e;overflow-wrap:anywhere;font-size:10px;font-weight:550;line-height:1.4}.export-summary span{color:#ad92c3;font-size:8px}.export-fields{border:0;flex-direction:column;gap:16px;min-width:0;margin:0;padding:0;display:flex}.select-field{color:#997dad;flex-direction:column;gap:8px;min-width:0;font-size:9px;font-weight:500;display:flex}.select-field select{color:#86619f;width:100%;height:39px;font-size:10px}.export-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.icc-upload{color:#9f7db4;overflow-wrap:anywhere;border:1px dashed #d4bee5;border-radius:5px;flex-direction:column;gap:8px;padding:12px;font-size:9px;display:flex}.icc-upload input{max-width:100%;font-size:8px}.export-detail{color:#a995b8;border-top:1px solid var(--line);flex-direction:column;gap:9px;margin:20px 0 3px;padding:20px 0;font-size:9px;display:flex}.export-detail>span{align-items:center;gap:7px;display:flex}.export-detail svg{color:#af934f}.export-detail>span:last-child{color:#bca9c8;padding-left:21px;font-size:8px}.export-submit{width:100%;margin-top:6px;min-height:43px!important}.export-progress{flex-direction:column;gap:12px;margin-top:20px;display:flex}.export-progress>div{color:#9a78b4;justify-content:space-between;gap:10px;font-size:9px;display:flex}.export-progress progress{appearance:none;border:0;border-radius:6px;width:100%;height:6px;overflow:hidden}.export-progress progress::-webkit-progress-bar{background:#eee5f6}.export-progress progress::-webkit-progress-value{background:var(--violet)}.s-error{color:#ad5862;background:#fff0f0;border:1px solid #efd5d7;border-radius:5px;margin:10px 0;padding:12px;font-size:10px;line-height:1.75}.help-steps p{color:#a68bb9;margin:0 0 18px;font-size:10px;line-height:1.9}.help-steps b{color:#7f4f9f;font-weight:550}.shortcut-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;padding-top:20px;display:grid}.shortcut-grid>div{color:#b69bc7;justify-content:space-between;align-items:center;gap:8px;font-size:8px;display:flex}.shortcut-grid kbd{color:#a480be;background:#fcf9fe;border:1px solid #eee4f4;border-radius:4px;padding:4px 5px;font-family:inherit;font-size:8px}.copy-list{flex-direction:column;gap:13px;margin:24px 0;display:flex}.copy-list label{color:#9371a9;gap:11px;font-size:10px;display:flex}.toast{color:#8f69a9;z-index:80;background:#fff;border:1px solid #e7ddef;border-radius:8px;align-items:center;gap:10px;max-width:calc(100% - 40px);padding:14px 16px;font-size:10px;line-height:1.6;display:flex;position:fixed;bottom:49px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #3217441a}.toast>svg{color:#ae8a40}.toast button{margin-left:10px;padding:2px}.busy-pill{color:#9672af;z-index:85;background:#fff;border:1px solid #eadff4;border-radius:25px;align-items:center;gap:10px;padding:12px 20px;font-size:10px;display:flex;position:fixed;top:140px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #43245920}.spinner{border:2px solid #e8daf5;border-top-color:#9761cd;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stage-message{color:#9e85b0;min-width:200px;font-size:10px;line-height:1.8;position:absolute;inset:40%}@media (width>=1600px){.studio-workspace{grid-template-columns:256px minmax(0,1fr) 286px}.studio-header{padding:0 30px}.piece-row strong{font-size:11px}.piece-row small{font-size:9px}.piece-row{min-height:69px!important}.selection-heading h2{font-size:19px}.inspector-section{padding:23px}.s-field,.canvas-bottom>span,.stage-context{font-size:9px}}@media (width<=1180px){.studio-workspace{grid-template-columns:208px minmax(0,1fr) 240px}.studio-header{gap:18px;padding:0 17px}.project-type{width:auto}.project-type>span{display:none}.piece-list{padding:0 6px}.piece-row{gap:7px!important;padding:8px 5px!important}.piece-index,.view-split .canvas-bottom i{display:none}.view-split .canvas-bottom{flex-wrap:wrap;gap:5px;left:10px;right:10px}.inspector-section{padding:19px 16px}.stage-toolbar{gap:0}.stage-toolbar button{width:29px}.view-label{letter-spacing:1px;font-size:7px;left:14px}.view-label>span:last-child{display:none}}@media (width<=980px){.studio-workspace{grid-template-columns:180px minmax(0,1fr) 220px}.studio-brand{gap:8px;font-size:16px}.brand-symbol{width:33px;height:33px}.studio-header{gap:13px;height:66px;padding:0 12px}.project-heading input{font-size:10px}.header-actions{gap:2px}.header-actions .s-button{padding:9px 11px;font-size:10px}.panel-tabs{gap:8px;padding:0 8px}.panel-tabs button{gap:3px;font-size:9px}.piece-row strong{font-size:9px}.piece-row small{font-size:7px}.piece-thumb{width:23px}.panel-caption{padding-left:13px;font-size:7px}.piece-row{gap:6px!important}.inspector-section,.selection-heading{padding:18px 14px}.selection-heading h2{font-size:16px}.view-split .canvases{flex-direction:column}.view-split .canvas-2d{border-bottom:1px solid #e1d8e8;border-right:0;flex:1}.view-split .view-label{top:12px}.view-split .stage-toolbar{top:43px}.view-split .canvas-bottom{bottom:10px}.view-split .scene-controls{top:10px}.stage-context{justify-content:flex-start}.canvas-bottom>span,.studio-status .status-profile{font-size:7px}.color-control>label{font-size:9px}.swatches{gap:5px}.studio .swatches button{width:18px;height:18px}}@media (width<=760px){.studio{min-height:420px}.studio-workspace{display:flex}.stage{flex:1}.left-panel,.inspector-panel{width:248px;display:none;position:absolute;top:0;bottom:0;box-shadow:5px 0 25px #3223401a}.left-panel{left:0}.inspector-panel{right:0}.left-panel.mobile-open,.inspector-panel.mobile-open{z-index:6;display:flex}.studio-header{gap:11px;height:59px}.studio-brand{font-size:15px}.brand-symbol{border-radius:7px;width:29px;height:29px}.brand-symbol svg{width:18px}.brand-studio{letter-spacing:3.8px;margin-top:5px;font-size:6px}.project-heading,.studio-header>.header-divider{display:none}.header-actions{margin-left:auto}.header-actions .header-divider{margin:0 3px}.header-actions .s-button{min-height:32px;padding:7px 10px;font-size:9px}.header-actions .icon-button{width:27px}.desktop-only{display:none}.workspace-bar{gap:5px;height:47px;padding:0 12px}.project-type{gap:5px}.project-type>svg{display:none}.project-type button{max-width:135px;font-size:9px}.view-switch{gap:0;padding:2px;position:static;transform:none}.view-switch button{min-width:35px;padding:7px;font-size:8px}.history-actions .icon-button{width:25px}.history-actions .divider,.history-actions .icon-button:last-child{display:none}.history-actions{gap:0}.studio-status{height:43px;padding:0 12px}.studio-status>span:first-child{gap:5px;font-size:7px}.studio-status .status-profile{display:none}.mobile-panel-buttons{gap:7px;display:flex}.mobile-panel-buttons button{color:#8d6ca4;background:#f4eefb;border-radius:4px;padding:6px 8px;font-size:8px}.view-split .canvases{flex-direction:row}.view-split .canvas-2d{border-bottom:0;border-right:1px solid #dfd4e9;flex:1}.view-split .stage-toolbar{top:48px}.view-split .view-label{top:18px}.view-split .scene-controls{gap:1px;top:40px;right:9px}.view-split .scene-controls button{padding:4px;font-size:6px}.stage-context{height:37px;min-height:37px;padding:0 12px;font-size:7px}.stage-context strong{max-width:120px;font-size:8px}.stage-context>span:last-child{font-size:7px}.stage-toolbar button{width:29px}.stage-toolbar{max-width:calc(100% - 20px);height:39px;padding:4px}.stage-toolbar svg{width:16px}.view-split .canvas-bottom>span{font-size:6px;line-height:1.6}.view-split .canvas-bottom>span>svg{display:none}.view-split .canvas-bottom{flex-direction:column;align-items:flex-start;gap:7px}.modal-backdrop{padding:14px}.s-modal{max-height:calc(100dvh - 28px);padding:22px}.modal-heading h2{font-size:21px}.model-cards{gap:9px}.model-cards>button{padding:13px 9px}.model-cards strong{font-size:10px}.model-cards span{font-size:8px}.model-cards>button>svg{width:40px;height:40px;margin:8px auto 12px}.model-cards small{gap:5px;font-size:7px}.toast{font-size:9px;bottom:55px}.view-split .canvas-2d{min-width:150px}.scene-controls{top:17px}}@media (prefers-reduced-motion:reduce){.studio *{transition:none!important;animation-duration:1.5s!important}}.studio .project-heading>span,.studio .left-footer>span,.studio .piece-row small,.studio .piece-index,.studio .panel-caption,.studio .piece-facts,.studio .piece-facts b,.studio .inspector-footer,.studio .studio-status,.studio .muted-note,.studio .sidebar-tip,.studio .s-field,.studio .section-heading,.studio .selection-heading>span:last-child,.studio .eyebrow,.studio .panel-tabs button,.studio .view-switch button,.studio .canvas-bottom>span,.studio .canvas-bottom i,.studio .view-label,.studio .stage-context,.studio .scene-controls button{color:#83758f}.studio .piece-row.active small,.studio .text-button,.studio .background-empty,.studio .checkbox-field{color:#846199!important}.studio .panel-tabs button[aria-selected=true],.studio .panel-tabs button.active,.studio .view-switch button.active{color:#6d28d9}.studio .muted-note,.studio .sidebar-tip p{font-size:10px}.studio .s-field>span,.studio .section-heading,.studio .panel-caption{font-size:9px}.studio .selection-heading>span:last-child,.studio .color-control>label,.studio .piece-facts{font-size:10px}.studio .piece-row small{font-size:9px}.studio .piece-row strong{font-size:11px}.studio .piece-row{min-height:65px}.studio .background-empty span,.studio .text-button{font-size:10px}@media (width<=1180px){.studio .piece-row small{font-size:8px}.studio .piece-row strong{font-size:10px}.studio .s-field>span,.studio .section-heading,.studio .panel-caption{font-size:8px}.studio .piece-facts{font-size:9px}}@media (width<=760px){.view-split .canvases{flex-direction:column}.view-split .canvas-2d{border-bottom:1px solid #dfd4e9;border-right:0;min-width:0}.view-split .canvas-bottom{flex-direction:row;align-items:center}.view-split .scene-controls{top:13px}.view-split .canvas-bottom>span{font-size:7px}}.studio .unit-switch{border-bottom:1px solid var(--line);background:#fbf9fe;flex-shrink:0;align-items:center;gap:4px;padding:12px 18px;display:flex}.unit-switch>span{color:#63566f;margin-right:auto;font-size:11px;font-weight:600}.studio .unit-switch button{border-radius:6px;min-width:43px;height:32px;font-size:12px}.studio .unit-switch button[aria-pressed=true]{background:var(--violet);color:#fff;box-shadow:0 2px 6px #6d28d926}.studio .s-field>span,.studio .section-heading,.studio .panel-caption{color:#62546f;font-size:11px}.studio .muted-note,.studio .sidebar-tip p{color:#756681;font-size:11px;line-height:1.7}.studio .s-field>div{background:#fff;min-height:38px}.studio .s-field input[type=number]{font-variant-numeric:tabular-nums;font-size:13px}.studio .s-field input[type=range]{cursor:ew-resize;width:100%;height:20px;accent-color:var(--violet);margin:7px 0 0;padding:0}.studio .dimension-fields .s-field{flex-direction:column;align-items:stretch;gap:7px;display:flex}.studio .dimension-fields .s-field>div{width:100%}.studio .dimension-fields{gap:18px}.studio .checkbox-field{font-size:11px;line-height:1.6}.studio .live-label{align-items:center;gap:6px;display:flex;color:#427564!important}.live-label i{background:#41856d;border-radius:50%;width:6px;height:6px}.studio .scope-switch{flex-shrink:0;gap:5px;padding:14px 12px 4px;display:grid}.studio .scope-switch button{border:1px solid var(--line);text-align:left;border-radius:9px;justify-content:flex-start;gap:10px;padding:11px;font-size:11px}.scope-switch span{gap:5px;display:grid}.scope-switch small{color:#83758f;font-size:10px}.studio .scope-switch button.active{color:var(--violet);background:#f4eefe;border-color:#d7c1f4}.studio .layer-row{border:1px solid #0000;border-radius:8px;min-height:62px;margin-bottom:4px;padding:7px 4px}.studio .layer-row[draggable=true]{cursor:grab}.studio .layer-row.active{background:#f6f0fe;border-color:#d6bff1}.studio .layer-name{text-align:left;min-height:42px}.studio .layer-name span{color:#59466b;font-size:12px;display:block}.layer-name small{color:#83758f;margin-top:5px;font-size:9px;font-weight:400;display:block}.layer-row.is-hidden .layer-name{opacity:.45}.studio .layer-destination{background:#fcfaff}.layer-destination .select-field{margin-bottom:12px}.studio .layer-destination input{background:#fff;border:1px solid #ded7e7;border-radius:6px;width:100%;padding:10px;font-size:12px}.studio .asset-search{border:1px solid var(--line);background:#fcfaff;border-radius:8px;width:100%;padding:11px;font-size:12px}.studio .asset-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px}.studio .asset-card:hover{border-color:#c4a4ed;box-shadow:0 4px 12px #541ab410}.studio .copy-list{grid-template-columns:1fr 1fr;gap:8px;max-height:360px;padding:4px 1px;display:grid;overflow:auto}.studio .copy-list label{border:1px solid var(--line);color:#574767;cursor:pointer;border-radius:9px;gap:10px;min-height:74px;padding:12px;font-size:12px}.studio .copy-list label.selected{background:#f5effe;border-color:#b992ec}.copy-list svg{color:#a27ccf;width:22px;height:40px}.copy-list label span{gap:5px;display:grid}.copy-list small{color:#81728e;font-size:10px}.copy-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 12px;display:flex}.copy-toolbar>span{color:#756681;margin-left:auto;font-size:11px}.studio .s-modal:has(.copy-list){width:620px}.model-measures{z-index:1;pointer-events:none;background:#faf8fdde;border:1px solid #fffd;border-radius:8px;gap:5px;padding:10px 13px;display:grid;position:absolute;bottom:58px;left:16px;box-shadow:0 3px 12px #4c2a6410}.model-measures strong{font-variant-numeric:tabular-nums;color:#5c4474;font-size:13px}.model-measures span{color:#857290;font-size:9px}@media (width>=1440px){.studio-workspace{grid-template-columns:250px minmax(0,1fr) 292px}}@media (width<=760px){.studio .copy-list{grid-template-columns:1fr}.model-measures{padding:5px 8px;bottom:42px;left:10px}.model-measures strong{font-size:10px}.model-measures span{font-size:8px}.studio .unit-switch{padding:8px 14px}}.shared-layers{border-top:1px solid var(--line);margin:18px 0 8px;padding-top:14px}.shared-layers>span{letter-spacing:.08em;color:#7e6b8f;font-size:9px}.studio .shared-layers button{text-align:left;color:#72528e;justify-content:flex-start;width:100%;padding:12px 4px}.shared-layers button span{flex:1;font-size:11px}.shared-layers small{color:#8a749e;margin-top:4px;font-size:9px;display:block}.image-tools fieldset{border:0;min-width:0;margin:0;padding:0}.image-tools fieldset:disabled{opacity:.5}.edit-mode-tabs{background:#f3edf9;border-radius:7px;gap:2px;margin-bottom:12px;padding:3px;display:flex}.studio .edit-mode-tabs button{color:#7d648e;border-radius:5px;flex:1;min-width:0;padding:7px 3px;font-size:10px;line-height:1.3}.studio .edit-mode-tabs button[aria-pressed=true]{color:#6d28d9;background:#fff;box-shadow:0 1px 5px #4f267614}.fit-image-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:12px 0;display:grid}.studio .fit-image-actions button{color:#68447f;border:1px solid #e3d8ed;border-radius:5px;padding:8px 3px;font-size:10px;line-height:1.4}.studio .fit-image-actions button:hover:not(:disabled){background:#f7f1fd;border-color:#b58dde}.image-tools .mask-shape-label{margin:14px 0 10px}.image-tools .check-line{align-items:center;gap:7px;display:flex}.editing-tip{color:#816228;background:#fff8e8;border-left:2px solid #d4a84f;border-radius:0 5px 5px 0;padding:10px 12px;font-size:10px;line-height:1.7}.studio .done-editing{color:#fff;background:#6d28d9;border:0;width:100%;margin-top:14px}.image-tools .text-button{color:#806591;margin-top:6px;padding:7px 0;font-size:10px}.selection-contextbar{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #e4d6f0;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;width:max-content;max-width:calc(100% - 28px);padding:6px;display:flex;position:absolute;bottom:87px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #38204714}.studio .selection-contextbar button{color:#634376;border-radius:5px;gap:5px;min-height:31px;padding:6px 7px;font-size:10px}.studio .selection-contextbar button:hover:not(:disabled),.studio .selection-contextbar button.active{color:#6d28d9;background:#f0e7fc}.studio .selection-contextbar .finish{color:#fff;background:#6d28d9}.selection-contextbar.is-editing{border-color:#dfc48b}.selection-bar-label{text-overflow:ellipsis;white-space:nowrap;color:#775a8a;max-width:120px;padding:0 6px;font-size:10px;overflow:hidden}.context-mask{color:#856099;border-left:1px solid #e4d6f0;align-items:center;gap:3px;padding:0 4px;display:flex}.context-mask select{color:#634376;font:inherit;background:0 0;border:0;width:108px;padding:7px 2px;font-size:10px}@media (width<=1100px){.selection-contextbar{bottom:90px}}@media (width<=760px){.selection-contextbar{gap:1px;padding:4px;bottom:83px}.studio .selection-contextbar button{min-height:32px;padding:5px 6px}}.left-panel,.inspector-panel{position:relative}.panel-divider{z-index:8;cursor:col-resize;touch-action:none;width:7px;position:absolute;top:0;bottom:0}.divider-left{right:-4px}.divider-right{left:-4px}.panel-divider:hover,.panel-divider:focus-visible{background:#6d28d930;outline:1px solid #6d28d9}@media (width>=981px){.studio-workspace{grid-template-columns:clamp(180px, var(--left-panel-width,17.4vw), min(360px, calc(50vw - 200px))) minmax(0, 1fr) clamp(220px, var(--right-panel-width,20.3vw), min(400px, calc(50vw - 200px)))}}.studio-workspace.focus-mode{grid-template-columns:minmax(0,1fr)}.focus-mode>.left-panel,.focus-mode>.inspector-panel{display:none}.editor-canvas{touch-action:none}.editor-canvas:focus-visible{outline-offset:-2px;outline:2px solid #b991f4}.layer-selection-summary{color:#766482;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px 12px;font-size:10px;display:flex}.layer-selection-summary kbd{color:#8b769a;white-space:nowrap;font-size:9px}.layer-tree{padding:0 8px}.studio .layer-tree .layer-row{border:1px solid #0000;border-radius:7px;gap:3px;min-height:54px;margin:3px 0;padding:6px}.studio .layer-tree .layer-row.active{background:#f0e7fc;border-color:#cfb2f3}.studio .layer-tree .layer-row .icon-button{color:#7d6c8a;flex-shrink:0;width:25px;height:30px}.studio .layer-tree .layer-row .layer-name{gap:8px;min-width:0}.layer-preview{background:repeating-conic-gradient(#f1edf5 0% 25%,#fff 0% 50%) 0/8px 8px;border:1px solid #e6dfeb;border-radius:5px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:35px;display:flex;overflow:hidden}.layer-preview img{object-fit:contain;width:100%;height:100%}.layer-preview i{width:24px;height:24px;display:block}.layer-preview.kind-text{color:#583076;background:#fff}.group-row{background:#f9f6fc;border:1px solid #e8deef;border-radius:6px;align-items:center;gap:1px;min-height:42px;margin-top:8px;padding:2px;display:flex}.group-row.active{background:#eadcfb;border-color:#be99ed}.group-row .group-name{color:#573072;flex:1;justify-content:flex-start;gap:7px;min-width:0;padding:5px 2px;font-size:11px;font-weight:650;display:flex}.group-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-name small{color:#8c729e;margin-left:auto;font-size:9px;font-weight:500}.group-row .icon-button{flex-shrink:0;width:25px;height:28px}.group-chevron{flex-shrink:0;width:18px;height:28px}.group-chevron.expanded svg{transform:rotate(90deg)}.group-children{border-left:1px solid #dac8eb;margin-left:11px;padding-left:5px}.group-children .layer-preview{flex-basis:27px;width:27px}.group-name-input{border:1px solid #b98de9;border-radius:4px;flex:1;width:80px;min-width:0;padding:5px;font-size:11px}.ungroup-action{padding:12px 16px;font-size:10px}.studio .add-layer-buttons{gap:5px}.studio .add-layer-buttons .s-button{flex:1;min-width:0}.studio .add-layer-buttons .s-button:last-child{flex:0 0 34px;padding:7px}.selection-fields{border:0;min-width:0;margin:0;padding:0}.selection-fields:disabled{opacity:.5}.align-controls{margin-top:20px}.compact-align .align-controls{margin-top:0}.alignment-target{color:#74607f;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.alignment-target select{color:#503b61;background:#fff;border:1px solid #e1d6ec;border-radius:5px;width:120px;padding:5px;font-size:10px}.align-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.align-buttons button{color:#78518d;background:#fbf9fe;border:1px solid #e6dcef;border-radius:5px;min-height:34px}.align-buttons button:hover:not(:disabled){color:#6d28d9;background:#eee3fc;border-color:#c3a2e8}.align-buttons button:disabled{opacity:.3;cursor:default}.selection-menu{z-index:50;background:#fff;border:1px solid #ded2e9;border-radius:9px;width:230px;padding:6px;position:fixed;box-shadow:0 12px 36px #37204c2c}.studio .selection-menu button{text-align:left;color:#44304e;border-radius:5px;justify-content:space-between;align-items:center;width:100%;min-height:36px;padding:8px 10px;font-size:11px;display:flex}.selection-menu kbd{color:#9a85ab;font-family:inherit;font-size:9px}.selection-menu button:focus-visible,.selection-menu button:hover:not(:disabled){background:#eee3fc;outline:none}.studio .selection-menu button:disabled{color:#b4a8bd}.studio .asset-search{width:calc(100% - 32px);margin:0 16px 8px}.left-scroll>.asset-search+.muted-note{padding:0 16px}@media (width<=980px){.panel-divider{display:none}}@media (width<=760px){.left-panel,.inspector-panel{position:absolute}.stage-toolbar{max-width:calc(100% - 24px)}.stage-toolbar button{width:27px}.workspace-focus{display:none}}