.studio-app,.studio-loading{--app-bg:var(--bg);--app-panel:var(--panel);--app-panel-alt:var(--low);--app-border:var(--subtle);--app-muted:var(--muted);--app-text:var(--ink);--app-accent:var(--cyan);color:var(--app-text);background:var(--app-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:12px;line-height:1.4}.studio-app{isolation:isolate;flex-direction:column;width:100%;height:100dvh;min-height:350px;display:flex;overflow:hidden}.studio-workspace-access{border:0;min-width:0;margin:0;padding:0;display:contents}.studio-access-notice{border-bottom:1px solid var(--app-border);background:var(--app-panel-alt);flex:none;justify-content:space-between;align-items:center;gap:18px;padding:12px 24px;display:flex}.studio-access-notice h1{color:var(--app-text);margin:0 0 3px;font-size:14px;font-weight:650}.studio-access-notice p{color:var(--app-muted);margin:0;font-size:12px;line-height:1.5}.studio-access-actions{flex:none;align-items:center;gap:14px;display:flex}.studio-access-actions a{white-space:nowrap;color:var(--app-text);text-decoration:none}.studio-access-actions .studio-access-login{background:var(--app-accent);color:var(--app-bg);border-radius:4px;padding:8px 14px;font-weight:650}.studio-access-actions button{border:1px solid var(--app-border);padding:8px}.studio-guest .studio-canvas-area{cursor:default}@media (max-width:640px){.studio-access-notice{flex-wrap:wrap;align-items:flex-start;gap:10px;padding:10px 12px}.studio-access-notice>div:first-child{flex:230px}.studio-access-actions{gap:12px}.studio-access-notice h1{font-size:13px}.studio-access-notice p{font-size:11px}}.studio-loading{letter-spacing:.18em;place-items:center;height:100dvh;display:grid}.studio-loading>div{letter-spacing:normal;text-align:center;max-width:560px;padding:28px}.studio-loading h1{margin:0 0 20px;font-size:28px}.studio-loading p{color:var(--app-muted);font-size:14px;line-height:1.7}.studio-app button,.studio-app a,.studio-app input,.studio-app textarea{font:inherit}.studio-menus button,.studio-file-actions button{white-space:nowrap}.studio-app button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:0;display:inline-flex}.studio-app button:hover{background:#ffffff0b}.studio-app button:disabled{opacity:.35;cursor:default}.studio-app :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--app-accent);outline-offset:-2px}.studio-app input,.studio-app textarea{color:var(--app-text);background:var(--low);border:1px solid var(--subtle);border-radius:4px;outline:0;min-width:0}.studio-app input[type=checkbox],.studio-app input[type=radio]{accent-color:var(--app-accent)}.studio-app input[type=number]{appearance:textfield}.studio-app input::-webkit-inner-spin-button{appearance:none}.studio-titlebar{background:var(--panel);-webkit-user-select:none;user-select:none;border-bottom:1px solid #171a20;flex:none;align-items:center;gap:26px;height:42px;padding:0 13px 0 14px;display:flex}.studio-brand{white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.studio-brand svg{color:var(--app-accent);fill:#8bdbc815}.studio-brand b{letter-spacing:.09em;font-size:12px;font-weight:750}.studio-brand>span{color:#959eaf;letter-spacing:.16em;border-left:1px solid #484e58;margin-left:2px;padding-left:5px;font-size:10px}.workspace-name{color:#969eac;align-items:center;gap:7px;font-size:11px;display:flex}.workspace-dot{background:#6f7887;border-radius:50%;width:5px;height:5px}.studio-title-actions{color:#abb3c0;align-items:center;gap:19px;margin-left:auto;display:flex}.studio-title-actions>button,.studio-title-actions>a{align-items:center;gap:7px;min-height:27px;display:inline-flex}.studio-title-actions :is(button,a):hover{color:#fff}.studio-title-actions .studio-avatar{color:#c8efdf;background:#475461;border-radius:50%;min-width:25px;height:25px;margin-left:1px;font-size:11px;font-weight:650}.studio-title-actions .studio-signin{color:var(--app-accent);border:1px solid #4c635f;border-radius:4px;padding:0 11px}.studio-menubar{z-index:20;background:#2a2e37;border-bottom:1px solid #3a3e47;flex:none;justify-content:space-between;align-items:center;gap:16px;height:36px;padding:0 10px 0 8px;display:flex}.studio-menus{align-items:center;gap:1px;height:100%;display:flex}.studio-menu{align-items:center;height:100%;display:flex;position:relative}.studio-menus>.studio-menu>button,.studio-menus>.studio-help{color:#c6cbd5;border-radius:3px;height:27px;padding:0 12px;font-size:12px}.studio-menu>button.open{color:#fff;background:#414754}.studio-menu-popup{background:var(--panel);border:1px solid var(--line);z-index:40;border-radius:5px;min-width:248px;padding:5px;position:absolute;top:34px;left:0;box-shadow:0 12px 30px #0007}.studio-menu-popup>button{text-align:left;justify-content:space-between;gap:25px;width:100%;padding:7px 10px;font-size:12px;display:flex}.studio-app kbd{color:#a3acba;white-space:nowrap;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.studio-menu-popup hr{border:0;border-top:1px solid #4a505b;margin:5px}.studio-file-actions{align-items:center;gap:8px;display:flex}.studio-file-actions button{color:#d3d9e3;border:1px solid #505663;height:26px;padding:0 10px;font-size:11px}.studio-file-actions .studio-publish{border-color:var(--cyan);background:var(--cyan);color:#172c29;padding:0 14px;font-weight:650}.studio-optionsbar{background:var(--panel);color:#abb3c1;z-index:10;border-bottom:1px solid #15181e;flex:none;align-items:center;gap:17px;height:43px;padding:0 15px 0 18px;display:flex}.tool-name{color:#e0e5ec;align-items:center;gap:9px;min-width:66px;font-weight:550;display:flex}.studio-divider{background:#3e444f;flex:none;width:1px;height:18px}.brush-option{align-items:center;gap:8px;font-size:11px;display:flex}.brush-option input{text-align:center;width:37px;height:25px}.brush-option>span{color:#757f91;font-size:10px}.tool-instruction{font-size:11px}.option-color{color:#9da7b8;align-items:center;gap:9px;font:10px ui-monospace,SFMono-Regular,monospace;display:flex}.option-color input[type=color]{cursor:pointer;border:1px solid #596473;border-radius:3px;width:22px;height:22px;padding:1px}.selection-options{gap:10px;display:flex}.selection-options button{border:1px solid #4b535f;height:25px;padding:0 9px;font-size:11px}.studio-grid-option{white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.studio-grid-option input{width:13px;height:13px;margin:0 3px 0 0}.studio-body{flex:1;grid-template-columns:49px minmax(0,1fr) 254px;min-height:0;display:grid;position:relative}.studio-toolrail{background:var(--panel);z-index:12;-webkit-user-select:none;user-select:none;border-right:1px solid #11141a;flex-direction:column;align-items:center;gap:5px;padding:13px 6px 8px;display:flex}.studio-toolrail>button{color:#b6becb;border-radius:5px;width:34px;height:34px;position:relative}.studio-toolrail>button.active:before{content:"";background:var(--app-accent);width:2px;position:absolute;top:8px;bottom:8px;left:-6px}.studio-toolrail>button[data-tooltip]:hover:after{content:attr(data-tooltip);color:#e9eef5;white-space:nowrap;z-index:100;pointer-events:none;background:#343c47;border:1px solid #515b69;border-radius:3px;padding:5px 9px;font-size:11px;position:absolute;top:7px;left:42px;box-shadow:0 3px 8px #0005}.rail-separator{background:#4a505a;width:22px;height:1px;margin:6px 0}.rail-color{cursor:pointer;width:30px;height:30px;position:relative}.rail-color:before{content:"";background:#d5dfeb;border:1px solid #79818c;border-radius:2px;width:21px;height:21px;position:absolute;bottom:0;right:0}.rail-color>span{width:22px;height:22px;box-shadow:0 0 0 2px var(--panel);border:1px solid #96a1b4;border-radius:2px;position:absolute;top:0;left:0}.rail-color input{opacity:0;z-index:2;cursor:pointer;width:30px;height:30px;position:absolute;inset:0}.studio-app .studio-icon-button{color:#9da6b6;border-radius:4px;flex:none;width:27px;height:27px}.studio-app .studio-icon-button:hover{color:#e0e6f0}.studio-editor{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-documentbar{background:var(--panel);-webkit-user-select:none;user-select:none;border-bottom:1px solid #101319;flex:none;align-items:center;gap:3px;height:32px;padding-left:0;display:flex}.studio-document-tab{background:var(--low);color:#8e9ba8;border-top:2px solid #8bdbc89c;border-right:1px solid #161a20;align-items:center;gap:7px;width:230px;max-width:calc(100% - 130px);height:32px;padding:0 12px;display:flex}.document-dot{background:#747e8d;border-radius:50%;flex:none;width:5px;height:5px}.studio-document-tab input{color:#d4dae4;background:0 0;border:0;width:100%;min-width:0;height:23px;padding:1px 3px;font-size:11px}.studio-doc-size{color:#717e90;white-space:nowrap;margin-left:auto;padding-right:14px;font:10px ui-monospace,SFMono-Regular,monospace}.studio-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4d5562 var(--panel);background:var(--bg);touch-action:pan-x pan-y;background-image:radial-gradient(#ffffff07 .6px,#0000 .6px);background-size:8px 8px;outline:0;flex:1;min-height:0;position:relative;overflow:auto}.studio-canvas-space{justify-content:center;align-items:center;min-height:100%;padding:64px 72px;display:flex}.studio-canvas-stage{background:repeating-conic-gradient(#d8dce2 0 25%,#c0c5ce 0 50%) 0/16px 16px;flex:none;position:relative;box-shadow:0 0 0 1px #aab3c33b,0 6px 24px #0005}.studio-canvas-stage>canvas{z-index:1;image-rendering:pixelated;cursor:crosshair;outline:0;display:block;position:relative}.studio-canvas-stage>canvas:focus-visible{outline:none;box-shadow:0 0 0 1px #a6dccc66}.studio-viewport.pan-mode,.studio-viewport.pan-mode canvas{cursor:grab}.studio-viewport.pan-mode:active,.studio-viewport.pan-mode canvas:active{cursor:grabbing}.canvas-ruler{color:#616e82;pointer-events:none;font:9px ui-monospace,SFMono-Regular,monospace;position:absolute}.canvas-ruler.horizontal{border-bottom:1px solid #47526366;height:17px;top:-23px;left:0;right:0}.canvas-ruler.vertical{border-right:1px solid #47526366;width:21px;top:0;bottom:0;left:-27px}.canvas-ruler>span{font-size:9px;position:absolute}.canvas-ruler.horizontal>span{bottom:4px;transform:translate(-50%)}.canvas-ruler.horizontal>span:after{content:"";background:#596578;width:1px;height:3px;position:absolute;top:13px;left:50%}.canvas-ruler.vertical>span{writing-mode:vertical-rl;right:6px;transform:translateY(-50%)rotate(180deg)}.canvas-ruler.vertical>span:after{content:"";background:#596578;width:3px;height:1px;position:absolute;top:50%;left:-8px}.canvas-badge{color:#727f92;white-space:nowrap;pointer-events:none;background:#272e3980;border-radius:3px;padding:3px 8px;font:9px ui-monospace,SFMono-Regular,monospace;position:absolute;bottom:-29px;left:50%;transform:translate(-50%)}.pixel-grid,.pixel-selection,.shape-preview{pointer-events:none;z-index:2;position:absolute}.pixel-grid{background-image:linear-gradient(90deg,#1b273429 1px,#0000 1px),linear-gradient(#1b273429 1px,#0000 1px);inset:0}.pixel-selection{outline-offset:1px;border:1px dashed #fff;outline:1px dashed #182635}.shape-preview{opacity:.8;inset:0}.studio-opening{color:#a9b7c6;z-index:5;background:#1b1e24dd;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.studio-canvas-footer{background:var(--panel);color:#808b9d;border-top:1px solid #11151b;flex:none;justify-content:space-between;align-items:center;height:33px;padding:0 9px 0 12px;display:flex}.studio-canvas-footer>div{align-items:center;gap:3px;display:flex}.studio-footer-tip{color:#737f91;padding-left:12px;font-size:10px}.studio-app .zoom-value{color:#bac3d0;min-width:53px;height:25px;font:10px ui-monospace,SFMono-Regular,monospace}.studio-dock{background:var(--app-panel);scrollbar-width:thin;scrollbar-color:#48515e transparent;z-index:11;border-left:1px solid #11151b;flex-direction:column;min-height:0;display:flex;overflow:auto}.dock-heading{color:#c6cedb;background:var(--panel);border-bottom:1px solid #1f232c;justify-content:space-between;align-items:center;height:32px;padding:0 12px;font-size:11px;font-weight:550;display:flex}.dock-heading>button{color:#8c98ac;width:21px;height:21px}.dock-caption{color:#738094;letter-spacing:.05em;font:9px ui-monospace,SFMono-Regular,monospace}.studio-navigator{border-bottom:1px solid #181c24;flex:none}.navigator-preview{background:var(--low);border:1px solid var(--subtle);border-radius:3px;justify-content:center;align-items:center;height:115px;margin:9px 12px 2px;padding:9px;display:flex}.navigator-preview canvas{width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;background:repeating-conic-gradient(#667181 0 25%,#5b6474 0 50%) 0/10px 10px;box-shadow:0 0 0 1px #536072}.navigator-meta{color:#7b889d;justify-content:space-between;padding:6px 13px 8px;font:9px ui-monospace,SFMono-Regular,monospace;display:flex}.studio-colors{border-bottom:1px solid #151922;flex:none}.color-value{align-items:center;gap:10px;padding:12px 13px;display:flex}.foreground-swatch{cursor:pointer;border:1px solid #8291a7;border-radius:3px;width:36px;height:34px;position:relative;box-shadow:0 0 0 3px #1d2229}.foreground-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.hex-color{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hex-color>span{color:#7d8ba1;letter-spacing:.06em;font-size:9px}.hex-color input{border-color:#414a57;width:100%;height:24px;padding:4px 7px;font:10px ui-monospace,SFMono-Regular,monospace}.studio-palette{grid-template-columns:repeat(8,1fr);gap:4px;padding:0 13px 13px;display:grid}.studio-palette button{border:1px solid #ffffff16;border-radius:2px;height:21px;position:relative}.studio-palette button[aria-pressed=true]{outline-offset:1px;outline:1px solid #fff;box-shadow:0 0 0 2px #111}.studio-palette button[aria-pressed=true]:after{content:"";background:#fff;width:3px;height:3px;position:absolute;bottom:2px;right:2px;box-shadow:0 0 1px #000}.studio-layer-panel{flex-direction:column;flex:1;min-height:175px;display:flex}.dock-tabs{background:var(--panel);border-bottom:1px solid #161a23;flex:none;align-items:center;height:34px;display:flex}.dock-tabs>button{color:#8f9aab;border-radius:0;height:34px;padding:0 13px;font-size:11px;position:relative}.dock-tabs>button.selected{color:#dde5ec;background:#ffffff04}.dock-tabs>button.selected:after{content:"";background:var(--app-accent);height:2px;position:absolute;bottom:0;left:12px;right:12px}.dock-tabs .dock-more{margin-left:auto;padding:0 11px}.layer-panel-meta{color:#8d99aa;border-bottom:1px solid #3b424e77;flex:none;justify-content:space-between;align-items:center;padding:9px 13px 8px;font-size:10px;display:flex}.layer-panel-meta>span:last-child{color:#b2bbca;border:1px solid #474f5b;border-radius:3px;padding:2px 8px}.studio-layers{scrollbar-width:thin;flex:1;min-height:62px;padding:5px 6px;overflow:auto}.studio-layer{border:1px solid #0000;border-radius:3px;align-items:center;min-height:55px;margin-bottom:3px;display:flex;position:relative}.studio-layer.selected{background:#8bdbc810;border-color:#7ab8a635}.studio-layer .layer-eye{color:#9daabd;flex:none;width:27px;height:40px}.studio-layer .layer-select{text-align:left;background:0 0;flex:1;justify-content:flex-start;align-items:center;gap:9px;min-width:0;padding:4px 5px 4px 1px;display:flex}.layer-select canvas{width:36px;height:36px;image-rendering:pixelated;object-fit:contain;background:repeating-conic-gradient(#505b6a 0 25%,#475160 0 50%) 0/8px 8px;border:1px solid #63708155;border-radius:2px;flex:none}.layer-select>span{color:#c5cfdd;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.layer-select small{color:#748297;margin-top:3px;font-size:9px;display:block}.layer-rename{z-index:3;height:24px;padding:3px 5px;position:absolute;top:9px;left:70px;right:8px}.studio-layer-actions{background:var(--panel);border-top:1px solid var(--subtle);flex:none;align-items:center;gap:4px;height:36px;padding:5px 8px;display:flex}.studio-layer-actions>span{flex:1}.studio-document-info{color:#9aa7ba;padding:14px;font-size:11px;overflow:auto}.studio-document-info dl{grid-template-columns:1fr auto;gap:12px 8px;margin:0 0 20px;display:grid}.studio-document-info dt{color:#8290a5}.studio-document-info dd{color:#d5ddea;margin:0}.studio-document-info p{color:#7f8da3;font-size:10px;line-height:1.7}.studio-document-info>.studio-button{margin-top:8px}.studio-statusbar{color:#758299;-webkit-user-select:none;user-select:none;background:#20242b;border-top:1px solid #3c424d;flex:none;align-items:center;gap:22px;height:24px;padding:0 13px;font-size:9px;display:flex}.studio-statusbar>span{white-space:nowrap;align-items:center;gap:5px;display:flex}.studio-coordinate{min-width:75px;margin-left:auto;font-family:ui-monospace,SFMono-Regular,monospace}.studio-statusbar>span:last-child{color:#909eb0;font-family:ui-monospace,SFMono-Regular,monospace}.studio-app .studio-button{border:1px solid var(--subtle);background:var(--panel2);color:#dae2ee;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:31px;padding:6px 12px;font-size:11px;display:inline-flex}.studio-app .studio-button:hover{background:#414d5c}.studio-app .studio-button.primary{background:var(--cyan);border-color:var(--cyan);color:#17352c;font-weight:650}.studio-app .studio-button.primary:hover{background:#a3ead8}.studio-toast{z-index:110;background:var(--panel2);color:#dbe7f1;border:1px solid #596879;border-radius:5px;align-items:start;gap:15px;width:max-content;max-width:min(430px,100vw - 80px);padding:12px 13px;font-size:12px;line-height:1.65;display:flex;position:absolute;top:130px;right:271px;box-shadow:0 6px 24px #0005}.studio-toast>button{color:#abbaca;flex:none;padding:3px}.studio-conflict{z-index:30;color:#ead1b9;background:#46372e;border:1px solid #8f7053;border-radius:5px;padding:10px 14px;font-size:12px;position:absolute;bottom:70px;left:80px;right:280px}.studio-conflict p{margin:0 0 8px}.studio-conflict button{border:1px solid #92785e;margin-right:15px;padding:4px 8px}.studio-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080c148c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.studio-dialog{background:var(--panel);border:1px solid #566273;border-radius:7px;outline:none;flex-direction:column;width:470px;max-width:100%;max-height:calc(100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 80px #0008,0 0 0 1px #080c1480}.studio-dialog.wide{width:720px}.studio-dialog-title{background:var(--panel2);color:#d4dfeb;border-bottom:1px solid #1c2430;flex:none;justify-content:space-between;align-items:center;height:39px;padding:0 13px 0 16px;font-size:12px;font-weight:550;display:flex}.studio-dialog-title>span{align-items:center;gap:9px;display:flex}.studio-dialog-title>button{color:#a7b5c5;width:28px;height:28px}.studio-dialog-title>button:hover{color:#fff;background:#a05c65}.studio-dialog-content{scrollbar-width:thin;scrollbar-color:#566477 transparent;padding:20px;overflow:auto}.studio-dialog-content>label{color:#b0bfd0;flex-direction:column;gap:7px;margin:0 0 16px;font-size:11px;display:flex}.studio-dialog :is(input:not([type=checkbox]):not([type=radio]),textarea){background:var(--low);border-color:var(--subtle);color:#e0e9f3;width:100%;padding:8px 10px;font-size:12px;display:block}.studio-dialog textarea{resize:vertical;min-height:87px;max-height:200px}.dialog-intro{color:#a4b6c9;margin:0 0 19px;font-size:12px;line-height:1.8}.dialog-hint{color:#879bb3;margin:15px 0;font-size:11px;line-height:1.8}.dialog-actions{border-top:1px solid #445062;justify-content:flex-end;align-items:center;gap:9px;margin-top:19px;padding-top:17px;display:flex}.dialog-field-row{gap:20px;display:flex}.dialog-field-row>label{color:#a9b9cd;flex-direction:column;flex:1;gap:7px;font-size:11px;display:flex}.input-unit{position:relative}.input-unit>span{color:#768da6;font-size:10px;position:absolute;top:9px;right:12px}.new-project-presets{grid-template-columns:repeat(4,1fr);gap:9px;margin:0 0 24px;display:grid}.new-project-presets button{color:#92a4bb;background:#242b36;border:1px solid #465266;border-radius:4px;flex-direction:column;justify-content:flex-end;gap:8px;height:104px;padding:12px 8px;display:flex}.new-project-presets button.selected{border-color:var(--cyan);color:#a8dfd1;background:#8bdbc80c}.new-project-presets b{color:#cfdfed;white-space:nowrap;margin-top:3px;font-size:11px;font-weight:500}.new-project-presets small{font-size:9px}.dialog-tabs{border-bottom:1px solid #435066;gap:18px;margin-bottom:18px;display:flex}.dialog-tabs button{color:#8ea4bb;border-radius:0;height:32px;padding:0 3px 10px;font-size:12px}.dialog-tabs button.selected{color:#a4e1d2;border-bottom:2px solid var(--cyan)}.dialog-empty{text-align:center;color:#90a7bf;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;padding:15px 20px;display:flex}.dialog-empty>svg{color:#6d869c;margin-bottom:7px}.dialog-empty h3{color:#d5e4ef;margin:2px 0;font-size:16px;font-weight:550}.dialog-empty p{max-width:385px;margin:4px 0 16px;font-size:12px;line-height:1.8}.project-window-toolbar{align-items:center;gap:14px;margin-bottom:18px;display:flex}.project-window-toolbar input{flex:1}.project-window-toolbar button{flex:none}.studio-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:375px;display:grid;overflow:auto}.studio-project-grid>a{background:#222b36;border:1px solid #48586b;border-radius:4px;display:block;overflow:hidden}.studio-project-grid>a:hover,.studio-project-grid>a.current{border-color:#81bea9}.project-thumbnail{color:#485c72;background:#1b232d;border-bottom:1px solid #3c4b5b;justify-content:center;align-items:center;height:110px;display:flex}.project-thumbnail img{object-fit:contain;image-rendering:pixelated;width:auto;max-width:100%;height:auto;max-height:88px}.studio-project-grid b{white-space:nowrap;text-overflow:ellipsis;color:#d2e1ef;padding:10px 11px 4px;font-size:12px;font-weight:550;display:block;overflow:hidden}.studio-project-grid small{color:#7690ab;padding:0 11px 11px;font:10px ui-monospace,SFMono-Regular,monospace;display:block}.studio-submissions{max-height:360px;overflow:auto}.studio-submissions>div{border-bottom:1px solid #42546b;align-items:center;gap:15px;padding:14px 0;display:flex}.studio-submissions>div>div:first-child{flex:1;min-width:0}.studio-submissions b{color:#d6e5f1;font-size:12px;font-weight:500;display:block}.studio-submissions p{color:#b7a3a0;margin:6px 0 0;font-size:11px;line-height:1.7}.submission-status{color:#8da7be;margin-top:5px;font-size:10px;display:inline-block}.submission-status.published{color:#92d8ba}.submission-status.pending{color:#d0b885}.submission-status.rejected{color:#de959e}.submission-actions{align-items:center;gap:7px;display:flex}.studio-check{color:#b5c7d8;align-items:center;font-size:11px;line-height:1.7;flex-direction:row!important;gap:8px!important;display:flex!important}.studio-check input{flex:none;align-self:flex-start;margin:3px 0 0}.profile-window-links{color:#9be0d1;flex-wrap:wrap;gap:22px;padding:4px 0 12px;font-size:11px;display:flex}.dialog-section-title{color:#a9bdd0;margin:20px 0 6px;font-size:12px;font-weight:550}.blocked-creator{color:#a6bacd;border-bottom:1px solid #415168;justify-content:space-between;align-items:center;padding:7px 0;font-size:11px;display:flex}.studio-revisions{max-height:270px;overflow:auto}.studio-revisions>label{cursor:pointer;border:1px solid #41526a;border-radius:3px;align-items:center;gap:12px;margin-bottom:6px;padding:11px 12px;display:flex}.studio-revisions>label.selected{background:#8bdbc809;border-color:#87bfaa}.studio-revisions b{color:#cddfed;font-size:12px;font-weight:500}.studio-revisions small{color:#849fbb;margin-top:3px;font-size:10px;display:block}.shortcut-grid{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.shortcut-grid>div{color:#bacce0;border-bottom:1px solid #42536b;justify-content:space-between;align-items:center;gap:9px;padding-bottom:8px;font-size:11px;display:flex}.shortcut-grid kbd{color:#9cb1cb;background:#243042;border:1px solid #4e617a;border-radius:3px;padding:3px 6px;font-size:9px}.studio-app .studio-dock-toggle,.studio-app .dock-mobile-close{display:none}@media (max-height:760px){.navigator-preview{height:85px}.studio-palette button{height:18px}.color-value{padding-block:10px}.studio-colors .dock-heading,.studio-navigator .dock-heading{height:28px}}@media (max-height:610px){.studio-navigator,.studio-colors .dock-heading{display:none}.studio-colors{padding-top:3px}.studio-palette{gap:3px;padding-bottom:9px}.studio-palette button{height:15px}.studio-toolrail{gap:2px;padding-top:7px}.studio-toolrail>button{height:30px}}@media (max-width:1050px){.studio-body{grid-template-columns:45px minmax(0,1fr) 224px}.studio-toolrail{padding-inline:4px}.studio-toast{right:241px}.studio-palette{gap:3px;padding-inline:11px}.dock-tabs>button{padding-inline:10px}.workspace-name{display:none}.studio-titlebar{gap:15px}.studio-title-actions{gap:14px}.studio-conflict{right:240px}}@media (max-width:740px){.studio-body{grid-template-columns:44px minmax(0,1fr)}.studio-dock{display:none}.studio-dock.mobile-open{width:240px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #0008}.studio-titlebar{height:37px;padding-inline:10px}.studio-brand{gap:5px}.studio-brand b{font-size:10px}.studio-brand>span{padding-left:5px;font-size:9px}.studio-title-actions{gap:12px}.studio-title-actions>button>span{display:none}.studio-title-actions>a>span{font-size:10px}.studio-menubar{height:34px;padding-right:7px}.studio-menus>.studio-menu>button,.studio-menus>.studio-help{padding-inline:10px;font-size:11px}.studio-file-actions{gap:5px}.studio-file-actions button{padding-inline:7px;font-size:10px}.studio-file-actions .studio-publish{padding-inline:9px}.studio-optionsbar{gap:10px;height:37px;padding-inline:11px}.tool-name{min-width:0;font-size:11px}.tool-instruction,.option-color>span{display:none}.studio-grid-option{font-size:10px}.studio-app .studio-dock-toggle{color:#b8cbd8;width:25px;height:25px;display:flex}.studio-app .dock-mobile-close{width:20px;height:20px;display:inline-flex}.studio-footer-tip{display:none}.studio-statusbar{gap:10px;padding-inline:9px;font-size:8px}.studio-statusbar>span:last-child{display:none}.studio-private{max-width:42%;overflow:hidden}.studio-toast{top:117px;right:14px}.studio-conflict{left:60px;right:15px}.studio-modal-backdrop{padding:15px}.studio-dialog{max-height:calc(100dvh - 30px)}.studio-dialog-content{padding:16px}.studio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-grid{gap:10px 15px}.studio-menu-popup{min-width:220px}.studio-title-actions .studio-avatar{width:22px;min-width:22px;height:22px}}@media (max-width:410px){.studio-title-actions>a:not(.studio-signin),.studio-brand>span{display:none}.studio-menus>.studio-menu>button,.studio-menus>.studio-help{padding-inline:8px}.studio-optionsbar{gap:8px}.brush-option{gap:5px}.studio-grid-option>svg,.studio-statusbar .studio-private{display:none}.new-project-presets{gap:5px}.new-project-presets button{height:94px;padding-inline:4px}.new-project-presets b{font-size:10px}.shortcut-grid{grid-template-columns:1fr}.studio-document-tab{width:210px}}.export-file-summary{color:#8dc7b9;background:#242d38;border:1px solid #425467;border-radius:4px;align-items:center;gap:16px;margin:3px 0 20px;padding:15px;display:flex}.export-file-summary>div{min-width:0}.export-file-summary b{color:#d3e4f0;word-break:break-all;font-size:12px;font-weight:500;display:block}.export-file-summary small{color:#8aa2b8;margin-top:5px;font:10px ui-monospace,SFMono-Regular,monospace;display:block}.studio-app [hidden]{display:none!important}.studio-drawing-dock{flex-direction:column;flex:1;min-height:0;display:flex}.studio-body.studio-ai-open{grid-template-columns:49px minmax(0,1fr) 326px}.studio-workspace-tabs{background:var(--panel);border-bottom:1px solid var(--app-border);z-index:4;flex:none;align-items:center;gap:3px;padding:5px 8px;display:flex;position:sticky;top:0}.studio-workspace-tabs>button{height:28px;color:var(--app-muted);flex:1;font-size:11px}.studio-workspace-tabs>button[aria-pressed=true]{color:var(--app-accent);background:#8bdbc819}.studio-workspace-tabs>.dock-mobile-close{flex:none;margin-left:3px}.studio-title-actions .studio-ai-toggle.active{color:var(--app-accent)}.studio-ai-panel{min-width:0;padding:15px 13px 18px;font-size:12px}.studio-ai-intro{color:var(--app-accent);align-items:flex-start;gap:9px;margin-bottom:14px;display:flex}.studio-ai-intro strong{color:var(--app-text);font-size:13px;font-weight:600;display:block}.studio-ai-intro span{color:var(--app-muted);margin-top:4px;font-size:11px;line-height:1.6;display:block}.studio-ai-wallet{background:var(--low);border:1px solid var(--app-border);color:var(--app-muted);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:9px 10px;font-size:11px;display:flex}.studio-ai-wallet b{color:var(--app-text);padding-left:10px;font:600 13px ui-monospace,monospace}.studio-ai-wallet a{color:var(--app-accent);align-items:center;gap:4px;display:flex}.studio-ai-form fieldset{border:0;min-width:0;margin:0;padding:0}.studio-ai-form fieldset>label:not(.studio-check){color:#b8c1cf;flex-direction:column;gap:6px;margin-bottom:12px;font-size:11px;display:flex}.studio-ai-form select{color:var(--app-text);background:var(--low);border:1px solid var(--subtle);font:inherit;border-radius:4px;width:100%;min-width:0;height:34px;padding:7px 9px}.studio-ai-form textarea{resize:vertical;width:100%;min-height:100px;max-height:240px;padding:9px 10px;font-size:12px;line-height:1.7}.studio-ai-form textarea::placeholder{color:#758196}.studio-ai-prompt-count{text-align:right;color:#758196;margin-top:-7px;margin-bottom:11px;font:9px ui-monospace,monospace;display:block}.studio-ai-quote{flex-direction:column;gap:5px;padding:12px 0 10px;font-size:12px;display:flex}.studio-ai-quote strong{color:#c8e7dd;font-weight:550}.studio-ai-quote small,.studio-ai-hint{color:#8d99aa;margin:7px 0;font-size:11px;line-height:1.65}.studio-ai-form .studio-ai-generate{background:var(--app-accent);color:#172d28;border:1px solid var(--cyan);border-radius:4px;width:100%;height:36px;font-weight:600}.studio-ai-form .studio-ai-generate:hover{background:#a5e7d7}.studio-ai-form .studio-ai-generate:disabled{color:#9db3ab;opacity:.75;background:#34423f;border-color:#496059}.studio-ai-notice{color:#d2b790;overflow-wrap:anywhere;background:#36332d;border:1px solid #5a4e3b;border-radius:4px;margin:9px 0;padding:9px 10px;font-size:11px;line-height:1.7}.studio-ai-notice a,.studio-ai-notice button{margin-left:6px;text-decoration:underline;color:#b4e5d7!important}.studio-ai-section-title{color:#bac8d8;justify-content:space-between;align-items:center;margin:18px 0 10px;font-size:11px;display:flex}.studio-ai-section-title b{font-weight:550}.studio-ai-section-title>span{color:#8eaa9d;font-size:10px}.studio-ai-section-title>button{color:#a2afc0;width:25px;height:25px}.studio-ai-result{border-top:1px solid var(--app-border);margin-top:18px;padding-top:1px}.studio-ai-result-image{background-color:#20252e;background-image:linear-gradient(45deg,#292f39 25%,#0000 25%),linear-gradient(-45deg,#292f39 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#292f39 75%),linear-gradient(-45deg,#0000 75%,#292f39 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #404650;border-radius:4px;place-items:center;min-height:100px;display:grid;overflow:hidden}.studio-ai-result-image img{object-fit:contain;width:100%;max-height:265px;image-rendering:pixelated}.studio-ai-result-meta{color:#8d99aa;justify-content:space-between;gap:8px;padding:8px 0;font-size:10px;display:flex}.studio-ai-import-actions{grid-template-columns:1fr 1fr;gap:7px;margin:4px 0;display:grid}.studio-ai-import-actions>button{color:#b7dfce;white-space:nowrap;background:#8bdbc813;border:1px solid #587568;height:33px;font-size:11px}.studio-ai-imported{color:#a8d6c6;align-items:center;gap:5px;margin:8px 0;font-size:11px;line-height:1.6;display:flex}.studio-ai-history{border-top:1px solid var(--app-border);margin-top:18px;padding-top:1px}.studio-ai-history>button{text-align:left;border:1px solid #0000;border-bottom-color:#3a424d;border-radius:3px;justify-content:space-between;gap:7px;width:100%;padding:9px 8px}.studio-ai-history>button>span{min-width:0}.studio-ai-history>button b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:450;display:block;overflow:hidden}.studio-ai-history>button small{color:#8d99aa;margin-top:4px;font-size:10px;display:block}.studio-ai-processing{text-align:center;color:var(--app-muted);background:#212730;border-radius:4px;padding:23px 8px;font-size:11px}.studio-ai-processing small{font-size:10px}.studio-ai-spinner{animation:1.2s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.studio-ai-spinner{animation:none}}@media (max-width:1050px){.studio-body.studio-ai-open{grid-template-columns:45px minmax(0,1fr) 300px}}@media (max-width:740px){.studio-body.studio-ai-open{grid-template-columns:44px minmax(0,1fr)}.studio-ai-open .studio-dock.mobile-open{width:min(326px,100vw - 44px)}.studio-title-actions .studio-ai-toggle>span{font-size:10px;display:inline}.studio-title-actions .studio-ai-toggle{gap:4px}.studio-ai-import-actions>button{min-height:38px}.studio-workspace-tabs>button{height:34px}.studio-ai-history>button{padding-block:12px}}@media (max-width:410px){.studio-menubar{gap:4px}.studio-menus>.studio-menu>button,.studio-menus>.studio-help{padding-inline:6px}.studio-file-actions button{padding-inline:5px}.studio-file-actions .studio-publish{padding-inline:7px}}.studio-app,.studio-loading{--app-bg:var(--bg);--app-panel:var(--panel);--app-panel-alt:var(--low);--app-border:var(--subtle);--app-muted:var(--muted);--app-text:var(--ink);--app-accent:var(--cyan);font-family:var(--font-body);color:var(--ink);font-size:12px}.studio-menubar{background:var(--panel);border:0;flex:none;gap:20px;height:38px;padding-inline:16px}.studio-menus>.studio-menu>button,.studio-menus>.studio-help{color:var(--muted);height:31px;padding-inline:12px;font-size:12px}.studio-menubar>.workspace-name{color:var(--soft);margin-left:auto;font-size:10px}.workspace-dot{background:var(--cyan)}.studio-file-actions{gap:6px}.studio-file-actions button{height:29px;color:var(--muted);border:0;padding:0 11px;font-size:11px}.studio-file-actions .studio-publish{background:var(--amber);color:var(--gold-ink);border:0;border-radius:5px;padding-inline:15px}.studio-file-actions .studio-publish:hover{background:#f2cf92}.studio-menu-popup{background:var(--panel);border-color:var(--line);border-radius:7px;box-shadow:0 12px 32px #08131a99}.studio-menu-popup>button{color:var(--ink);padding-block:9px}.studio-menu-popup>button:hover{background:var(--panel2)}.studio-menu-popup hr{border-color:var(--subtle)}.studio-app kbd{color:var(--soft)}.studio-optionsbar{background:var(--low);height:42px;color:var(--muted);border:0;gap:20px;padding-left:21px}.tool-name{color:var(--ink);font-size:12px;font-weight:450}.studio-divider{background:var(--subtle)}.brush-option{font-size:11px}.brush-option input{background:var(--panel2);color:var(--ink);font-family:var(--font-mono);border:0;height:25px}.option-color{color:var(--muted)}.option-color input[type=color]{border:0;border-radius:50%;width:20px;height:20px;overflow:hidden}.studio-grid-option{color:var(--soft)}.studio-body,.studio-body.studio-ai-open{--studio-dock-width:330px;grid-template-columns:minmax(0,1fr) var(--studio-dock-width);min-height:0}.studio-editor{background:var(--bg);grid-column:1;position:relative}.studio-toolrail{background:var(--panel);scrollbar-width:none;z-index:12;border:0;border-radius:11px;gap:3px;max-height:calc(100% - 82px);padding:7px;position:absolute;top:58px;bottom:auto;left:17px;overflow:auto;box-shadow:0 8px 26px #08131a70}.studio-toolrail>button{width:34px;height:35px;color:var(--muted);border-radius:6px}.studio-toolrail>button.active{color:var(--amber);background:var(--panel2);box-shadow:inset 0 -2px var(--amber)}.studio-toolrail>button.active:before{display:none}.rail-separator{background:var(--subtle);margin-block:6px}.rail-color{width:28px;height:28px;margin-block:5px}.rail-color:before{display:none}.rail-color>span{width:24px;height:24px;box-shadow:none;border:2px solid var(--panel);border-radius:50%;inset:2px}.rail-bottom{margin-top:5px}.studio-app .studio-icon-button{color:var(--muted)}.studio-documentbar{background:var(--panel);border-bottom:1px solid #47616b33;gap:6px;height:38px;padding:7px 14px 0}.studio-document-tab{background:var(--bg);width:250px;height:31px;color:var(--muted);border:0;border-radius:7px 7px 0 0;padding:0 12px}.studio-document-tab input{color:var(--ink);height:26px;font-size:12px}.document-dot{background:var(--cyan)}.document-dot.dirty{background:var(--amber)}.studio-doc-size{color:var(--soft);font-size:10px}.studio-documentbar>.studio-icon-button{align-self:center}.studio-viewport{background:radial-gradient(ellipse at 50% 42%,#1a2d36,var(--bg) 73%);scrollbar-color:var(--line) var(--bg)}.studio-canvas-space{padding:62px 74px 76px}.studio-canvas-stage{background:repeating-conic-gradient(#bbc4c3 0 25%,#adb9b8 0 50%) 0/16px 16px;box-shadow:0 14px 38px #08131a88,0 0 0 1px #f3ecda22}.canvas-ruler{color:#7b9295}.canvas-ruler.horizontal,.canvas-ruler.vertical{border-color:#47616b55}.canvas-badge{color:var(--soft);font:10px var(--font-mono);background:0 0;bottom:-28px}.studio-opening{color:var(--muted);background:#101c25ee}.studio-canvas-footer{background:var(--panel);z-index:6;white-space:nowrap;border:0;border-radius:24px;gap:17px;height:38px;padding:5px 10px;position:absolute;bottom:15px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #08131a77}.studio-footer-tip{display:none}.studio-app .zoom-value{color:var(--ink);font:11px var(--font-mono);min-width:47px}.studio-canvas-footer .studio-icon-button{width:27px;height:28px}.studio-dock{background:var(--panel);border-left:1px solid #47616b33}.studio-workspace-tabs{background:var(--panel);border-bottom:1px solid var(--subtle);height:38px;padding:0 15px}.studio-workspace-tabs>button{height:38px;color:var(--muted);border-radius:0}.studio-workspace-tabs>button[aria-pressed=true]{color:var(--amber);box-shadow:inset 0 -2px var(--amber);background:0 0}.studio-drawing-dock{flex-direction:column}.studio-colors{border:0;order:1;padding:8px 4px 15px}.studio-layer-panel{border-top:1px solid var(--subtle);order:2;min-height:170px}.studio-navigator{border:0;border-top:1px solid var(--subtle);order:3;margin-top:12px;padding-block:6px}.dock-heading{height:32px;color:var(--muted);background:0 0;border:0;padding:0 14px;font-weight:450}.dock-caption{color:var(--soft)}.navigator-preview{background:var(--low);border:0;border-radius:6px;height:78px;padding:7px}.navigator-meta{color:var(--soft)}.studio-color-controls{justify-content:space-between;align-items:center;gap:15px;padding:10px 14px 4px;display:flex}.studio-color-wheel{touch-action:none;cursor:crosshair;isolation:isolate;background:conic-gradient(#ff4f4f,#f1db56,#69cd74,#59cfc7,#7094df,#c574d4,#ff4f4f);border-radius:50%;flex:none;width:122px;height:122px;position:relative}.studio-color-wheel:before{content:"";background:var(--panel);pointer-events:none;border-radius:50%;position:absolute;inset:10px}.color-hue-handle{z-index:4;pointer-events:none;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:calc(50% - 4.5px);left:calc(50% - 4.5px);box-shadow:0 0 0 1px #13242c99}.studio-sv-field{touch-action:none;z-index:2;cursor:crosshair;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:4px;position:absolute;inset:27px}.studio-sv-field>span{pointer-events:none;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #13242c99}.studio-color-sliders{color:var(--soft);flex-direction:column;flex:1;gap:12px;min-width:0;font-size:10px;display:flex}.studio-color-sliders label{flex-direction:column;gap:5px;display:flex}.studio-color-sliders input{width:100%;height:4px;accent-color:var(--amber);cursor:pointer}.studio-color-sliders>span{font:9px var(--font-mono);white-space:nowrap}.color-value{padding:12px 14px}.foreground-swatch{width:31px;height:31px;box-shadow:0 0 0 2px var(--low);border:0;border-radius:5px}.hex-color>span{color:var(--soft);font-size:9px}.hex-color input{font:11px var(--font-mono);background:var(--low);height:26px;color:var(--ink);border:0;padding:5px 7px}.studio-palette{flex-wrap:wrap;gap:7px;padding:0 14px;display:flex}.studio-palette button{border:3px solid var(--panel);border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #0000}.studio-palette button[aria-pressed=true]{box-shadow:0 0 0 1px var(--amber);outline:none}.studio-palette button[aria-pressed=true]:after{display:none}.dock-tabs{background:0 0;border:0;height:36px}.dock-tabs>button{color:var(--muted);padding-inline:13px}.dock-tabs>button.selected{color:var(--amber)}.dock-tabs>button.selected:after{background:var(--amber)}.layer-panel-meta{color:var(--soft);border:0;padding-block:8px}.layer-panel-meta>span:last-child{color:var(--muted);background:var(--low);border:0;border-radius:4px;padding:3px 8px}.studio-layers{min-height:72px;padding:2px 9px}.studio-layer{border:0;border-radius:5px;min-height:52px;margin:0;padding:4px 0}.studio-layer.selected{background:#25404a99;border:0}.layer-select canvas{box-shadow:none;background:repeating-conic-gradient(#3e565f 0 25%,#344a54 0 50%) 0/8px 8px;border:0;border-radius:4px;width:33px;height:33px}.layer-select>span{color:var(--ink);font-size:11px}.layer-select small{color:var(--soft);font-size:9px}.studio-layer .layer-eye{color:var(--muted)}.studio-layer-actions{background:0 0;border:0;height:37px;padding:8px 11px}.studio-document-info{color:var(--muted)}.studio-document-info dt,.studio-document-info p{color:var(--soft)}.studio-document-info dd{color:var(--ink)}.studio-statusbar{background:var(--low);height:28px;color:var(--soft);border-top:1px solid #47616b33;gap:25px;padding-inline:18px;font-size:10px}.studio-save-state.saved{color:var(--cyan)}.studio-statusbar>span:last-child{color:var(--soft)}.studio-statusbar .studio-coordinate{font-size:10px}.studio-app .studio-button{background:var(--panel2);border:1px solid var(--subtle);color:var(--ink);border-radius:5px;min-height:35px;padding:7px 13px;font-size:12px}.studio-app .studio-button.primary,.studio-ai-form .studio-ai-generate{background:var(--amber);color:var(--gold-ink);border-color:#0000;font-weight:550}.studio-app .studio-button.primary:hover,.studio-ai-form .studio-ai-generate:hover{background:#f2cf92}.studio-app .studio-button.danger{color:#f3b0ac;background:#4b2a3155;border-color:#bc757655}.studio-dialog{background:var(--panel);border-color:var(--line);border-radius:10px;box-shadow:0 24px 80px #08131a99}.studio-dialog-title{background:var(--low);height:44px;color:var(--ink);font-family:var(--font-ui),sans-serif;border:0;font-size:14px;font-weight:400}.studio-dialog-title>span>svg{color:var(--amber)}.studio-dialog-title>button{color:var(--muted)}.studio-dialog-content{color:var(--muted);padding:23px}.studio-dialog-content>label{color:var(--muted);font-size:12px}.studio-dialog :is(input:not([type=checkbox]):not([type=radio]),textarea){background:var(--low);color:var(--ink);border-color:var(--subtle);border-radius:5px;min-height:38px;font-size:13px}.dialog-intro{color:var(--muted);font-size:13px}.dialog-hint{color:var(--soft);font-size:12px}.dialog-actions,.dialog-tabs{border-color:var(--subtle);flex-wrap:wrap}.dialog-tabs button.selected{color:var(--amber);border-color:var(--amber)}.new-project-presets button{background:var(--low);border:1px solid var(--subtle);color:var(--muted);border-radius:7px}.new-project-presets button.selected{background:var(--panel2);border-color:var(--amber);color:var(--amber)}.new-project-presets b,.studio-submissions b,.dialog-empty h3{color:var(--ink)}.dialog-empty,.dialog-empty p{color:var(--muted)}.export-file-summary{background:var(--low);border-color:var(--subtle);border-radius:6px}.export-file-summary b{color:var(--ink)}.export-file-summary small{color:var(--soft)}.studio-revisions>label{border-color:var(--subtle)}.studio-revisions>label.selected{border-color:var(--cyan);background:var(--panel2)}.studio-revisions b{color:var(--ink)}.studio-revisions small{color:var(--soft)}.studio-check,.shortcut-grid>div{color:var(--muted)}.shortcut-grid>div{border-color:var(--subtle)}.shortcut-grid kbd{background:var(--low);border-color:var(--subtle);color:var(--soft)}.profile-window-links{color:var(--cyan)}.studio-ai-panel{padding:18px;font-size:12px}.studio-ai-intro strong{color:var(--ink);font-family:var(--font-ui),sans-serif;font-size:16px;font-weight:400}.studio-ai-intro{color:var(--amber)}.studio-ai-wallet{background:var(--low);border:0;border-radius:6px;font-size:11px}.studio-ai-form fieldset>label:not(.studio-check){color:var(--muted);font-size:12px}.studio-ai-form select{background:var(--low);color:var(--ink);border-color:var(--subtle);border-radius:5px;height:38px}.studio-ai-form textarea{background:var(--low);color:var(--ink);border-color:var(--subtle);border-radius:7px;min-height:120px;font-size:13px}.studio-ai-quote strong{color:var(--amber)}.studio-ai-form .studio-ai-generate{border-radius:6px;height:40px}.studio-ai-hint,.studio-ai-quote small,.studio-ai-result-meta{color:var(--soft)}.studio-ai-result-image{background-color:var(--low);border:0;border-radius:7px}.studio-ai-import-actions>button{border:1px solid var(--subtle);background:var(--panel2);color:var(--ink);border-radius:5px;height:36px;font-size:11px}.studio-ai-import-actions>button:first-child{background:var(--amber);color:var(--gold-ink);border-color:#0000}.studio-ai-section-title b{color:var(--ink)}.studio-ai-history>button{border-bottom-color:var(--subtle);padding-block:12px}.studio-ai-history>button.selected{background:var(--panel2);border-color:var(--subtle)}.studio-ai-processing{background:var(--low)}.studio-ai-notice{color:#f0ce91;background:#40362a80;border-color:#8a765255}.studio-ai-result-meta,.studio-ai-history>button small{color:var(--muted)}.studio-toast{background:var(--panel2);border-color:var(--line);color:var(--ink);z-index:120;border-radius:8px;top:155px;right:345px;box-shadow:0 10px 35px #08131a88}@media (max-width:1050px){.studio-body,.studio-body.studio-ai-open{--studio-dock-width:300px;grid-template-columns:minmax(0,1fr) var(--studio-dock-width)}.studio-toast{right:315px}.studio-color-controls{gap:10px}.studio-color-sliders{font-size:9px}.studio-palette{gap:6px}}@media (max-height:760px){.studio-navigator{display:none}.studio-palette button{height:20px}.studio-colors .dock-heading{height:29px}.color-value{padding-block:9px}.studio-colors{padding-bottom:12px}.studio-color-controls{padding-block:6px}.studio-toolrail{top:51px}.studio-layer-panel{min-height:120px}}@media (max-height:610px){.studio-toolrail>button{height:29px}.studio-toolrail{gap:1px;padding:5px;top:43px}.rail-bottom,.studio-color-controls{display:none}.studio-colors .dock-heading{display:flex}.studio-colors{padding-top:5px}.studio-palette{gap:4px}.studio-palette button{width:18px;height:18px}.studio-menubar{height:34px}.studio-optionsbar{height:35px}}@media (max-width:740px){.studio-body,.studio-body.studio-ai-open{grid-template-columns:minmax(0,1fr)}.studio-toolrail{gap:2px;padding:5px;top:49px;left:10px}.studio-toolrail>button{width:32px;height:34px}.studio-menubar{gap:3px;height:36px;padding:0 7px}.studio-menus>.studio-menu>button,.studio-menus>.studio-help{padding-inline:8px;font-size:11px}.studio-profile-command,.studio-menubar>.workspace-name{display:none!important}.studio-file-actions{gap:0;margin-left:auto}.studio-file-actions button{padding-inline:8px;font-size:10px}.studio-file-actions .studio-publish{padding-inline:9px}.studio-optionsbar{gap:12px;height:38px;padding-inline:13px}.studio-documentbar{padding-left:11px}.studio-document-tab{width:210px;max-width:calc(100% - 80px)}.studio-doc-size{display:none}.studio-viewport{background:var(--bg)}.studio-canvas-space{padding:62px 73px 75px}.studio-canvas-footer{gap:8px;height:39px;padding-inline:7px;bottom:12px;left:calc(50% + 15px)}.studio-dock{display:none}.studio-dock.mobile-open,.studio-ai-open .studio-dock.mobile-open{border-left:1px solid var(--line);z-index:25;width:min(310px,100vw - 62px);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-15px 0 40px #08131acc}.studio-workspace-tabs,.studio-workspace-tabs>button{height:42px}.studio-navigator{display:none}.studio-color-sliders{font-size:10px}.studio-color-controls{display:flex}.studio-statusbar{gap:10px;height:27px;padding-inline:10px;font-size:9px}.studio-statusbar .studio-private,.studio-statusbar>span:last-child{display:none}.studio-toast{max-width:calc(100% - 25px);top:135px;right:12px!important}.studio-ai-form textarea,.studio-dialog :is(input:not([type=checkbox]):not([type=radio]),textarea){font-size:16px}.studio-app .studio-icon-button{min-width:28px;min-height:30px}.studio-dock-toggle{min-width:30px;min-height:30px}.studio-dialog-content{padding:19px}.studio-app .studio-button{min-height:39px}.studio-ai-import-actions{grid-template-columns:1fr}.studio-ai-import-actions>button{min-height:40px}.studio-layer-panel{min-height:185px}}@media (max-width:410px){.studio-menus>.studio-menu>button,.studio-menus>.studio-help{padding-inline:6px;font-size:10px}.studio-file-actions button{padding-inline:5px}.studio-file-actions .studio-cloud-save>span{display:none}.studio-canvas-footer{gap:4px}.studio-document-tab{width:190px;max-width:calc(100% - 44px)}.studio-menubar{gap:0}.studio-optionsbar{gap:9px}.new-project-presets button{height:92px}.new-project-presets b{font-size:10px}}@media (pointer:coarse){.studio-toolrail>button{min-height:38px}.studio-layer .layer-eye{min-height:42px}.studio-palette button{width:23px;height:23px}.studio-workspace-tabs>button{min-height:40px}}@media (min-width:761px){.studio-app .site-header .menu-button{display:none}}dialog.studio-dialog{max-height:calc(100dvh - 36px);margin:auto;padding:0;overflow:auto}dialog.studio-dialog:not([open]){display:none}dialog.studio-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08131acc}.studio-legacy-draft{border-bottom:1px solid var(--line);font:12px/1.7 var(--font-body);background:#253f45;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:10px 18px;display:flex}.studio-legacy-draft button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--ink);padding:8px 12px}@media (prefers-reduced-motion:reduce){dialog.studio-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.studio-signin-notice{color:var(--cyan);margin-left:10px;text-decoration:underline;display:inline-block}body .studio-touch-workspace{flex:1;height:auto;min-height:0}body .studio-app :is(.studio-toolrail,.studio-canvas-footer,.studio-panel-dock,.studio-toolrail button,.studio-dialog,.studio-button,.studio-layer,.studio-layer-actions button){border-radius:0}body .studio-toolrail{border:1px solid var(--line);box-shadow:4px 4px 0 var(--low)}body .studio-toolrail button.active{color:var(--cyan);box-shadow:inset 0 -2px var(--cyan);background:#253f45}body .studio-panel-dock{background:var(--panel);border-left:1px solid var(--line)}body .studio-canvas-footer{border:1px solid var(--line);box-shadow:4px 4px 0 var(--low)}body .studio-app .studio-button.primary{box-shadow:0 3px #725336}body .studio-app .studio-button.primary:active{box-shadow:none;transform:translateY(2px)}body .studio-app .site-header .header-account-button{display:flex}body .studio-app .site-header .menu-button{display:none}body .touch-tools,body .touch-properties,body .touch-panel,body .touch-view-controls,body .studio-touch-workspace button{border-radius:0}body .touch-tools,body .touch-panel{border:1px solid var(--line)}@media (max-width:1024px){body .studio-app .site-header.site-header--expanded .menu-button{display:flex}}
html:has(.studio-app){scrollbar-gutter:auto;overflow:hidden}body:has(.studio-app){overscroll-behavior:none;overflow:hidden}.studio-touch-app{min-height:260px;position:relative}.studio-touch-workspace{height:100%;min-height:0;color:var(--ink);background:var(--bg);--touch-hit:44px;flex-direction:column;display:flex}.touch-topbar{height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));background:var(--low);z-index:30;border-bottom:1px solid #47616b33;flex:none;align-items:center;gap:8px;display:flex;position:relative}.studio-touch-workspace button{min-width:var(--touch-hit);min-height:var(--touch-hit);color:var(--muted);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:9px;flex:none}.studio-touch-workspace button:hover{background:var(--panel2)}.studio-touch-workspace button[aria-pressed=true]{background:var(--panel2);color:var(--amber)}.studio-touch-workspace button:disabled{opacity:.32}.touch-topbar .touch-projects{color:var(--amber);font-family:var(--font-ui),sans-serif;gap:8px;padding:0 10px;font-size:14px}.touch-project-name{flex-direction:column;flex:1;gap:2px;min-width:0;margin-right:auto;display:flex}.touch-project-name input{width:100%;height:25px;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;padding:0 6px;font-size:14px}.touch-project-name>span{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;padding-left:6px;font-size:10px;overflow:hidden}.touch-history{align-items:center;gap:1px;display:flex}.touch-topbar .touch-save{color:var(--cyan);gap:8px;padding-inline:12px}.touch-save span{font-size:11px}.touch-topbar .touch-publish{background:var(--amber);color:var(--gold-ink);padding-inline:16px;font-size:12px}.touch-canvas-room{background:radial-gradient(ellipse at 50% 43%,#243b4380,transparent 65%),var(--bg);flex:1;min-height:0;position:relative;overflow:hidden}.touch-canvas-room>.studio-viewport{touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;position:absolute;inset:40px 80px 56px;overflow:hidden}.touch-canvas-room .studio-canvas-space{min-height:0;padding:0;overflow:visible;width:100%!important;height:100%!important}.touch-canvas-room .studio-canvas-stage{box-shadow:0 0 0 1px #8dadad40,0 14px 50px #08131a99}.touch-canvas-room .canvas-ruler,.touch-canvas-room .canvas-badge{display:none}.touch-canvas-info{pointer-events:none;color:var(--soft);font:10px var(--font-mono);justify-content:center;gap:16px;display:flex;position:absolute;top:15px;left:90px;right:90px}.touch-canvas-info span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;max-width:50%;display:flex;overflow:hidden}.touch-canvas-info span:first-child{flex:none}.touch-tools{top:50%;left:max(14px,env(safe-area-inset-left));z-index:15;scrollbar-width:none;background:#1c3039f5;border-radius:14px;flex-direction:column;gap:4px;max-height:calc(100% - 46px);padding:7px;display:flex;position:absolute;overflow:auto;transform:translateY(-50%);box-shadow:0 10px 32px #08131a90}.touch-tools .touch-tool{width:44px;height:44px;min-height:44px;position:relative}.touch-tool span{display:none}.touch-tools button[aria-pressed=true]{box-shadow:inset 0 -2px var(--amber)}.touch-tools .touch-more-tools{display:none}.touch-properties{right:max(14px,env(safe-area-inset-right));z-index:15;background:#1c3039f5;border-radius:14px;flex-direction:column;gap:6px;padding:7px;display:flex;position:absolute;top:18px;box-shadow:0 10px 32px #08131a80}.touch-properties button{flex-direction:column;gap:4px;width:50px;min-height:57px;font-size:9px;display:flex}.touch-properties button[aria-expanded=true]{color:var(--amber);background:var(--panel2)}.touch-properties .touch-ai-button{color:var(--amber)}.touch-current-color{width:25px;height:25px;box-shadow:0 0 0 3px var(--low);border:2px solid #fff6;border-radius:50%}.touch-brush-value{height:25px;font:18px var(--font-mono);color:var(--ink);align-items:baseline;gap:2px;display:flex}.touch-brush-value small{color:var(--soft);font-size:9px}.touch-view-controls{bottom:max(16px,env(safe-area-inset-bottom));background:var(--panel);z-index:14;border-radius:12px;align-items:center;gap:0;padding:2px;display:flex;position:absolute;right:100px;box-shadow:0 6px 24px #08131a80}.touch-view-controls button{min-width:42px;min-height:40px}.touch-view-controls .touch-zoom{font:11px var(--font-mono);min-width:64px}.touch-gesture-hint{color:var(--soft);pointer-events:none;font-size:10px;position:absolute;bottom:31px;left:95px}.touch-panel{z-index:25;background:var(--panel);border:1px solid #47616b80;border-radius:14px;flex-direction:column;width:min(352px,100% - 180px);max-height:calc(100% - 38px);display:flex;position:absolute;top:18px;bottom:auto;right:91px;overflow:hidden;box-shadow:0 18px 60px #08131ab0}.touch-panel-grip{display:none}.touch-panel-heading{border-bottom:1px solid #47616b33;flex:none;justify-content:space-between;align-items:center;height:54px;padding:0 9px 0 19px;display:flex}.touch-panel-heading h2{font:17px var(--font-ui),sans-serif;color:var(--ink);margin:0;font-weight:400}.touch-panel-content{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow:auto}.touch-panel-content>[hidden]{display:none!important}.touch-panel .studio-colors{border:0;padding:15px 6px 20px}.touch-panel .studio-colors .dock-heading{display:none}.touch-panel .studio-color-controls{--wheel-size:164px;gap:18px;padding:6px 15px 8px;display:flex}.touch-panel .studio-color-wheel{width:var(--wheel-size);height:var(--wheel-size)}.touch-panel .studio-sv-field{inset:22%}.touch-panel .studio-color-sliders{gap:8px;font-size:10px}.touch-panel .studio-color-sliders input{touch-action:pan-x;background:0 0;border:0;height:36px}.touch-panel .color-value{padding:4px 17px 12px}.touch-panel .foreground-swatch{width:44px;height:44px}.touch-panel .hex-color input{font:16px var(--font-mono);height:38px;padding:8px 10px}.touch-panel .studio-palette{grid-template-columns:repeat(8,1fr);gap:1px;padding:0 13px;display:grid}.touch-panel .studio-palette button{border:5px solid var(--panel);border-radius:50%;width:36px;min-width:36px;height:36px;min-height:36px}.touch-panel .studio-palette button[aria-pressed=true]{box-shadow:0 0 0 1px var(--amber)}.touch-panel .studio-layer-panel{min-height:0;max-height:calc(100dvh - 235px);padding-bottom:8px}.touch-panel .dock-tabs{height:48px;padding-inline:5px}.touch-panel .dock-tabs>button{min-height:44px;padding-inline:12px}.touch-panel .dock-tabs .dock-more{margin-left:auto}.touch-panel .layer-panel-meta{padding-inline:17px;font-size:11px}.touch-panel .studio-layers{flex:1;min-height:90px;max-height:36dvh;padding:0 10px;overflow:auto}.touch-panel .studio-layer{min-height:63px}.touch-panel .studio-layer .layer-eye{min-width:42px;min-height:48px}.touch-panel .studio-layer .layer-select{gap:10px;min-height:60px}.touch-panel .layer-select canvas{width:43px;height:43px}.touch-panel .layer-select>span{font-size:13px}.touch-panel .layer-select small{font-size:10px}.touch-panel .layer-rename{height:38px;font-size:16px;top:13px;left:94px}.touch-panel .studio-layer-actions{gap:0;height:55px;padding:5px 8px}.touch-panel .studio-layer-actions .studio-icon-button{min-width:42px;min-height:44px}.touch-panel .studio-document-info{padding:18px;font-size:13px}.touch-panel .studio-document-info p{font-size:12px}.touch-panel .studio-ai-panel{padding:16px 18px 22px}.touch-panel .studio-ai-intro{display:none}.touch-panel .studio-ai-form select{height:44px;font-size:14px}.touch-panel .studio-ai-form textarea{min-height:110px;font-size:16px}.touch-panel .studio-ai-form .studio-ai-generate{min-height:44px;font-size:14px}.touch-panel .studio-ai-import-actions{grid-template-columns:1fr}.touch-panel .studio-ai-import-actions>button{min-height:44px}.touch-panel .studio-ai-history>button{min-height:60px}.touch-panel .studio-check{min-height:44px;font-size:12px}.touch-panel .studio-check input{width:20px;height:20px}.touch-brush-panel{padding:20px}.touch-brush-preview{justify-content:center;align-items:center;gap:25px;min-height:70px;display:flex}.touch-brush-preview>span{image-rendering:pixelated;display:block}.touch-brush-preview b{font:18px var(--font-mono);color:var(--muted)}.touch-brush-panel>label{color:var(--muted);flex-direction:column;gap:12px;font-size:13px;display:flex}.touch-brush-panel input[type=range]{width:100%;height:44px;accent-color:var(--amber);background:0 0;border:0}.touch-brush-presets{justify-content:space-between;gap:5px;margin-top:12px;display:flex}.touch-brush-presets button{background:var(--low);min-width:40px;font:14px var(--font-mono)}.touch-tool-grid,.touch-command-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:15px;display:grid}.touch-tool-grid>button,.touch-command-grid>button{background:var(--low);text-align:center;flex-direction:column;gap:9px;min-height:77px;padding:10px 4px;font-size:11px;line-height:1.5}.touch-tool-grid>button[aria-pressed=true]{box-shadow:inset 0 -2px var(--amber)}.touch-command-grid>button>span{overflow-wrap:anywhere}.touch-selection-commands{border-top:1px solid #47616b33}.touch-input-settings{padding:0 15px}.touch-input-settings>label,.touch-input-settings>.touch-grid-setting{width:100%;min-height:57px;color:var(--muted);border-top:1px solid #47616b33;align-items:center;gap:12px;font-size:12px;display:flex}.touch-input-settings>label>span{flex:1}.touch-input-settings small{color:var(--soft);margin-top:4px;font-size:10px;line-height:1.5;display:block}.touch-input-settings input[type=checkbox]{width:22px;height:22px}.touch-input-settings select{border:1px solid var(--subtle);background:var(--low);max-width:143px;height:42px;color:var(--ink);border-radius:6px;padding:5px;font-size:12px}.touch-input-settings>.touch-grid-setting{justify-content:flex-start}.touch-grid-setting>span{text-align:left;flex:1}.touch-help-text{color:var(--soft);padding:0 15px;font-size:11px;line-height:1.7}.touch-exit-links{color:var(--cyan);flex-wrap:wrap;gap:8px 18px;padding:5px 15px 18px;font-size:12px;display:flex}.touch-exit-links a{align-items:center;min-height:44px;display:flex}.studio-touch-app .studio-toast{max-width:calc(100% - 40px);top:80px;right:20px!important}.studio-touch-app .studio-conflict{z-index:35;bottom:80px;left:90px;right:90px}.studio-touch-app dialog.studio-dialog{max-height:calc(100dvh - 32px)}.studio-touch-app .studio-dialog-title{min-height:52px}.studio-touch-app .studio-dialog-title>button{width:44px;height:44px}.studio-touch-app .studio-dialog-content{padding:20px}.studio-touch-app .studio-dialog :is(input:not([type=checkbox]):not([type=radio]),textarea){min-height:44px;font-size:16px}.studio-touch-app .studio-button{min-height:44px;padding:9px 13px}.studio-touch-app .dialog-tabs button{min-height:44px}.studio-touch-app .studio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:640px){body .studio-community-return .studio-return-mobile{font-size:11px;display:inline}.touch-topbar{height:calc(58px + env(safe-area-inset-top));padding-inline:max(7px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-right));gap:1px}.touch-topbar .touch-projects{min-width:42px;padding:0}.touch-projects>span,.touch-save>span,.touch-topbar>.touch-publish{display:none}.touch-project-name{margin-right:3px}.touch-project-name input{height:24px;font-size:13px}.touch-project-name>span{font-size:9px}.touch-topbar .touch-save{min-width:42px;padding-inline:0}.touch-history button{min-width:37px;min-height:44px}.touch-topbar>button:last-child{min-width:37px}.touch-canvas-room>.studio-viewport{inset:73px 0 calc(132px + env(safe-area-inset-bottom))}.touch-canvas-info{justify-content:space-between;gap:10px;top:13px;left:15px;right:15px}.touch-view-controls{box-shadow:none;background:#1c3039cc;border-radius:9px;gap:0;padding:0;top:37px;bottom:auto;right:12px}.touch-view-controls button{min-width:35px;min-height:32px}.touch-view-controls .touch-zoom{min-width:58px;font-size:10px}.touch-gesture-hint{bottom:calc(126px + env(safe-area-inset-bottom));text-align:center;font-size:9px;left:0;right:0}.touch-tools{top:auto;bottom:calc(63px + env(safe-area-inset-bottom));border-radius:13px;flex-direction:row;gap:5px;max-height:none;padding:6px;left:50%;overflow:visible;transform:translate(-50%)}.touch-tools .touch-tool{width:44px;min-height:44px}.touch-tool-line,.touch-tool-rect,.touch-tool-select,.touch-tool-hand{display:none!important}.touch-tools .touch-more-tools{min-width:44px;min-height:44px;display:flex}.touch-properties{padding:0 14px env(safe-area-inset-bottom);background:var(--low);border-radius:0;flex-direction:row;justify-content:space-around;gap:0;inset:auto 0 0;box-shadow:0 -10px 35px #08131a55}.touch-properties button{border-radius:0;gap:4px;width:25%;min-height:62px;font-size:10px}.touch-properties button[aria-expanded=true]{box-shadow:inset 0 2px var(--amber);background:var(--panel)}.touch-current-color{width:24px;height:24px}.touch-panel{top:auto;left:8px;right:8px;bottom:calc(64px + env(safe-area-inset-bottom));width:auto;max-height:calc(100% - 74px - env(safe-area-inset-bottom));border-radius:16px 16px 10px 10px;box-shadow:0 -14px 60px #08131acc}.touch-panel-grip{touch-action:none;flex:none;justify-content:center;align-items:center;height:19px;display:flex}.touch-panel-grip>span{background:var(--line);border-radius:3px;width:36px;height:4px}.touch-panel-heading{height:45px;padding-left:18px}.touch-panel-heading h2{font-size:17px}.touch-panel-content{padding-bottom:4px}.touch-panel .studio-colors{padding-top:10px}.touch-panel .studio-color-controls{--wheel-size:158px;justify-content:center;gap:25px;padding-inline:20px}.touch-panel .studio-color-sliders{max-width:110px}.touch-panel .studio-palette{grid-template-columns:repeat(8,minmax(0,1fr));padding-inline:15px}.touch-panel .studio-palette button{border-radius:50%;justify-self:center;width:100%;min-width:32px;max-width:40px;height:36px;min-height:36px}.touch-panel .studio-layers{max-height:34dvh}.touch-panel .studio-layer-panel{max-height:calc(100dvh - 225px)}.touch-panel .studio-layer-actions{justify-content:space-between}.touch-panel .studio-ai-panel{padding-top:7px}.touch-tool-grid>button{min-height:82px;font-size:12px}.studio-touch-app .studio-toast{max-width:calc(100% - 20px);padding:11px 13px;font-size:12px;top:70px;right:10px!important}.studio-touch-app .studio-toast>button{width:32px;height:32px}.studio-touch-app .studio-conflict{bottom:135px;left:14px;right:14px}.studio-touch-app dialog.studio-dialog{border-radius:15px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.studio-touch-app .studio-dialog-content{padding:17px}.studio-touch-app .new-project-presets{gap:5px}.studio-touch-app .new-project-presets button{height:92px}.studio-touch-app .new-project-presets b{font-size:10px}.studio-touch-app .dialog-actions{gap:8px}.studio-touch-app .dialog-actions>.studio-button{flex:1}.studio-touch-app .studio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:560px) and (min-width:641px){.touch-topbar{height:50px}.touch-tools{flex-direction:row;gap:2px;padding:5px;top:auto;bottom:10px;left:50%;transform:translate(-50%)}.touch-tools .touch-tool{width:40px;min-width:40px;height:40px;min-height:40px}.touch-canvas-room>.studio-viewport{inset:32px 74px 65px}.touch-gesture-hint{display:none}.touch-properties{gap:0;padding:3px;top:10px}.touch-properties button{width:48px;min-height:48px;font-size:8px}.touch-properties .touch-current-color{width:21px;height:21px}.touch-view-controls{flex-wrap:wrap;width:81px;bottom:12px;right:14px}.touch-view-controls button{min-width:37px;min-height:36px}.touch-view-controls .touch-zoom{min-width:39px;font-size:9px}.touch-canvas-info{top:10px}.touch-panel{width:min(340px,100% - 150px);max-height:calc(100% - 20px);top:10px;right:75px}.touch-panel .studio-color-controls{display:flex}.touch-panel .studio-layers{max-height:25dvh}}@media (max-width:359px){.touch-history button{min-width:32px}.touch-topbar .touch-save{min-width:37px}.touch-tools{gap:1px}.touch-tools .touch-tool,.touch-tools .touch-more-tools{width:43px;min-width:43px}.touch-panel .studio-color-controls{--wheel-size:140px;gap:12px;padding-inline:15px}.touch-panel .studio-palette{padding-inline:9px}.touch-panel .studio-layer-actions .studio-icon-button{min-width:36px}.touch-command-grid{gap:6px;padding:12px}}.studio-touch-workspace{position:relative}.touch-topbar{height:62px;padding-top:0}body .studio-header-slot{height:calc(56px + env(safe-area-inset-top));flex-basis:calc(56px + env(safe-area-inset-top))}body .site-header--studio{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}body .site-header--studio.site-header--expanded{height:calc(72px + env(safe-area-inset-top))}body .site-header--studio .menu-button{display:none!important}body .site-header--studio .header-inner.section-wrap{padding-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right))}.studio-touch-workspace>.touch-properties{top:80px}.studio-touch-workspace>.touch-panel{max-height:calc(100% - 100px);top:80px}.touch-panel-content{overflow-x:hidden}.touch-brush-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.touch-brush-presets button{min-width:44px;min-height:44px}.touch-brush-preview>span{flex:none}.touch-panel .studio-color-controls{grid-template-columns:var(--wheel-size) minmax(0,1fr);--wheel-size:140px;gap:16px;padding-inline:16px;display:grid}.touch-panel .studio-color-sliders{min-width:0;max-width:none}.touch-panel .studio-color-sliders input{width:100%;min-width:0;height:44px}.touch-panel .studio-palette{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:2px;padding-inline:12px}.touch-panel .studio-palette button{width:44px;min-width:44px;max-width:none;height:44px;min-height:44px}.touch-panel .studio-layer-actions{flex-wrap:wrap;height:auto;min-height:55px}.touch-panel :is(.studio-color-sliders input,.hex-color input,.studio-layer-settings select){font-size:16px}@media (max-width:640px){.touch-topbar{height:58px;padding-top:0}.touch-history button,.touch-topbar .touch-save,.touch-topbar>button:last-child,.touch-topbar .touch-projects{min-width:44px;min-height:44px}.touch-topbar .touch-projects{padding:0}.touch-project-name input{font-size:16px}.touch-canvas-room>.studio-viewport{inset:82px 0 84px}.touch-canvas-info{top:9px}.touch-view-controls{top:30px;right:10px}.touch-view-controls button{min-width:44px;min-height:44px}.touch-view-controls .touch-zoom{min-width:62px;font-size:11px}.touch-tools{gap:4px;padding:6px;bottom:12px}.touch-tools .touch-tool,.touch-tools .touch-more-tools{width:44px;min-width:44px;min-height:44px}.touch-gesture-hint{bottom:73px}.studio-touch-workspace>.touch-properties{min-height:calc(62px + env(safe-area-inset-bottom));padding-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right));border-top:1px solid var(--line);flex:none;position:relative;top:auto;bottom:auto}.studio-touch-workspace>.touch-panel{top:66px;bottom:calc(64px + env(safe-area-inset-bottom));width:auto;max-height:none}.touch-panel .studio-ai-form select{font-size:16px}.touch-panel .studio-layer-panel{max-height:none}.touch-panel .studio-layers{max-height:30dvh}}@media (max-height:560px) and (min-width:641px){.studio-touch-workspace>.touch-properties{top:60px;right:10px}.studio-touch-workspace>.touch-panel{max-height:none;top:56px;bottom:10px;right:76px}.touch-tools .touch-tool-extra{display:none!important}.touch-tools .touch-more-tools{display:flex}.touch-tools{left:max(14px,env(safe-area-inset-left));transform:none}.touch-tools .touch-tool,.touch-tools .touch-more-tools{width:44px;min-width:44px;height:44px;min-height:44px}.touch-view-controls{flex-wrap:nowrap;width:auto;bottom:8px;right:82px}.touch-view-controls button{min-width:44px;min-height:44px}.touch-view-controls .touch-zoom{min-width:62px}.touch-canvas-room>.studio-viewport{inset:30px 76px 65px}}
.studio-canvas-container{flex:1;min-height:100px;display:flex;position:relative;overflow:hidden}.studio-canvas-container>.studio-viewport{width:100%}.studio-canvas-stage{isolation:isolate}.studio-canvas-stage>canvas:not(.studio-onion-preview):not(.studio-tile-preview):not(.studio-selection-preview){z-index:2;position:relative;background:0 0!important}.studio-canvas-stage>.studio-onion-preview{z-index:1;pointer-events:none;position:absolute;inset:0;background:0 0!important}.studio-canvas-stage>.studio-tile-preview{z-index:0;pointer-events:none;opacity:.75;position:absolute;background:0 0!important}.studio-canvas-stage>.pixel-grid{z-index:3}.studio-canvas-stage>.pixel-selection{z-index:4}.studio-canvas-stage>.shape-preview{z-index:5}.studio-canvas-stage>.canvas-badge{z-index:6}.studio-optionsbar{flex-shrink:0;overflow-x:auto}.studio-optionsbar>button,.studio-optionsbar>label,.studio-optionsbar>span{flex-shrink:0}.studio-optionsbar .studio-brush-button{color:#c1c7d2;background:#222733;border:1px solid #343b49;align-items:center;gap:5px;padding:4px 9px;font-size:11px;display:flex}.studio-timeline{border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font:12px var(--font-body);z-index:10;--timeline-layer-width:132px;flex-direction:column;flex:none;max-height:40%;display:flex;overflow:hidden}.timeline-toolbar{background:var(--low);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;min-height:38px;padding:3px 10px;display:flex}.studio-timeline button{min-width:26px;min-height:26px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:4px;display:inline-flex}.studio-timeline button:hover{background:var(--panel2);color:var(--ink)}.studio-timeline button:disabled{opacity:.35;cursor:default}.studio-timeline button:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.timeline-title{white-space:nowrap;flex:none;padding-inline:6px;color:var(--amber)!important}.timeline-title span{font-weight:600}.timeline-playback,.timeline-add{flex:none;align-items:center;gap:2px;display:flex}.timeline-play[aria-pressed=true]{background:var(--amber);color:var(--gold-ink)}.timeline-counter{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:42px;margin-left:auto}.timeline-content{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;min-height:0;display:flex;overflow:auto}.timeline-content[hidden]{display:none}.timeline-actions{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:4px 10px;display:flex}.timeline-tag{align-items:center;gap:4px;display:flex}.studio-timeline select,.studio-timeline input[type=number]{background:var(--low);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:0;height:28px;padding:3px 5px}.timeline-tag select{max-width:135px}.timeline-onion{white-space:nowrap;align-items:center;gap:5px;display:flex}.studio-timeline input[type=checkbox]{accent-color:var(--amber)}.timeline-onion-opacity{width:58px;accent-color:var(--cyan)}.timeline-add{margin-left:auto}.timeline-scroll{scrollbar-width:thin;flex:none;min-height:65px;max-height:150px;overflow:auto}.timeline-grid{grid-auto-rows:auto;min-width:max-content;display:grid}.timeline-sticky{z-index:3;max-width:var(--timeline-layer-width);text-overflow:ellipsis;white-space:nowrap;position:sticky;left:0;overflow:hidden;background:var(--panel)!important;border-right:1px solid var(--line)!important;justify-content:flex-start!important;padding:0 10px!important}.timeline-heading{min-height:65px;color:var(--soft);align-items:center;gap:6px;font-size:11px;display:flex}.timeline-frame{flex-direction:column;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;gap:1px!important;min-height:65px!important;padding:3px!important}.timeline-frame b{font-size:11px}.timeline-frame small{color:var(--soft);font-size:10px}.timeline-frame canvas{background:repeating-conic-gradient(#26303d 0 25%,#1a222d 0 50%) 0/8px 8px;image-rendering:pixelated}.timeline-frame.in-range{background:var(--panel2)}.timeline-frame.active{box-shadow:inset 0 0 0 1px var(--amber);background:#3b352a}.timeline-frame.playing{box-shadow:inset 0 0 0 2px var(--cyan)}.timeline-layer-row{display:contents}.timeline-layer{height:26px!important;font-size:11px!important}.timeline-layer.selected{color:var(--amber)!important}.timeline-cel{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;height:26px!important;min-height:26px!important;color:var(--soft)!important}.timeline-cel.active{color:var(--amber)!important;background:#59482b!important}.timeline-cel .hidden{opacity:.3}.timeline-settings{background:var(--low);flex-wrap:wrap;flex:none;align-items:center;gap:8px;min-height:36px;padding:4px 10px;display:flex}.timeline-settings label{white-space:nowrap;align-items:center;gap:5px;display:flex}.timeline-settings input{width:64px}.timeline-settings small{color:var(--soft);margin-left:auto}.studio-timeline.collapsed{max-height:none}.studio-timeline.collapsed .timeline-toolbar{border-bottom:0}.studio-brush-settings{flex-direction:column;gap:13px;font-size:12px;display:flex}.studio-brush-settings>label{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.studio-brush-settings input[type=range]{accent-color:#e6bd75;flex:1;min-width:80px}.studio-brush-settings p{color:#8390a4;margin:0;font-size:11px;line-height:1.7}.studio-toggle-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.studio-toggle-row label{align-items:center;gap:5px;display:flex}.studio-toggle-row input{accent-color:#e6bd75}.studio-toggle-row button{color:#a9b6ca;background:#222b39;border:1px solid #354354;align-items:center;gap:4px;padding:5px 7px;font-size:10px;display:flex}.studio-toggle-row button[aria-pressed=true]{color:#e6bd75;border-color:#927744}.studio-layer-settings{background:#181f2b;border-top:1px solid #343c48;flex-direction:column;gap:9px;padding:10px;display:flex}.studio-layer-settings>label{color:#96a5bc;align-items:center;gap:7px;font-size:10px;display:flex}.studio-layer-settings select{color:#d6ddea;background:#131925;border:1px solid #344050;flex:1;padding:4px;font-size:11px}.studio-layer-settings input[type=range]{accent-color:#e6bd75;flex:1;min-width:0}.studio-property-actions{flex-direction:column;gap:6px;margin:10px 0;display:flex}.studio-property-actions button{justify-content:flex-start;font-size:11px}.studio-secondary-color{color:#a3afc3;justify-content:space-between;align-items:center;padding:7px 0;font-size:10px;display:flex}.studio-secondary-color label{align-items:center;gap:8px;display:flex}.studio-secondary-color input{background:0 0;border:0;width:25px;height:25px;padding:0}.studio-secondary-color button,.studio-palette-actions button{color:#b0bfd6;background:#232c3a;border:1px solid #354253;padding:4px 7px;font-size:10px}.studio-palette-actions{flex-wrap:wrap;gap:4px;padding:3px 0;display:flex}.studio-field{color:#aeb9ca;flex-direction:column;gap:6px;margin:10px 0;font-size:12px;display:flex}.studio-field input,.studio-field select,.dialog-field-row select,.dialog-field-row>label>input{color:#e1e5ee;width:100%;height:36px;font:inherit;background:#111926;border:1px solid #364052;border-radius:0;padding:7px 10px}.studio-anchor-grid{grid-template-columns:repeat(3,35px);justify-content:center;gap:4px;padding:15px;display:grid}.studio-anchor-grid button{color:#a9b9d0;background:#1f2a3a;border:1px solid #3b4b60;width:35px;height:35px}.studio-anchor-grid button[aria-pressed=true]{color:#ffe2a2;background:#6e5730;border-color:#e6bd75}.studio-tags-list{flex-direction:column;gap:4px;max-height:160px;margin-bottom:15px;display:flex;overflow:auto}.studio-tags-list>div{border:1px solid #344152;display:flex}.studio-tags-list button{color:#c8d5e6;background:#202a3a;border:0;align-items:center;gap:10px;padding:9px;display:flex}.studio-tags-list button:first-child{flex:1;justify-content:space-between}.studio-tags-list small{color:#8798b1}.studio-form-error{color:#ee8792;font-size:12px}.studio-export-progress{align-items:center;gap:10px;display:flex}.studio-export-progress progress{accent-color:#e6bd75;flex:1}.studio-dialog.wide{max-width:min(680px,95vw)}.studio-export-panel select{max-width:100%}.studio-toast{max-width:min(600px,100vw - 24px)}.studio-touch-workspace>.studio-timeline{flex-shrink:0;max-height:40%;position:relative}.touch-brush-panel>.studio-brush-settings{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.studio-touch-app .studio-timeline button{min-width:44px;min-height:44px}.studio-touch-app .timeline-layer,.studio-touch-app .timeline-cel{height:44px!important;min-height:44px!important}.studio-touch-app .timeline-toolbar{min-height:50px}.studio-touch-app .timeline-frame{min-height:75px!important}.studio-touch-app .timeline-tag select{height:44px}.studio-touch-app .timeline-settings input{height:44px;font-size:16px}.studio-touch-workspace>.studio-timeline.collapsed{max-height:none}@media (max-width:760px){.touch-tools .touch-tool-extra{display:none!important}.touch-tools .touch-more-tools{min-width:44px;min-height:44px;display:flex}.studio-touch-workspace>.studio-timeline{--timeline-layer-width:92px;min-height:0;max-height:38%}.studio-touch-app .timeline-toolbar{gap:3px;padding:3px 8px}.studio-touch-app .timeline-title{gap:5px;padding-inline:3px}.studio-touch-app .timeline-playback button:first-child,.studio-touch-app .timeline-playback button:last-child,.studio-touch-app .studio-timeline.collapsed .timeline-playback>button:not(.timeline-play){display:none}.studio-touch-app .timeline-counter{font-size:12px}.studio-touch-app .timeline-actions{gap:4px;padding:3px 8px}.studio-touch-app .timeline-onion-opacity,.studio-touch-app .timeline-tag{display:none}.studio-touch-app .timeline-scroll{max-height:119px}.studio-touch-app .timeline-heading{font-size:10px;padding-inline:6px!important}.studio-touch-app .timeline-settings{gap:6px;padding:4px 8px}.studio-touch-app .timeline-settings small{display:none}.studio-dialog-content{max-height:calc(88dvh - 54px);overflow:auto}.studio-export-panel .dialog-field-row{flex-wrap:wrap}.studio-export-panel .dialog-actions a{white-space:normal;word-break:break-word;max-width:100%}.studio-toggle-row button{min-height:44px}.studio-touch-app .studio-layer-settings{padding:14px}.studio-touch-app .studio-palette-actions button{min-height:44px}}@media (prefers-reduced-motion:reduce){.pixel-selection{animation:none}}.studio-canvas-stage>.studio-selection-preview{z-index:3;pointer-events:none;position:absolute;inset:0;background:0 0!important}.studio-canvas-stage>.studio-tile-preview[hidden]{display:none}