:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14171b;--panel:#191c21;--panel-raised:#20242a;--line:#2b3038;--line-soft:#252a31;--text:#e8e9ec;--muted:#848b96;--subtle:#58616d;--accent:#e58d6c;--accent-strong:#ed9573;--accent-soft:#e58d6c1c;--green:#8bbf9f;--radius:8px;font-synthesis:none;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:12px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--accent)}button{background:0 0;border:0}button:disabled{opacity:.3;cursor:not-allowed}button:not(:disabled),a{transition:background .16s,color .16s,border-color .16s,box-shadow .16s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}[data-icon]{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}p,h1,h2,h3{margin:0}input,select,textarea{min-width:0;color:var(--text);background:#14171c;border:1px solid #343a44;border-radius:6px;width:100%;padding:9px 10px;transition:border-color .15s}input[type=range]{height:16px;accent-color:var(--accent);background:0 0;border:0;margin:6px 0 13px;padding:0}input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer;margin:0;padding:0}input::-webkit-inner-spin-button{opacity:.5}select{cursor:pointer}textarea{resize:vertical;min-height:76px;line-height:1.6}kbd{color:#949daa;white-space:nowrap;background:#242930;border:1px solid #363d46;border-bottom-width:2px;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:10px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.eyebrow{letter-spacing:1.5px;color:var(--muted);font-size:9px;font-weight:600}.button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 13px;font-weight:500;display:inline-flex}.button svg{width:16px;height:16px}.primary{background:var(--accent);color:#211c1a;font-weight:650;box-shadow:0 1px 2px #0002}.secondary{background:#242930;border:1px solid #363c45}.ghost{color:#a5adb8}.ghost:hover{color:#f4f4f5;background:#ffffff08}.full{width:100%}.compact{height:30px;padding:0 9px;font-size:11px}.icon-button,.tool-button{color:#8f98a5;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover,.tool-button:hover{color:var(--text);background:#ffffff08}.status-dot{background:#8ab7a0;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.count-badge{color:#9aa3af;border:1px solid var(--line);border-radius:4px;padding:3px 6px;font-size:10px;font-weight:400}.app-header{border-bottom:1px solid var(--line);background:#191c21;align-items:center;gap:24px;height:76px;padding:0 25px;display:flex}.brand{color:var(--text);letter-spacing:1px;align-items:center;gap:11px;min-width:217px;font-size:17px;font-weight:750;display:flex}.brand:hover{text-decoration:none}.brand-light{color:#c6cbd2;font-weight:350}.brand small{color:#7d8794;letter-spacing:2.9px;margin-top:5px;font-size:8px;font-weight:500;display:block}.brand-mark{width:35px;height:35px;color:var(--accent)}.brand-mark svg{stroke-width:2.7px;width:35px;height:35px}.header-divider{border-left:1px solid var(--line);height:28px;margin-left:-8px}.project-heading{min-width:170px}.project-heading .eyebrow{letter-spacing:1.5px;font-size:8px}.project-name{align-items:center;gap:13px;padding:5px 0 0;font-size:12px;font-weight:550;display:flex}.project-name>span:first-child{white-space:nowrap;text-overflow:ellipsis;max-width:240px;overflow:hidden}.small-icon svg{width:12px;height:12px;color:var(--muted)}.save-state{color:#858e9b;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.header-actions{align-items:center;gap:9px;display:flex}.header-actions>.ghost{width:30px;padding:0}.app-layout{grid-template-columns:264px minmax(420px,1fr) 252px;min-height:calc(100vh - 105px);display:grid}.library-panel{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:660px;max-height:calc(100vh - 105px);display:flex}.panel-intro .eyebrow{letter-spacing:1.35px;font-size:8px}.panel-intro h1{letter-spacing:-.7px;white-space:nowrap;margin-top:10px;font-size:21px;font-weight:600}.panel-intro h1>span{color:var(--accent)}.panel-intro p{color:var(--muted);margin-top:9px;font-size:10px;line-height:1.5}.mode-tabs{border-bottom:1px solid var(--line);gap:3px;padding:0 13px;display:flex}.mode-tabs button{color:var(--muted);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:5px;padding:12px 3px 14px;font-size:10px;display:flex;position:relative}.mode-tabs svg{width:14px;height:14px}.mode-tabs button[aria-selected=true]{color:var(--accent)}.mode-tabs button[aria-selected=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:5px;right:5px}.mode-tabs button:hover{color:var(--text)}.mode-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mode-panel.padded{padding:18px;display:block;overflow:auto}.search-field{background:#13161a;border:1px solid #30353e;border-radius:6px;align-items:center;gap:7px;margin:19px 17px 13px;padding:0 10px;display:flex}.search-field svg{color:#828b97;width:15px;height:15px}.search-field input{background:0 0;border:0;padding:10px 0;font-size:11px}.search-field kbd{color:#69727f;background:0 0;border-color:#333944;padding:0 5px;font-size:10px}.attribute-filters{gap:7px;margin:0 17px 20px;display:flex}.attribute-filters button{height:28px;color:var(--muted);border:1px solid #303640;border-radius:5px;flex:1;justify-content:center;align-items:center;font-size:10px;display:flex}.attribute-filters button:first-child{flex:1.6}.attribute-filters button:hover{background:#282e35}.attribute-filters button.active{color:#e9b195;background:#36312e;border-color:#775743}.attr{border:1px solid;border-radius:3px;width:12px;height:12px;display:inline-block;transform:rotate(45deg)}.str{color:#cd6964;background:#cd69643b}.agi{color:#7db87b;background:#7db87b3b}.int{color:#77abcc;background:#77abcc3b}.universal{background:conic-gradient(#bc738a,#c5b46d,#82bba3,#bc738a);border-color:#c2a29b!important}.section-heading{letter-spacing:1.1px;color:#929ca9;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:9px;font-weight:600;display:flex}.mode-panel:not(.padded)>.section-heading{margin:0 18px 12px}.hero-library{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:11px 10px;min-height:80px;padding:0 17px 16px;display:grid;overflow-y:auto}.hero-card{text-align:left;background:#20252b;border:1px solid #333942;border-radius:6px;flex-shrink:0;min-width:0;padding:0;position:relative;overflow:hidden}.hero-card:hover{border-color:var(--accent);background:#2c2d2e}.hero-card img{aspect-ratio:256/144;object-fit:cover;filter:saturate(.7);width:100%;transition:filter .2s,transform .2s;display:block}.hero-card:hover img{filter:saturate(1.05);transform:scale(1.025)}.hero-card .hero-name{white-space:nowrap;text-overflow:ellipsis;color:#c7cdd5;align-items:center;gap:5px;padding:7px 6px;font-size:10px;display:flex;overflow:hidden}.hero-card .attr{border-radius:1px;flex-shrink:0;width:5px;height:5px}.hero-card .add-hero{color:var(--accent);opacity:0;background:#101317dc;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:5px;right:5px}.hero-card:hover .add-hero,.hero-card:focus-visible .add-hero{opacity:1}.hero-card .in-grid{color:#97c7aa;background:#203d32ed;border:1px solid #71968155;border-radius:3px;place-items:center;width:15px;height:15px;font-size:9px;display:grid;position:absolute;top:5px;right:5px}.no-results{color:var(--muted);text-align:center;grid-column:1/-1;padding:24px 4px;line-height:1.7}.library-footer{border-top:1px solid var(--line);color:#7e8895;background:#1c2026;align-items:center;gap:9px;padding:15px 19px;font-size:10px;line-height:1.6;display:flex}.library-footer svg{color:#9b806e;width:17px;height:17px}.workspace{background:radial-gradient(at 45% 10%,#20252b30,#0000 60%);flex-direction:column;min-width:0;padding:28px 27px 17px;display:flex}.workspace-heading{justify-content:space-between;gap:10px;margin-bottom:25px;display:flex}.workspace-kicker{letter-spacing:1.5px;color:#a4abaf;align-items:center;gap:7px;margin:0 0 11px;font-size:8px;display:flex}.workspace-kicker .status-dot{background:var(--accent);width:5px;height:5px}.workspace-heading h2{letter-spacing:-.7px;margin-bottom:8px;font-size:23px;font-weight:550}.workspace-heading p{color:#808a97;font-size:10px;line-height:1.6}.help-button{border:1px solid var(--line);margin-top:19px}.editor-shell{background:#171b20;border:1px solid #343b45;border-radius:9px;flex-shrink:0;overflow:hidden;box-shadow:0 10px 28px #00000018}.editor-toolbar{background:#20242a;border-bottom:1px solid #2e343c;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.toolbar-group{align-items:center;gap:4px;min-width:0;display:flex}.toolbar-separator{border-left:1px solid #353c46;height:17px;margin:0 7px;display:inline-block}.canvas-caption{color:#8d97a5;letter-spacing:.1px;justify-content:space-between;padding:16px 19px 13px;font-size:9px;display:flex}.canvas-caption>span:first-child{align-items:center;gap:7px;min-width:0;display:flex}.canvas-caption>span:last-child{white-space:nowrap}.canvas-caption #canvasName{white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.canvas-dot{background:#707b8b;border-radius:1px;width:6px;height:6px;display:inline-block}.canvas-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3d4550 #14181d;touch-action:none;background:#101418;border:1px solid #303942;border-radius:3px;justify-content:safe center;align-items:safe center;height:clamp(280px,36vw,510px);min-height:260px;margin:0 18px 18px;display:flex;position:relative;overflow:auto}.stage-wrap{flex-shrink:0;position:relative}#stage{transform-origin:0 0;touch-action:none;cursor:default;display:block}.canvas-viewport.drawing #stage{cursor:crosshair}.canvas-viewport.panning #stage{cursor:grab}.canvas-viewport.panning #stage:active{cursor:grabbing}.canvas-controls{background:#1d2127;border-top:1px solid #2e343c;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.canvas-controls .button{gap:5px;font-size:9px}.canvas-controls .button svg{width:14px;height:14px}.canvas-controls .button.active{color:#a7b6b3;background:0 0}.zoom-controls{gap:1px}.zoom-controls .icon-button{width:25px;height:26px}.zoom-controls svg{width:14px;height:14px}.zoom-value{color:#b7c0cb;font-variant-numeric:tabular-nums;min-width:44px;font-size:10px}.quick-start-title{align-items:center;gap:12px;margin-bottom:12px;display:flex}.quick-start-title .eyebrow{color:#a0a8b4;letter-spacing:1.35px;font-size:8px}.quick-start-title>span:last-child{color:#66717f;font-size:9px}.quick-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.quick-card{text-align:left;background:#1c2026;border:1px solid #2d343e;border-radius:7px;align-items:center;gap:11px;min-width:0;padding:13px 11px;display:flex}.quick-card:hover{background:#24272c;border-color:#685144}.quick-card strong{white-space:nowrap;margin-bottom:5px;font-size:11px;font-weight:550;display:block}.quick-card small{color:#7e8996;font-size:8px;line-height:1.4;display:block}.quick-card>span:nth-child(2){min-width:0}.quick-card>[data-icon]{color:#6d7784;margin-left:auto}.quick-card svg{width:13px;height:13px}.quick-art{background:#2a2b2b;border-radius:5px;flex-shrink:0;gap:3px;width:35px;height:35px;padding:7px;display:grid}.roles-art{grid-template-columns:repeat(3,1fr);align-content:center}.roles-art i{background:#af846b;border-radius:1px;height:8px}.roles-art i:nth-child(4){margin-left:3px}.pool-art{background:#272f31;grid-template-columns:1fr 1fr}.pool-art i{background:#728f8d;border-radius:1px}.ascii-art{color:#a398b8;letter-spacing:1px;background:#2b2832;padding:2px 7px;font-size:18px;line-height:14px;display:block}.workspace-tip{color:#606c79;align-items:center;gap:7px;margin-top:auto;padding-top:22px;font-size:9px;display:flex}.workspace-tip svg{width:12px;height:12px}.tip-shortcut{margin-left:auto;font-size:8px}.tip-shortcut kbd{color:#7b8592;background:0 0;border-color:#303640;padding:1px 3px;font-size:8px}.inspector-panel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:660px;max-height:calc(100vh - 105px);display:flex;overflow:auto}.inspector-title{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:25px 18px 21px;display:flex}.inspector-title>span:first-child{color:#939ca9}.inspector-title svg{width:15px;height:15px}.inspector-title .count-badge{margin-left:auto;font-size:9px}.inspector-content{border-bottom:1px solid var(--line);padding:19px 18px;font-size:11px}.field-label{color:#9ca5b1;margin:13px 0 7px;font-size:10px;display:block}.field-label:first-child{margin-top:0}.field-pair{align-items:center;gap:9px;display:flex}.field-pair>*{flex:1;min-width:0}.input-unit{background:#14181d;border:1px solid #333b46;border-radius:5px;align-items:center;display:flex;overflow:hidden}.input-unit>span{color:#6f7a89;padding-left:9px;font-size:9px}.input-unit input{text-align:right;background:0 0;border:0;width:100%;padding:8px;font-size:10px}.input-unit .unit{padding-left:0;padding-right:8px;font-size:8px}.property-row{color:#939daa;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:10px;display:flex}.property-row strong{color:#cad0d8;font-size:10px;font-weight:400}.property-row .status-dot{width:5px;height:5px;margin-right:4px}.canvas-swatch{align-items:center;gap:7px;display:flex}.canvas-swatch i{background:#11161b;border:1px solid #3c454f;border-radius:3px;width:15px;height:15px;display:inline-block}.field-separator{border:0;border-top:1px solid var(--line);margin:17px 0}.inspector-hint{color:#7d8794;align-items:flex-start;gap:7px;margin-top:17px;font-size:9px;line-height:1.7;display:flex}.inspector-hint svg{color:#829990;width:14px;height:14px;margin-top:2px}.selection-actions{gap:4px;padding-top:12px;display:flex}.selection-actions .icon-button{border:1px solid var(--line);width:30px;height:28px}.danger{color:#df9088}.hero-chips{flex-wrap:wrap;gap:5px;max-height:115px;margin-top:11px;display:flex;overflow:auto}.hero-chip{color:#b9c3ce;background:#272e36;border:1px solid #353f4a;border-radius:4px;align-items:center;gap:4px;padding:3px 5px 3px 3px;font-size:8px;display:inline-flex}.hero-chip img{object-fit:cover;border-radius:2px;width:22px;height:15px}.hero-chip button{color:#8e99a7;padding:0;font-size:13px}.layers-panel{flex:1;min-height:200px;padding:21px 14px}.layers-panel>.section-heading{margin:0 4px 14px}.layer-head{color:#b0bac7;background:#21262d;border-radius:5px;align-items:center;gap:6px;margin-top:5px;padding:4px 6px;font-size:10px;display:flex}.layer-name{text-align:left;flex:1;align-items:center;gap:7px;padding:5px 0;display:flex}.layer-name svg{color:#7c8796;width:13px;height:13px}.layer-head .icon-button{width:22px;height:22px}.layer-items{padding:4px 0}.layer-item{color:#8995a5;text-align:left;border-radius:4px;align-items:center;gap:7px;width:100%;padding:8px 10px 8px 20px;font-size:9px;display:flex;position:relative}.layer-item svg{color:#647183;flex-shrink:0;width:12px;height:12px}.layer-item .item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.layer-item:hover{background:#222a32}.layer-item.selected:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:7px;bottom:7px;left:0}.layers-panel>.button{background:0 0;border-style:dashed;margin-top:14px;font-size:9px}.local-card{background:#1e2626;border:1px solid #2c3b39;border-radius:6px;align-items:flex-start;gap:9px;margin:10px 14px 17px;padding:12px 10px;display:flex}.local-icon{color:#83a799}.local-icon svg{width:16px;height:16px}.local-card strong{color:#aebfb9;font-size:9px;font-weight:500}.local-card p{color:#72877f;margin-top:5px;font-size:8px;line-height:1.7}.online-dot{background:#7faa97;border-radius:50%;width:4px;height:4px;margin-top:4px;margin-left:auto}.status-bar{color:#687586;letter-spacing:.2px;background:#181c21;border-top:1px solid #2b323b;justify-content:space-between;align-items:center;gap:12px;height:29px;padding:0 18px;font-size:8px;display:flex}.status-left{align-items:center;gap:6px;min-width:0;display:flex}.status-left .status-dot{width:4px;height:4px}.status-divider{color:#38414e;margin:0 3px}#statusText{text-overflow:ellipsis;white-space:nowrap;max-width:420px;overflow:hidden}#coordinates{font-variant-numeric:tabular-nums}.status-right{letter-spacing:1px;align-items:center;gap:7px;font-size:7px;display:flex}.version-badge{border:1px solid #343e4b;border-radius:3px;padding:1px 4px;font-size:7px}.status-right button{letter-spacing:0;color:#8190a1;border-left:1px solid #303944;margin-left:9px;padding-left:14px;font-size:8px}.status-right kbd{background:0 0;margin-left:5px;padding:1px 4px;font-size:7px}.range-label{color:#9da7b4;justify-content:space-between;align-items:center;margin:16px 0 0;font-size:10px;display:flex}.range-label output{color:#d1b39f;font-size:10px}.check-row{color:#9aa7b4;align-items:center;gap:7px;margin:12px 0;font-size:10px;display:flex}.drawing-tools{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:21px;display:grid}.drawing-tools button{border:1px solid var(--line);color:#8f9cac;border-radius:5px;padding:7px 0 5px;font-size:19px;line-height:23px}.drawing-tools small{font-size:7px;line-height:14px;display:block}.drawing-tools button.active{background:var(--accent-soft);color:var(--accent);border-color:#765141}#brushPreview{color:var(--accent);font-size:20px;line-height:18px}.symbol-library{grid-template-columns:repeat(7,1fr);gap:3px;max-height:170px;margin-top:10px;display:grid;overflow:auto}.symbol-library button{color:#b1becb;border:1px solid #2a333e;border-radius:4px;height:29px;font-family:Consolas,monospace;font-size:16px}.symbol-library button:hover,.symbol-library button.active{color:#e8ab86;background:#392d27;border-color:#9c6b51}details{border-top:1px solid var(--line);color:var(--muted);margin:17px 0;padding-top:12px}summary{cursor:pointer;margin-bottom:12px;font-size:10px}details .field-pair{margin-top:12px}details .button{padding:0 5px;font-size:8px}.frame-builder{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px;display:grid}.frame-builder input{text-align:center;width:100%;padding:5px}.hint{color:#82909f;margin:9px 0;font-size:10px;line-height:1.7}.image-upload{color:#b5c0ce;background:#151a20;border:1px dashed #495362;border-radius:7px;flex-direction:column;align-items:center;gap:10px;width:100%;margin:17px 0;padding:20px 8px;display:flex}.image-upload:hover{border-color:var(--accent);background:#242322}.image-upload svg{width:26px;height:26px;color:var(--accent)}.image-upload strong{font-size:11px;font-weight:500}.image-upload>span:last-child{color:#778697;font-size:9px}.image-source{border:1px solid var(--line);border-radius:6px;margin:15px 0;padding:5px}.image-source img{object-fit:contain;background:#0e1217;width:100%;height:85px;display:block}.image-source>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:6px;font-size:9px;display:block;overflow:hidden}.drop-overlay{border:2px dashed var(--accent);z-index:5;color:#e8c2ae;background:#241e19ee;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;inset:0}.drop-overlay svg{width:35px;height:35px}.empty-canvas{color:var(--muted);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;inset:0}.empty-canvas svg{color:#525f6c;width:38px;height:38px}.empty-canvas strong{color:#c6cfd9;font-size:17px;font-weight:500}.empty-canvas>span{font-size:11px;line-height:1.7}.empty-canvas button{pointer-events:auto;margin-top:6px;font-size:11px}.toast{z-index:30;color:#d4e3dd;background:#2a333a;border:1px solid #4d605d;border-radius:8px;max-width:calc(100vw - 40px);padding:13px 20px;font-size:12px;line-height:1.6;animation:.2s ease-out toast-in;position:fixed;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}.toast.error{color:#f0c3bd;background:#3b2626;border-color:#88534e}.modal{color:var(--text);background:#1c2128;border:1px solid #434952;border-radius:13px;width:500px;max-width:calc(100vw - 32px);max-height:85vh;padding:0;box-shadow:0 30px 100px #0007}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070b10bb}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:23px 25px 17px;display:flex}.modal-header h2{letter-spacing:-.5px;font-size:19px;font-weight:550}.modal-body{color:#9ba7b7;padding:22px 25px;font-size:12px;line-height:1.7}.modal-body p{margin:0 0 15px}.modal-body h3{color:#d9dfe7;margin:20px 0 10px;font-size:12px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:17px 25px;display:flex}.modal-footer .button{font-size:11px}.export-summary{gap:9px;margin-bottom:18px;display:flex}.export-summary>div{background:#151a20;border:1px solid #323a45;border-radius:7px;flex:1;padding:13px;font-size:9px}.export-summary strong{color:#e4c1ae;margin-bottom:7px;font-size:23px;font-weight:500;line-height:1.2;display:block}.export-warning{color:#d8b696;background:#3e31245e;border:1px solid #6d5640;border-radius:6px;margin-bottom:10px;padding:10px 12px;font-size:11px}.export-ok{color:#96bea8;align-items:center;gap:7px;margin-bottom:17px;font-size:11px;display:flex}.modal .hint{font-size:10px}.shortcuts-grid{grid-template-columns:1fr 1fr;gap:12px 18px;display:grid}.shortcuts-grid>div{justify-content:space-between;align-items:center;gap:7px;font-size:10px;display:flex}.text-mode{gap:8px;margin:12px 0;display:flex}.text-mode label{align-items:center;gap:6px;font-size:10px;display:flex}.text-mode input{width:12px}.config-select{margin-bottom:10px}.preview-mode .canvas-caption{color:#b8b3a3}.preview-mode .editor-toolbar{background:#272620}.preview-mode .canvas-viewport{border-color:#6a6253}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#39434f;border-radius:5px}::-webkit-scrollbar-track{background:0 0}@keyframes toast-in{0%{opacity:0;margin-bottom:-8px}to{opacity:1;margin-bottom:0}}@media (width>=1550px){.app-layout{grid-template-columns:288px minmax(420px,1fr) 282px}.brand{min-width:241px}.library-panel,.inspector-panel{min-height:740px}.workspace{padding:34px 35px 22px}.hero-library{gap:13px}.canvas-viewport{height:clamp(400px,34vw,600px)}.quick-card{padding:16px}.workspace-heading{margin-bottom:30px}.workspace-heading h2{font-size:27px}.panel-intro{padding:31px 22px}.panel-intro h1{font-size:23px}.hero-card .hero-name{padding:8px;font-size:11px}}@media (width<=1200px){.app-layout{grid-template-columns:230px minmax(380px,1fr) 220px}.brand{min-width:185px;font-size:15px}.app-header{gap:18px;padding:0 18px}.save-state{gap:0;font-size:0}.workspace{padding:24px 18px 16px}.panel-intro{padding:26px 15px 21px}.panel-intro h1{font-size:18px}.panel-intro p{font-size:9px}.mode-tabs{padding:0 9px}.mode-tabs button{font-size:9px}.mode-tabs svg{width:12px;height:12px}.inspector-content{padding:16px 13px}.canvas-viewport{height:320px;margin:0 12px 12px}.canvas-caption{padding-left:13px;padding-right:13px}.quick-cards{gap:7px}.quick-card{gap:8px;padding:11px 8px}.quick-card>span[data-icon]{display:none}.quick-art{width:28px;height:30px;padding:5px}.quick-card strong{font-size:9px}.quick-card small{font-size:7px}.workspace-tip .tip-shortcut{display:none}.toolbar-group{gap:1px}.editor-toolbar{padding:8px}.tool-button{width:29px;height:29px}.toolbar-separator{margin:0 5px}.workspace-heading h2{font-size:21px}.workspace-heading p{font-size:9px}.header-actions .button{font-size:11px}.header-actions{margin-left:auto}.library-footer{font-size:9px}}@media (width<=980px){.app-layout{grid-template-columns:216px minmax(380px,1fr)}.inspector-panel{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;grid-template-columns:220px 1fr 220px;min-height:0;max-height:none;display:grid}.inspector-title{display:none}.inspector-content{border-right:1px solid var(--line);border-bottom:0}.layers-panel{max-height:310px;padding:17px;overflow:auto}.local-card{align-self:start;margin-top:20px}.app-header{gap:13px}.brand{min-width:171px}.header-divider{display:none}.project-heading{min-width:0}.project-heading .eyebrow{font-size:7px}.project-name>span:first-child{max-width:160px}.save-state{display:none}.library-panel{min-height:620px;max-height:710px}.workspace{min-height:620px}.canvas-viewport{height:310px}.workspace-tip{padding-bottom:5px}.canvas-controls .button{font-size:8px}.status-bar{z-index:10;position:sticky;bottom:0}.status-right{display:none}}@media (width<=640px){.app-header{gap:6px;height:65px;padding:0 12px}.brand{gap:7px;min-width:0;font-size:13px}.brand-mark,.brand-mark svg{width:28px;height:28px}.brand small{letter-spacing:2px;font-size:6px}.project-heading,.header-actions>.ghost{display:none}.header-actions{gap:6px}.header-actions .button{height:32px;padding:0 9px;font-size:10px}.header-actions .secondary span:last-child{display:none}.app-layout{flex-direction:column;grid-template-columns:1fr;display:flex}.workspace{order:0;min-height:0;padding:20px 12px}.workspace-heading{margin-bottom:17px}.workspace-heading h2{font-size:22px}.workspace-heading p{max-width:290px;font-size:10px}.canvas-viewport{height:235px;min-height:200px;margin:0 8px 8px}.canvas-caption{padding:12px 10px;font-size:8px}.canvas-caption #canvasName{max-width:200px}.toolbar-separator{margin:0 3px}.tool-button{width:27px}.history-buttons .button span:last-child{display:none}.editor-toolbar{padding:7px}.canvas-controls{padding:8px}.workspace-bottom{margin-top:18px}.quick-cards{gap:6px}.quick-card{padding:10px;display:block}.quick-art{margin-bottom:9px}.quick-card strong{white-space:normal;font-size:10px}.quick-card small{font-size:8px}.workspace-tip{margin-top:0;padding-top:16px;font-size:8px}.library-panel{border-top:1px solid var(--line);border-right:0;order:1;min-height:300px;max-height:530px}.panel-intro{display:none}.mode-tabs{padding:0 20px}.mode-tabs button{padding-top:17px;font-size:11px}.mode-tabs svg{width:15px;height:15px}.hero-library{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 12px 15px}.hero-card .hero-name{padding:6px 4px;font-size:8px}.library-footer{padding:10px 17px}.library-footer br{display:none}.search-field{margin-top:15px}.attribute-filters{margin-bottom:13px}.mode-panel.padded{max-height:460px}.drawing-tools{grid-template-columns:repeat(7,1fr)}.symbol-library{grid-template-columns:repeat(10,1fr);max-height:100px}.inspector-panel{order:2;grid-template-columns:1fr 1fr;min-height:0}.local-card{grid-column:1/-1;justify-content:center;justify-self:stretch;margin:10px 16px}.local-card p br{display:none}.local-card .online-dot{margin-left:10px}.inspector-content{padding:18px 13px}.layers-panel{max-height:390px;padding:18px 9px}.layers-panel>.section-heading{font-size:8px}.layers-panel>.button{padding:0 5px;font-size:8px}.status-bar{gap:8px;padding:0 11px;font-size:7px}#statusText{max-width:220px}#coordinates{display:none}.shortcuts-grid{grid-template-columns:1fr}.modal-footer{flex-wrap:wrap}.modal-body,.modal-header,.modal-footer{padding-left:19px;padding-right:19px}.toast{width:max-content;font-size:11px}.check-row{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hero-library{grid-auto-rows:max-content}.hero-card{min-height:80px}.canvas-viewport{aspect-ratio:1193/593;height:auto;min-height:0}.app-layout{height:calc(100dvh - 105px);min-height:590px}.library-panel,.inspector-panel{min-height:0;max-height:none}.workspace{overflow:auto}.canvas-caption{padding-top:13px;padding-bottom:12px}.workspace-heading{margin-bottom:22px}.workspace-bottom{margin-top:21px}.hero-card img{height:auto}.focus-mode .library-panel,.focus-mode .inspector-panel,.focus-mode .workspace-bottom,.focus-mode .workspace-tip{display:none}.focus-mode .workspace{justify-content:flex-start;min-height:0}.focus-mode .canvas-viewport{aspect-ratio:auto;height:calc(100dvh - 300px);min-height:280px}.focus-mode .workspace-heading{margin-bottom:18px}.focus-mode .workspace-heading p,.focus-mode .workspace-kicker{display:none}.inspector-panel{overflow:hidden}.inspector-content{flex-shrink:0;max-height:46vh;overflow:auto}.layers-panel{min-height:110px;overflow:auto}.inspector-title{padding-top:21px;padding-bottom:18px}@media (height<=820px) and (width>=981px){.workspace{padding-top:20px;padding-bottom:14px}.workspace-heading{margin-bottom:16px}.workspace-heading p,.workspace-kicker,.workspace-tip{display:none}.workspace-heading h2{margin:0;font-size:21px}.help-button{width:26px;height:26px;margin:0}.canvas-viewport{aspect-ratio:auto;height:clamp(230px,100dvh - 420px,390px);margin-bottom:12px}.editor-toolbar{padding-top:7px;padding-bottom:7px}.canvas-caption{padding-top:10px;padding-bottom:10px}.canvas-controls{padding-top:7px;padding-bottom:7px}.workspace-bottom{margin-top:16px}.quick-card{padding-top:10px;padding-bottom:10px}.quick-start-title{margin-bottom:9px}}@media (width>=1550px){.canvas-viewport{height:auto}.workspace{justify-content:center}.workspace-tip{margin-top:24px}}@media (width<=980px){.app-layout{height:auto;min-height:0}.library-panel{height:650px;min-height:0;max-height:650px}.workspace{min-height:650px}.inspector-panel{min-height:0;max-height:none;overflow:visible}.inspector-content{max-height:370px}.canvas-viewport{height:auto}.workspace-tip{margin-top:auto}}@media (width<=640px){.library-panel{height:510px;max-height:510px}.workspace{min-height:0;overflow:visible}.canvas-viewport{aspect-ratio:auto;height:230px}.hero-card{min-height:65px}.workspace-heading{margin-bottom:17px}.workspace-bottom{margin-top:18px}.inspector-panel{overflow:visible}}@media (height<=820px) and (width>=981px){.inspector-content{max-height:32vh}.inspector-hint{font-size:9px}.focus-mode .canvas-viewport{height:calc(100dvh - 310px)}}@font-face{font-family:SF Pro Display;font-style:normal;font-weight:400;font-display:swap;src:local(SF Pro Display Regular),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYREGULAR.woff)format("woff")}@font-face{font-family:SF Pro Display;font-style:normal;font-weight:500;font-display:swap;src:local(SF Pro Display Medium),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYMEDIUM.woff)format("woff")}@font-face{font-family:SF Pro Display;font-style:normal;font-weight:700;font-display:swap;src:local(SF Pro Display Bold),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYBOLD.woff)format("woff")}:root{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header{flex:0 0 68px;height:68px;min-height:0}.app-layout{flex:1 1 0;grid-template-columns:254px minmax(0,1fr) 248px;height:auto;min-height:0;overflow:hidden}.library-panel,.inspector-panel{height:100%;min-height:0;max-height:none;overflow:hidden}.workspace{justify-content:flex-start;min-width:0;height:100%;min-height:0;padding:25px 26px 20px;overflow:hidden}.workspace-heading{flex:none;margin-bottom:20px}.workspace-heading h2{letter-spacing:-.7px;font-size:26px;font-weight:600}.workspace-heading p{font-size:12px}.editor-shell{flex-direction:column;flex:1 1 0;min-height:0;display:flex;box-shadow:0 12px 48px #0002}.editor-toolbar,.canvas-caption,.canvas-controls{flex:none}.canvas-viewport,.focus-mode .canvas-viewport{aspect-ratio:auto;flex:1 1 0;height:auto;min-height:0;margin:0 14px 14px;overflow:hidden}.canvas-controls{grid-template-columns:auto 1fr auto;gap:12px;padding:10px 14px;display:grid}.canvas-controls>.toolbar-group{justify-self:end}.symbol-counter{color:var(--muted);white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.symbol-counter strong{color:var(--text);font-variant-numeric:tabular-nums;margin-left:7px;font-size:12px}.symbol-count-icon{color:var(--accent);border:1px solid #e58d6c30;border-radius:5px;padding:4px 5px;font-size:11px}.status-bar{flex:0 0 30px;height:30px;min-height:0}.source-link{letter-spacing:0;color:#aaa29b;margin-left:9px;font-size:10px}.status-right{display:flex}.source-link:hover{color:var(--accent)}.panel-intro{flex-shrink:0;padding:23px 20px}.panel-intro p{font-size:11px}.mode-tabs{flex-shrink:0}.mode-panel{min-height:0;animation:.22s ease-out panel-arrive;overflow:auto}.mode-panel.padded{flex:1 1 0}#projectPanel{min-height:0}.project-panel{flex-direction:column;gap:23px;padding:23px 18px 16px;display:flex}.project-overview>div{align-items:baseline;gap:7px;margin-top:13px;display:flex}.project-overview strong{font-variant-numeric:tabular-nums;font-size:23px;font-weight:500;line-height:1}.project-overview>div>span{color:var(--muted);font-size:11px}.project-overview i{background:var(--line);width:1px;height:14px;margin:0 9px}.create-group-card{text-align:left;background:radial-gradient(at 100% 0,#e58d6c14,#0000 80%),#242322;border:1px solid #75574580;border-radius:12px;flex-direction:column;align-items:flex-start;padding:17px 15px;display:flex;position:relative;transition:background .18s,border-color .18s,transform .18s!important}.create-group-card:hover{background-color:#302924;border-color:#e58d6c99;transform:translateY(-2px)}.create-group-icon{color:var(--accent);border:1px solid #af7a5b80;border-radius:9px;place-items:center;width:32px;height:32px;margin-bottom:16px;display:grid}.create-group-icon svg{width:18px}.create-group-card strong{margin-bottom:6px;font-size:16px;font-weight:500}.create-group-card>span:not(.create-group-icon):not(.card-arrow){color:#aaa19a;font-size:11px}.card-arrow{color:#ae907e;font-size:20px;position:absolute;top:18px;right:17px}.canvas-guide{grid-template-columns:21px 1fr;align-items:center;gap:13px 10px;display:grid}.guide-step{color:#616b77;font-variant-numeric:tabular-nums;font-size:9px}.canvas-guide p{color:#9aa1ab;font-size:11px}.canvas-guide b{color:var(--accent);padding:0 2px;font-size:14px}.project-templates{border-top:1px solid var(--line-soft);flex-direction:column;gap:5px;padding-top:22px;display:flex}.project-templates>.eyebrow{margin-bottom:9px}.project-templates button{text-align:left;border-radius:7px;align-items:center;gap:11px;padding:10px 5px;display:flex}.project-templates button:hover{background:#ffffff07}.project-templates strong{font-size:12px;font-weight:500;display:block}.project-templates small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.project-templates button>span:last-child{color:#636b76;margin-left:auto}.template-icon{color:#a89381;text-align:center;width:25px;font-size:23px}.project-note{color:var(--muted);border:1px solid #353a40;border-radius:8px;align-items:center;gap:11px;padding:12px;font-size:10px;line-height:1.6;display:flex}.inspector-title{flex-shrink:0}.inspector-content{flex:0 auto;min-height:0;max-height:47%;overflow:auto}.layers-panel{flex:1 1 0;min-height:95px;max-height:none;overflow:auto}.local-card{flex-shrink:0}.local-card p{font-size:9px}.canvas-react-overlay{pointer-events:none;position:absolute;inset:0}.group-add{color:#181c21;pointer-events:auto;background:#e5ad89;border:1px solid #f1c5a3;border-radius:7px;place-items:center;width:27px;height:27px;padding:0;animation:.2s cubic-bezier(.2,.8,.3,1) plus-arrive;display:grid;position:absolute;transform:translate(-50%,-35%);box-shadow:0 2px 9px #0008}.group-add svg{stroke-width:2px;width:17px;height:17px}.group-add:not(:disabled):active{transform:translate(-50%,-35%)scale(.92)}.group-add:hover{background:#ffd1ac;box-shadow:0 3px 18px #e5ad8925}.group-add.empty{color:#e5ad89;width:86px;height:56px;box-shadow:none;background:#e5ad8913;border:1px dashed #bb9075;gap:2px;padding:7px;animation:.2s ease-out panel-arrive;transform:none}.group-add.empty span{font-size:10px}.group-add.empty:hover{background:#e5ad8928}.group-add.empty:not(:disabled):active{transform:scale(.96)}.resize-hint{white-space:nowrap;color:var(--muted);background:#1b2026ed;border:1px solid #4e5662;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 12px #0003}.resize-hint.locked{color:var(--accent);border-color:#a87757}.hero-picker{width:min(820px,100vw - 40px);max-width:none;height:min(730px,100dvh - 60px);max-height:none;color:var(--text);background:#1c2026;border:1px solid #42454b;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 35px 130px #0009,inset 0 0 0 1px #ffffff03}.hero-picker[open]{flex-direction:column;animation:.24s cubic-bezier(.18,.8,.28,1) picker-arrive;display:flex}.hero-picker::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b11b8;animation:.2s ease-out backdrop-arrive}.hero-picker.leaving{pointer-events:none;animation:.15s ease-in forwards picker-leave}.hero-picker.leaving::backdrop{animation:.15s ease-in reverse forwards backdrop-arrive}.picker-heading{flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 30px 20px;display:flex}.picker-heading .eyebrow{letter-spacing:1.8px;color:#a7988e;font-size:9px}.picker-heading h2{letter-spacing:-1px;margin:8px 0 9px;font-size:32px;font-weight:600}.picker-heading h2 span{color:var(--accent)}.picker-heading p{color:var(--muted);font-size:12px}.picker-heading p strong{color:#c2bab3;font-weight:500}.picker-close{color:#939ba5;border:1px solid #3b414b;border-radius:50%;flex-shrink:0;width:30px;height:30px;margin-top:1px;font-size:22px;line-height:1}.picker-close:hover{color:#fff;background:#343a44}.picker-search{background:#14181d;border:1px solid #373e48;border-radius:10px;flex-shrink:0;align-items:center;gap:11px;margin:0 30px 17px;padding:0 13px;transition:border-color .18s,box-shadow .18s;display:flex}.picker-search:focus-within{border-color:#b28165;box-shadow:0 0 0 3px #e5ad8910}.picker-search svg{color:#788390;flex-shrink:0;width:18px;height:18px}.picker-search input{background:0 0;border:0;outline:0;padding:14px 0;font-size:14px}.picker-search kbd{background:#252a30;border-color:#343b45;font-size:10px}.picker-filters{flex-shrink:0;gap:7px;padding:0 30px 20px;display:flex}.picker-filters button{color:#9da5af;border:1px solid #373e46;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.picker-filters button.active{color:#e6b495;background:#3d3028;border-color:#9e755b}.picker-filters button:hover{background:#353432}.picker-filters .attr{border-radius:2px;width:8px;height:8px}.picker-results-heading{color:#6f7a87;letter-spacing:1px;flex-shrink:0;justify-content:space-between;padding:0 30px 12px;font-size:9px;display:flex}.picker-results-heading span:last-child{letter-spacing:0;font-size:11px}.picker-grid{scrollbar-width:thin;scrollbar-color:#49505a transparent;flex:1 1 0;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;min-height:0;padding:2px 30px 22px;display:grid;overflow:auto}.picker-hero{text-align:left;background:#232931;border:1px solid #38414a;border-radius:9px;min-width:0;height:max-content;min-height:100px;padding:0;overflow:hidden;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s!important}.picker-hero:hover{border-color:#aa8974;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.picker-hero.chosen{background:#3c3028;border-color:#d09b78;box-shadow:0 0 0 1px #d09b7820}.picker-portrait{aspect-ratio:256/144;position:relative;overflow:hidden}.picker-portrait img{object-fit:cover;filter:saturate(.75);width:100%;height:100%;transition:transform .25s,filter .25s;display:block}.picker-hero:hover img,.picker-hero.chosen img{filter:saturate()}.picker-hero:hover img{transform:scale(1.045)}.picker-check{color:#e5d5c7;opacity:0;background:#13181ac9;border:1px solid #aaa4;border-radius:6px;place-items:center;width:20px;height:20px;font-size:17px;transition:opacity .15s,transform .18s;display:grid;position:absolute;top:7px;right:7px;transform:scale(.8)}.picker-hero:hover .picker-check,.picker-hero:focus-visible .picker-check,.picker-hero.chosen .picker-check{opacity:1;transform:scale(1)}.picker-hero.chosen .picker-check{color:#281e16;background:#e3ad87;border-color:#e3ad87;font-size:13px}.picker-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;padding:9px 7px;font-size:11px;display:flex;overflow:hidden}.picker-name .attr{border-radius:1px;flex-shrink:0;width:5px;height:5px}.picker-footer{background:#20252b;border-top:1px solid #353c45;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:17px 30px;display:flex}.picked-summary{color:#939eaa;align-items:center;gap:14px;font-size:12px;display:flex}.picked-summary strong{color:#e3c4ad;font-weight:500}.picked-portraits{padding-left:6px;display:flex}.picked-portraits:empty{display:none}.picked-portraits img{object-fit:cover;border:2px solid #20252b;border-radius:50%;width:32px;height:32px;margin-left:-6px;animation:.16s ease-out portrait-arrive}.picker-done{border-radius:8px;justify-content:space-between;min-width:118px}.picker-done>span{opacity:.5}.picker-empty{text-align:center;min-height:200px;color:var(--muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:15px;display:flex}.picker-empty>span{color:var(--accent);font-size:38px}.picker-empty strong{color:var(--text);font-size:16px;font-weight:500}.panel-access,.panel-dismiss{display:none}@keyframes panel-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes plus-arrive{0%{opacity:0;transform:translate(-50%,-35%)scale(.7)}to{opacity:1;transform:translate(-50%,-35%)scale(1)}}@keyframes picker-arrive{0%{opacity:0;transform:translateY(16px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes picker-leave{to{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes backdrop-arrive{0%{opacity:0}to{opacity:1}}@keyframes portrait-arrive{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (height<=820px){.workspace{padding:18px}.workspace-heading{margin-bottom:16px}.workspace-heading p,.workspace-kicker{display:none}.workspace-heading h2{margin:0;font-size:23px}.help-button{width:26px;height:26px;margin:0}.panel-intro{padding:19px 18px}.project-panel{gap:18px;padding-top:19px}.project-note{display:none}.create-group-card{padding:14px}.create-group-icon{margin-bottom:12px}.project-templates{padding-top:17px}.inspector-content{max-height:45%}.local-card{display:none}}@media (width<=1250px){.app-layout{grid-template-columns:220px minmax(0,1fr) 220px}.workspace{padding:16px}.canvas-controls{grid-template-columns:1fr auto;gap:8px}.canvas-controls>.toolbar-group:not(.zoom-controls){display:none}.canvas-caption{padding:11px 14px}.canvas-controls .toolbar-separator{margin:0 3px}.project-panel{padding-left:15px;padding-right:15px}.project-name>span:first-child{max-width:180px}.canvas-guide{gap:12px 6px}.panel-intro h1{font-size:21px}.editor-toolbar{gap:4px;padding-left:7px;padding-right:7px}.editor-toolbar .toolbar-separator{margin:0 3px}}@media (width<=1050px){.app-layout{grid-template-columns:210px minmax(0,1fr)}.app-layout>.inspector-panel{display:none}.panel-access{align-items:center;gap:7px;margin-left:auto;display:flex}.panel-access .button{min-height:28px;padding:6px 9px;font-size:11px}.panel-access .open-library{display:none}.workspace-heading{align-items:center;gap:7px}.workspace-heading h2{font-size:20px}.save-state{display:none}.header-actions{margin-left:auto}body.show-properties .app-layout>.inspector-panel{z-index:12;border-left:1px solid #42464d;width:270px;height:calc(100dvh - 98px);display:flex;position:fixed;top:68px;right:0;box-shadow:-15px 0 65px #0007}.panel-dismiss{color:#b3a293;flex-shrink:0;align-self:flex-end;margin:10px 15px 0;font-size:12px;display:block}}@media (width<=760px){.workspace-heading p,.workspace-kicker{display:none}.header-actions>.ghost{display:flex}.app-layout,.focus-mode .app-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.app-layout>.library-panel{display:none}.app-header{gap:13px;padding:0 15px}.header-divider,.project-heading .eyebrow{display:none}.brand{font-size:16px}.brand-mark{width:28px;height:28px}.brand small{display:none}.project-name{padding:0;font-size:11px}.project-name>span:first-child{max-width:120px}.workspace{padding:14px 10px 12px}.workspace-heading{margin-bottom:12px}.workspace-heading h2{font-size:18px}.panel-access .open-library{display:block}body.show-library .app-layout>.library-panel{z-index:12;border-right:1px solid #42464d;width:270px;height:calc(100dvh - 98px);max-height:none;display:flex;position:fixed;top:68px;left:0;box-shadow:15px 0 65px #0007}.panel-intro .eyebrow,.panel-intro p{display:block}.panel-intro h1{font-size:22px}.mode-tabs svg{display:block}.canvas-viewport{margin:0 9px 10px}.symbol-counter{gap:6px;font-size:11px}.canvas-controls{padding:9px}.inspector-content{max-height:45%}.status-bar{padding:0 10px}.status-right{font-size:0;display:flex}.status-right button{display:none}.source-link{font-size:9px}.hero-picker{border-radius:15px;width:calc(100vw - 24px);height:calc(100dvh - 30px)}.picker-heading{padding:22px 19px 18px}.picker-heading h2{font-size:28px}.picker-heading p{font-size:11px;line-height:1.5}.picker-search{margin-left:19px;margin-right:19px}.picker-filters{flex-wrap:wrap;gap:5px;padding:0 19px 16px}.picker-filters button{padding:8px;font-size:11px}.picker-results-heading{padding-left:19px;padding-right:19px}.picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-left:19px;padding-right:19px}.picker-footer{padding:14px 19px}.picker-name{gap:4px;padding:8px 5px;font-size:10px}}@media (width<=480px){#statusText{max-width:115px}.project-heading{display:none}.header-actions{gap:5px}.header-actions .button{min-height:32px;padding:0 9px;font-size:11px}.workspace-heading h2{font-size:16px}.help-button{display:none}.editor-toolbar .toolbar-group{gap:2px}.editor-toolbar .tool-button{width:26px;min-width:26px;height:29px}.editor-toolbar .tool-button svg{width:15px;height:15px}.history-buttons #previewButton{padding:0 4px}#previewButton>span:last-child{display:none}.canvas-controls{grid-template-columns:1fr auto}.symbol-count-icon{display:none}.symbol-counter{font-size:10px}.symbol-counter strong{margin-left:4px;font-size:11px}.zoom-controls .toolbar-separator{display:none}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.picked-portraits img{width:25px;height:25px}.picked-summary{gap:8px;font-size:11px}.picker-done{min-width:92px}.status-right{flex-shrink:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width>=761px) and (width<=1050px){.library-panel .panel-dismiss{display:none}}:root{--motion-ease:cubic-bezier(.2, .75, .25, 1);--muted:#a6afbc}.workspace-heading{align-items:center;margin-bottom:15px}.workspace-heading h2{letter-spacing:-.35px;font-size:22px}.panel-intro h1{letter-spacing:-.35px;margin:0;font-size:22px}#gridFilePanel{flex:none}.grid-file-panel{padding:0 18px 17px}.grid-file-name{color:#d2dce8;align-items:center;gap:7px;margin-bottom:15px;font-size:13px;display:flex}.grid-file-name svg{color:#c8a78f;flex-shrink:0;width:17px;height:17px}.grid-file-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid-file-label{color:#a9b7c8;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;display:flex}.grid-file-label span{font-variant-numeric:tabular-nums;border:1px solid #3a4654;border-radius:4px;padding:1px 6px}.grid-file-controls{gap:6px;display:flex}.grid-file-controls select{color:#eef3f9;text-overflow:ellipsis;border-color:#435060;flex:1;min-width:0;min-height:38px;font-size:14px}.grid-file-controls .button{flex:0 0 35px;place-items:center;min-width:35px;padding:0;display:grid}.grid-file-controls svg{width:18px;height:18px}.grid-file-rename{color:#bdc7d4;margin-top:8px;padding:3px 0;font-size:12px}.grid-file-rename:hover{color:var(--accent)}@media (width<=480px){.header-actions .button{padding:0 7px;font-size:10px}.brand{min-width:0}.brand>span:last-child{font-size:13px}}.project-panel{gap:20px}.canvas-guide{padding:0 3px;display:block}.canvas-guide p{color:#aeb7c4;margin:0;font-size:13px;line-height:1.6}.create-group-card>span:not(.create-group-icon):not(.card-arrow),.project-templates small{color:#aeb7c4;font-size:12px}.mode-tabs{gap:0;margin:0 14px;padding:0;position:relative}.mode-tabs button{min-width:0}.mode-tabs:before{content:"";background:var(--accent);width:33.3333%;height:2px;transform:translateX(calc(var(--tab-index,0) * 100%));transition:transform .3s var(--motion-ease);position:absolute;bottom:0;left:0}.mode-tabs button{font-size:12px}.mode-tabs button[aria-selected=true]:after{display:none}.library-panel :is(.field-label,.range-label,.check-row,.hint){font-size:13px;line-height:1.5}.library-panel :is(input:not([type=range]):not([type=checkbox]),select){font-size:13px}.section-heading{letter-spacing:.08em;font-size:12px}.inspector-panel{color:#edf0f4;background:#1a1e24}.inspector-title{gap:10px;padding:18px}.inspector-title h2{font-size:16px;font-weight:700}.inspector-panel .count-badge{color:#bdc6d2;padding:4px 7px;font-size:12px}.inspector-content{scrollbar-gutter:stable;max-height:58%;padding:16px 18px 18px;font-size:14px}.inspector-content h3{margin-bottom:13px;font-size:15px;font-weight:500}.inspector-panel .field-label{color:#b8c2d0;margin:12px 0 6px;font-size:13px;line-height:1.45}.inspector-panel :is(input,select){color:#f0f3f8;min-height:36px;padding:8px 10px;font-size:14px}.inspector-panel .input-unit{background:#12161b;border-color:#414955;border-radius:7px}.inspector-panel .input-unit>span{color:#a9b5c5;padding-left:10px;font-size:12px}.inspector-panel .input-unit .unit{padding:0 9px 0 0}.inspector-panel :is(.hint,.inspector-hint){color:#aab7c8;font-size:12px;line-height:1.55}.inspector-panel .inspector-hint{margin-top:12px}.inspector-panel .button{min-height:36px;font-size:13px}.inspector-panel .selection-actions{gap:7px}.inspector-panel .selection-actions .icon-button{width:36px;height:34px}.inspector-panel .hero-chip{gap:6px;padding:4px;font-size:12px}.inspector-panel .hero-chip img{width:30px;height:21px}.inspector-panel .hero-chip button{color:#c8d2df;width:20px;height:22px;font-size:17px}.layers-panel{scrollbar-gutter:stable;min-height:145px;padding:16px 12px}.layers-panel>.section-heading{z-index:2;color:#c2cbd6;letter-spacing:.07em;background:#1a1e24;margin:0 6px 12px;padding:9px 0;position:sticky;top:-16px}.layer-section{animation:layer-enter .26s var(--motion-ease);border:1px solid #0000;border-radius:8px;margin-bottom:6px;transition:border-color .16s,background .16s}.layer-section.artwork-layer{background:#202831;border-color:#343f4c}.layer-section.artwork-layer.selected{background:#3a302b;border-color:#bc8b6c}.layer-head{background:#242b34;border-radius:7px;gap:2px;margin:0;padding:4px}.artwork-layer .layer-head{background:0 0}.layer-name{color:#dce3ed;gap:7px;min-width:0;min-height:30px;padding:6px 3px;font-size:14px}.layer-name>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-name .item-count{color:#b5c1d1;flex-shrink:0;margin-left:auto;font-size:11px}.layer-name svg{color:#d8aa88;flex-shrink:0;width:17px;height:17px}.layer-head .icon-button{color:#b7c3d3;border-radius:5px;flex-shrink:0;width:28px;height:30px}.layer-head .icon-button svg{width:16px;height:16px}.layer-head .icon-button.off{color:#eab18a;background:#eab18a12}.layer-head .icon-button.danger:hover{color:#ffaba0;background:#ffaba018}.layer-head .icon-button:disabled{opacity:.35}.layer-collapse{color:#acb8c9;flex-shrink:0;place-items:center;width:23px;height:30px;display:grid}.layer-collapse svg{width:13px;height:13px;transition:transform .22s var(--motion-ease)}.layer-collapse[aria-expanded=true] svg{transform:rotate(90deg)}.layer-fold{opacity:0;transition:grid-template-rows .26s var(--motion-ease), opacity .18s;grid-template-rows:0fr;display:grid}.layer-fold.expanded{opacity:1;grid-template-rows:1fr}.layer-fold>div{min-height:0;overflow:hidden}.layer-item{color:#b5c2d3;gap:9px;min-height:35px;padding:7px 9px 7px 17px;font-size:13px}.layer-item svg{color:#96a9bf;width:16px;height:16px}.layer-item .item-count{color:#aabbd0;font-size:12px}.layer-item.selected{color:#f2c4a5;background:#dc9b7520}.layer-item.selected svg{color:#f2c4a5}.layer-empty{color:#a4b1c2;padding:10px 17px;font-size:12px}.hidden-layer .layer-name{color:#99a5b5}.hidden-layer .layer-name>span:first-of-type{-webkit-text-decoration:line-through #707c8d;text-decoration:line-through #707c8d}.layers-panel>.button{margin-top:12px}.group-add.empty{width:57px;height:98px}button,a,input,select,textarea{transition:background-color .17s,color .17s,border-color .17s,box-shadow .17s,opacity .17s}:is(.button,.tool-button,.icon-button,.picker-close,.layer-collapse){transition:background-color .17s, color .17s, border-color .17s, box-shadow .17s, opacity .17s, transform .18s var(--motion-ease)}:is(.button,.tool-button,.icon-button,.picker-close):not(:disabled):active{transform:scale(.95)}@media (hover:hover){.button:not(:disabled):hover{transform:translateY(-1px)}.button:not(:disabled):active{transform:translateY(0)scale(.97)}.tool-button:not(:disabled):hover svg,.project-templates button:hover .template-icon{transform:translateY(-1px)}}button svg,.template-icon{transition:transform .22s var(--motion-ease), color .17s}.project-templates button{transition:background-color .18s, border-color .18s, transform .22s var(--motion-ease)}.project-templates button:hover{transform:translate(3px)}.create-group-card{transition:border-color .2s, background-color .2s, box-shadow .25s, transform .25s var(--motion-ease)}.create-group-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0003}.create-group-card:active{transform:translateY(0)scale(.99)}.create-group-card:hover .create-group-icon svg{transform:rotate(90deg)}.mode-panel{animation:surface-enter .26s var(--motion-ease)}.editor-shell{animation:surface-enter .44s var(--motion-ease)}.project-panel>:nth-child(2){animation-delay:35ms}.project-panel>:nth-child(3){animation-delay:65ms}.project-panel>:nth-child(4){animation-delay:95ms}.picker-hero{animation:hero-enter .22s var(--motion-ease) both;transition:transform .22s var(--motion-ease), border-color .18s, background-color .18s, box-shadow .22s}.picker-hero:nth-child(3n+2){animation-delay:20ms}.picker-hero:nth-child(3n){animation-delay:40ms}.picker-hero:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0005}.picker-hero:active{transform:translateY(0)scale(.97)}.picker-hero.chosen .picker-check{animation:check-enter .24s var(--motion-ease)}.picker-name{color:#dce3eb;font-size:12px}.modal[open]{animation:surface-enter .23s var(--motion-ease)}.modal[open]::backdrop{animation:.2s ease-out backdrop-arrive}.modal.closing{pointer-events:none;animation:.15s ease-in forwards surface-leave}.modal.closing::backdrop{animation:.15s reverse forwards backdrop-arrive}.toast.leaving{animation:.18s ease-in forwards surface-leave}.image-source:not([hidden]),.drop-overlay:not([hidden]){animation:surface-enter .24s var(--motion-ease)}.empty-canvas:not([hidden]){animation:hero-enter .3s var(--motion-ease)}.symbol-counter strong{display:inline-block}.count-update{animation:check-enter .2s var(--motion-ease)}@keyframes surface-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes surface-leave{to{opacity:0;transform:translateY(5px)scale(.98)}}@keyframes layer-enter{0%{opacity:0;transform:translate(9px)}to{opacity:1;transform:translate(0)}}@keyframes hero-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes check-enter{0%{opacity:.55;transform:scale(.83)}65%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (width>=1051px){.app-layout{grid-template-columns:238px minmax(0,1fr) 310px}}@media (width>=1051px) and (width<=1250px){.app-layout{grid-template-columns:210px minmax(0,1fr) 296px}}@media (width<=1050px){body.show-properties .app-layout>.inspector-panel{width:min(330px,100vw - 20px);animation:layer-enter .24s var(--motion-ease)}}@media (width<=760px){body.show-library .app-layout>.library-panel{width:min(300px,100vw - 20px);animation:layer-enter .24s var(--motion-ease)}.workspace-heading h2{font-size:18px}.inspector-content{max-height:58%}}@media (height<=740px){.inspector-content{max-height:54%}.inspector-title{padding-top:13px;padding-bottom:13px}}.focus-mode .app-layout{grid-template-columns:minmax(0,1fr)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.rotation-handle{pointer-events:auto;touch-action:none;color:#f4bd9d;cursor:grab;background:#20272d;border:1px solid #b47f63;border-radius:50%;place-items:center;width:26px;height:26px;padding:4px;transition:background .13s,color .13s,box-shadow .13s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 7px #0006}.rotation-handle:hover,.rotation-handle:focus-visible{color:#161b20;background:#efb390;box-shadow:0 0 0 4px #efb39020}.rotation-handle:not(:disabled):active{cursor:grabbing;transform:translate(-50%,-50%)}.rotation-handle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.rotation-angle{color:#f5c5a7;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#191f26f5;border:1px solid #b47f63;border-radius:7px;align-items:center;gap:9px;padding:7px 10px;font-size:13px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 16px #0005}.rotation-angle span{color:#b9c4d0;font-size:11px}.rotation-angle.snapped{border-color:#f5c5a7}.image-dialog{width:min(1440px,100vw - 40px);max-width:calc(100vw - 24px);height:min(820px,100dvh - 48px);max-height:calc(100dvh - 32px);overflow:hidden}.image-dialog[open]{flex-direction:column;display:flex}.image-dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.image-dialog-source:not([hidden]){align-items:center;gap:14px;min-width:0;display:flex}.image-dialog-source img{object-fit:cover;border:1px solid var(--line);border-radius:9px;width:46px;height:46px}.image-dialog-source>div{min-width:0}.image-dialog-source h2{margin:0 0 4px;font-size:19px}.image-dialog-source span{text-overflow:ellipsis;white-space:nowrap;color:#aebbc9;font-size:12px;display:block;overflow:hidden}.image-dialog-body{flex:1;grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.image-preview-panel{background:#10151b;flex-direction:column;min-width:0;min-height:0;display:flex}.image-preview-heading{color:#aebbc9;font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;padding:12px 14px 0;font-size:11px;display:flex}.image-view-controls{border:1px solid var(--line);background:var(--field);border-radius:9px;align-self:center;gap:3px;margin:16px;padding:4px;display:flex}.image-view-controls button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px 14px;font-size:12px;transition:background .16s,color .16s,transform .16s}.image-view-controls button:hover{background:var(--panel-raised);color:var(--text)}.image-view-controls button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.image-view-controls button:active{transform:scale(.96)}.image-comparison{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:0;padding:0 16px 16px;display:grid}.image-original-pane,.image-result-pane{border:1px solid var(--line);background:var(--field);border-radius:8px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.image-original-viewport{flex:1;min-height:0;position:relative}.image-original-viewport img{object-fit:contain;width:100%;height:100%;padding:16px;position:absolute;inset:0}.image-dialog[data-view=source] .image-result-pane,.image-dialog[data-view=ascii] .image-original-pane{display:none}.image-dialog:not([data-view=split]) .image-comparison{grid-template-columns:minmax(0,1fr)}.image-dialog[data-view=source] .image-original-pane,.image-dialog[data-view=ascii] .image-result-pane,.image-dialog[data-view=split] .image-comparison{animation:focus-content-enter .22s var(--motion-ease)}.image-preview-viewport{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.image-preview-viewport canvas{outline:1px solid #35414d;flex:none;box-shadow:0 12px 35px #0003}.image-preview-status{color:#bdc9d6;min-height:38px;padding:0 22px 20px;font-size:12px}.image-dialog-settings{border-left:1px solid var(--line);scrollbar-width:thin;min-height:0;padding:10px 20px 20px;overflow-y:auto}.image-dialog-settings .field-label,.image-dialog-settings .range-label,.image-dialog-settings .check-row{color:#d6dfe9;font-size:13px}.image-dialog-settings input:not([type=checkbox]):not([type=range]),.image-dialog-settings select{width:100%;min-width:0;font-size:13px}.image-dialog-settings .range-label{margin-top:20px}.image-dialog-settings details{margin-top:18px}.image-dialog-settings summary{color:#e5eaf0;cursor:pointer;padding:10px 0}.image-dialog-settings .field-pair{margin-top:16px}.image-dialog-settings .field-pair .button{white-space:normal;min-width:0}.image-dialog-footer{border-top:1px solid var(--line);flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.image-dialog-footer>span{color:#aebbc9;margin-right:auto;font-size:12px}.image-dialog-footer .button{font-size:13px}.image-settings-section{border-bottom:1px solid var(--line);padding:16px 0}.image-settings-section h3{color:#e5eaf0;margin:0 0 16px;font-size:14px}.image-control{margin:16px 0}.image-control-heading{align-items:center;gap:8px;margin-bottom:8px;display:flex}.image-control-heading label{color:#d6dfe9;flex:1;font-size:13px}.image-dialog-settings .image-control-heading input[type=number]{text-align:right;font-variant-numeric:tabular-nums;flex:0 0 66px;width:66px;min-width:66px;padding:5px 7px;font-size:12px}.image-charset-input{position:relative}.image-dialog-settings .image-charset-input input{padding-right:42px}.charset-add{opacity:0;pointer-events:none;color:#efb69a;background:#d99c7e14;border:1px solid #d99c7e33;transition:opacity .14s,background .14s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.image-charset-field:hover .charset-add,.image-charset-field:focus-within .charset-add{opacity:1;pointer-events:auto}.charset-choices{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;max-height:260px;margin:18px 0;display:grid;overflow-y:auto}.charset-choice{color:#dae2ec;cursor:pointer;background:#141b22;border:1px solid #38434f;border-radius:7px;min-height:38px;font-size:19px;transition:background .14s,border-color .14s}.charset-choice:hover,.charset-choice:focus-visible{background:#694d3c;border-color:#d99c7e}.charset-selection{gap:8px;margin-bottom:12px;display:grid}.charset-selection output{color:#e7edf3;overflow-wrap:anywhere;letter-spacing:3px;max-height:100px;line-height:1.8;overflow-y:auto}@media (hover:none){.charset-add{opacity:1;pointer-events:auto}}@media (width<=700px){.image-dialog{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.image-dialog-header{padding:12px 14px}.image-dialog-source h2{font-size:17px}.image-dialog-body{grid-template-rows:minmax(220px,48%) minmax(0,1fr);grid-template-columns:1fr}.image-view-controls{margin:8px}.image-view-controls button{padding:6px 12px}.image-comparison{gap:6px;padding:0 8px 8px}.image-preview-heading{flex-wrap:wrap;gap:3px}.image-original-viewport img{padding:8px}.image-preview-heading{padding:12px 14px 0}.image-preview-status{min-height:26px;padding:0 14px 10px}.image-dialog-settings{border-left:0;border-top:1px solid var(--line);padding:4px 16px 16px}.image-dialog-footer{padding:12px 14px}.image-dialog-footer>span{display:none}}.drawing-window-button{margin-bottom:8px}#addAscii{margin-bottom:20px}.recent-symbols{background:#151d24;border-bottom:1px solid #303b45;flex-shrink:0;align-items:center;gap:5px;padding:8px 14px;display:flex}.recent-symbols>span:first-child{color:#aebcc9;margin-right:8px;font-size:11px}.recent-symbols button,.recent-empty{color:#ecddce;background:#202b35;border:1px solid #3d4a57;border-radius:6px;flex-shrink:0;place-items:center;width:29px;height:29px;font:16px StudioRadiance,sans-serif;display:inline-grid}.recent-symbols button{cursor:pointer;transition:background .12s,border-color .12s}.recent-symbols button:hover{background:#493b33;border-color:#c9916d}.recent-empty{opacity:.3}.category-select-all{margin:10px 0;font-size:12px}.charset-choice.active,.draft-symbols button.active{color:#ffe0cb;background:#493b33;border-color:#c9916d}.category-warning{color:#ffe5d8;background:#48231f;border-bottom:1px solid #c2684f;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;font-size:13px;line-height:1.4;display:flex}.category-warning>span{border:1px solid #f5ad81;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:18px;font-weight:700;display:grid}.category-warning p{color:#f5c1ad;margin:2px 0 0;font-size:12px}.category-counter{color:#bac7d3;white-space:nowrap;margin-left:10px;font-size:11px}.canvas-size-button{color:#bfccd8;cursor:pointer;font:inherit;background:0 0;border:0;padding:3px 5px}.canvas-size-button:hover{color:#ffc69e}.canvas-size-button span{opacity:.65}.canvas-size-note{color:#ff9790;margin:8px 0;font-size:11px;line-height:1.5}.canvas-size-persistent{background:#1d2026;margin:0;padding:5px 14px}.canvas-size-dialog{color:#e4ebf2;background:#1a222a;border:1px solid #4a5660;border-radius:16px;width:min(460px,100vw - 32px);margin:auto;padding:24px;position:fixed;box-shadow:0 24px 80px #0009}.canvas-size-dialog::backdrop{background:#05080bbd}.canvas-size-dialog h2{margin:0 0 20px}.canvas-size-dialog label{color:#c9d5e0;gap:8px;font-size:13px;display:grid}.canvas-size-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (width<=600px){.recent-symbols{gap:3px;padding:6px 8px}.recent-symbols>span:first-child{margin-right:2px;font-size:10px}.recent-symbols button,.recent-empty{width:25px;height:26px}.category-warning{padding:8px 10px;font-size:12px}.category-counter{margin-left:4px;font-size:10px}}.attribute-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}.picker-name .attribute-icon{width:18px;height:18px}.picker-results-heading{gap:12px}.picker-results-heading>span:nth-child(2){white-space:nowrap;margin-left:auto}.picker-results-heading .button{text-transform:none;letter-spacing:normal;font-size:12px}.group-add:not(.empty),.group-add:not(.empty):active{transform:translateY(-50%)}.group-add:not(.empty):hover{transform:translateY(-50%)scale(1.08)}.group-add:not(.empty){animation:.2s ease-out hero-plus-enter}@keyframes hero-plus-enter{0%{opacity:0;transform:translateY(-50%)scale(.8)}to{opacity:1;transform:translateY(-50%)scale(1)}}.align-actions{gap:6px;margin-bottom:14px;display:flex}.align-actions button{color:#f2e5dc;cursor:pointer;background:#242d36;border:1px solid #46525e;border-radius:7px;flex:1;padding:7px;font-size:20px}.align-actions button:hover{background:#3b3938;border-color:#bd886a}.canvas-warning{color:#f4cca7;background:#352a21;border-top:1px solid #6e5239;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:12px;animation:.18s ease-out notice-enter;display:flex}.canvas-warning button{color:#ffdfbf;cursor:pointer;background:#493626;border:1px solid #876444;border-radius:5px;padding:5px 12px}.canvas-warning button:disabled{opacity:.45;cursor:default}.reference-panel{border-top:1px solid #35414c;margin-top:20px;padding-top:16px}.reference-preview{align-items:center;gap:10px;padding:12px 0;display:flex}.reference-preview img{object-fit:contain;background:#0d141a;border-radius:5px;width:48px;height:38px}.reference-preview span{white-space:nowrap;text-overflow:ellipsis;color:#cbd4df;font-size:12px;overflow:hidden}.reference-actions{justify-content:space-between;align-items:center;gap:5px;display:flex}.reference-actions .button{font-size:11px}.reference-fields{grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;display:grid}.reference-fields label,.drawing-settings .field-pair>label,#brushDynamicsFields>label{color:#cbd4df;font-size:12px}.reference-fields input,.drawing-settings .field-pair input[type=number],#brushDynamicsFields input{width:100%;margin-top:5px}.drawing-dialog{color:#e5eaf0;background:#181f26;border:1px solid #43505e;border-radius:16px;width:min(1440px,96vw);max-width:96vw;height:min(900px,94dvh);max-height:94dvh;padding:0;overflow:hidden;box-shadow:0 28px 100px #000b}.drawing-dialog[open]{flex-direction:column;animation:.22s cubic-bezier(.2,.7,.2,1) drawing-enter;display:flex}.drawing-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03080dcc}.drawing-heading{border-bottom:1px solid #35404b;align-items:center;gap:18px;padding:18px 24px;display:flex}.drawing-heading h2{letter-spacing:-.5px;margin:4px 0 0;font-size:22px}.drawing-heading .picker-close{flex-shrink:0;position:static}.drawing-history{gap:6px;margin-left:auto;display:flex}.drawing-body{flex:1;grid-template-columns:minmax(0,1fr) 260px;min-height:0;display:grid}.drawing-workspace{background:#0e151b;flex-direction:column;min-width:0;min-height:0;display:flex}.drawing-toolbar{border-bottom:1px solid #283440;flex-wrap:wrap;gap:3px;padding:10px 12px;display:flex}.drawing-toolbar button{color:#adbcc9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;width:36px;height:34px;font-size:21px;transition:background .14s,color .14s,transform .14s}.drawing-toolbar button:hover{color:#fff;background:#2b3540;transform:translateY(-1px)}.drawing-viewport{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;overflow:hidden}.drawing-viewport canvas{touch-action:none;background:#141b22;outline:1px solid #354552;flex-shrink:0}.drawing-viewport canvas:focus-visible{outline:1px solid #b08a6d}.drawing-status{color:#b6c6d7;border-top:1px solid #283440;align-items:center;gap:20px;padding:12px 18px;font-size:12px;display:flex}.drawing-status strong{color:#f2ede8}.drawing-shortcuts{color:#a0b2c5;margin:0;padding:0 18px 12px;font-size:11px}.drawing-settings{color:#d7e0e8;border-left:1px solid #35404b;min-height:0;padding:18px;overflow-y:auto}.drawing-settings .field-label{margin-top:16px}.drawing-settings>.field-label:first-child{margin-top:0}.drawing-settings .hint{color:#b0c0d0;line-height:1.5}.draft-symbols{max-height:116px;margin-top:8px;overflow:auto}.draft-symbols button{color:#d8e3ed}.drawing-footer{border-top:1px solid #35404b;align-items:center;gap:10px;padding:16px 24px;display:flex}.drawing-footer>.drawing-error{margin-right:auto}.drawing-error{color:#ffb3a1;font-size:12px}@keyframes drawing-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes notice-enter{0%{opacity:0}to{opacity:1}}@media (width<=760px){.drawing-dialog{width:98vw;max-width:98vw;height:97dvh;max-height:97dvh}.drawing-heading{gap:8px;padding:12px}.drawing-heading h2{font-size:18px}.drawing-history .button{padding:5px;font-size:11px}.drawing-body{grid-template-columns:minmax(0,1fr) 200px}.drawing-settings{padding:12px}.drawing-toolbar{gap:1px;padding:5px}.drawing-toolbar button{width:28px;height:29px}.drawing-status{flex-wrap:wrap;gap:6px 12px;padding:8px}.drawing-shortcuts{padding:0 8px 8px}.drawing-footer{padding:10px}.picker-results-heading{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.group-add:not(.empty),.drawing-dialog[open],.canvas-warning{animation:none}.drawing-toolbar button{transition:none}}@media (width<=560px){.drawing-body{grid-template-rows:minmax(280px,1.15fr) minmax(140px,1fr);grid-template-columns:1fr}.drawing-settings{border-top:1px solid #35404b;border-left:0}.drawing-history{gap:3px}.drawing-heading .eyebrow{font-size:9px}.drawing-heading h2{font-size:16px}.drawing-status,.drawing-shortcuts{font-size:10px}}:root{--bg:#15141a;--panel:#211e29;--panel-raised:#2c2935;--line:#383340;--line-soft:#2d2935;--text:#efeaf5;--muted:#afa7bf;--subtle:#a39aaf;--accent:#c4b5ed;--accent-strong:#d6c8f7;--accent-soft:#c4b5ed18;--accent-ink:#231b35;--field:#19171f;--surround:#121117;--radius:8px;--motion-ease:cubic-bezier(.16, 1, .3, 1)}::selection{background:var(--accent);color:var(--accent-ink)}*{scrollbar-width:thin;scrollbar-color:#51495f transparent}input,textarea{caret-color:var(--accent)}input,select,textarea,.inspector-panel :is(input,select){background:var(--field);border-color:var(--line);color:var(--text)}input:hover,select:hover,textarea:hover{border-color:#766b87}input::placeholder,textarea::placeholder{color:var(--muted)}.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.primary:hover{background:var(--accent-strong);box-shadow:0 5px 16px #0003}.secondary{background:var(--panel-raised);color:var(--text);border-color:#0000}.secondary:hover{background:#3b3447;border-color:#0000}.ghost,.icon-button,.tool-button{color:var(--muted)}.ghost:hover,.icon-button:hover,.tool-button:hover{color:var(--text);background:var(--panel-raised)}.tool-button.active,.button.ghost.active{color:var(--accent);background:var(--accent-soft)}.field-label,.range-label,.check-row,.hint,.section-heading,.inspector-panel :is(.field-label,.hint,.inspector-hint),.count-badge{color:var(--muted)}.field-label,.range-label,.check-row{font-size:13px}.hint{font-size:12px;line-height:1.55}kbd{background:var(--panel-raised);color:var(--muted);border-color:#4c4359}.app-header{background:var(--bg);border-bottom:0;flex-basis:66px;gap:24px;height:66px;padding:0 25px}.brand-mark{color:var(--accent)}.brand,.brand:hover{color:var(--text)}.brand small,.brand-light{color:var(--muted)}.header-divider{background:var(--line)}.project-name{color:var(--text);font-size:14px}.save-state{color:var(--muted);font-size:12px}.header-actions{margin-left:auto}.header-actions .button{border-radius:8px;min-height:36px;font-size:13px}.header-actions #importButton{background:0 0}.studio-navigation{border-bottom:1px solid var(--line-soft);flex:0 0 48px;align-items:center;gap:22px;min-width:0;padding:0 25px;display:flex}.studio-navigation .mode-tabs{background:0 0;border:0;border-radius:0;align-self:stretch;gap:25px;margin:0;padding:0;display:flex}.studio-navigation .mode-tabs:before{display:none}.studio-navigation .mode-tabs button{color:var(--muted);background:0 0;border-radius:0;flex:none;align-items:center;gap:8px;padding:0 2px;font-size:13px;display:flex}.studio-navigation .mode-tabs svg{width:16px;height:16px;display:block}.studio-navigation .mode-tabs button[aria-selected=true]{color:var(--accent)}.studio-navigation .mode-tabs button[aria-selected=true]:after{background:var(--accent);height:1px;display:block;bottom:0;left:0;right:0}#gridFilePanel{min-width:0;max-width:340px;margin-left:auto}.grid-file-panel{align-items:center;gap:10px;padding:0;display:flex}.grid-file-name{display:none}.grid-file-label{white-space:nowrap;margin:0;font-size:12px}.grid-file-label span,.grid-file-rename{display:none}.grid-file-rename{height:30px;color:var(--muted);border-radius:6px;flex:0 0 28px;justify-content:center;align-items:center;margin:0;padding:6px;display:flex}.grid-file-rename span{display:none}.grid-file-rename svg{width:16px;height:16px}.grid-file-rename:hover{background:var(--panel-raised);color:var(--accent)}.grid-file-controls{min-width:0}.grid-file-controls select{background:var(--panel-raised);border:0;width:170px;min-height:32px;font-size:12px}.grid-file-controls .button{background:0 0;flex-basis:28px;min-width:28px;min-height:30px}.settings-toggle{flex-shrink:0;min-height:30px;padding:5px 10px;font-size:12px}.settings-toggle[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.studio-navigation .help-button{width:28px;height:28px;margin:0;display:inline-flex}.app-layout{--inspector-width:280px;--library-width:min(310px, calc(100vw - 72px));--workspace-padding:16px;grid-template-columns:minmax(0, 1fr) var(--inspector-width);padding:var(--workspace-padding);background:var(--surround);transition:grid-template-columns .24s var(--motion-ease), gap .24s var(--motion-ease);grid-template-rows:minmax(0,1fr);gap:16px;position:relative}.workspace,.focus-mode .workspace{min-height:0;padding:0}.editor-shell{box-shadow:none;background:#19171e;border:0;border-radius:10px;animation:none;position:relative;overflow:hidden}.editor-toolbar{background:0 0;border:0;flex-basis:0;height:0;min-height:0;padding:0;position:static}.editor-toolbar .tool-dock{transition:transform .24s var(--motion-ease);z-index:4;background:#2c2736;border-radius:10px;flex-direction:column;gap:3px;padding:6px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-45%);box-shadow:0 8px 24px #0004}body.show-library .editor-toolbar .tool-dock{transform:translate(var(--library-width), -45%)}.dock-add-group{color:var(--accent)}.editor-toolbar .tool-dock .toolbar-separator{background:#4c4359;width:22px;height:1px;margin:3px 0}.editor-toolbar .tool-dock .tool-button{border-radius:6px;width:32px;min-width:32px;height:32px}.editor-toolbar .history-buttons{z-index:4;gap:4px;position:absolute;top:8px;right:12px}.history-buttons .tool-button{width:29px;height:29px}.history-buttons .toolbar-separator{background:var(--line);margin:0 5px}#previewButton{min-height:29px;font-size:11px}#canvasTopTools{flex:none}.recent-symbols{background:0 0;border:0;gap:6px;min-height:50px;padding:11px 230px 11px 16px}.recent-symbols>span:first-child{color:var(--muted);font-size:11px}.recent-symbols button,.recent-empty{color:var(--text);background:#28232f;border-color:#0000;border-radius:5px}.recent-symbols button:hover{color:var(--accent);background:#3b3248}.canvas-caption{color:var(--muted);padding:10px 24px 12px 78px}.canvas-caption>span{color:var(--muted)}.canvas-viewport,.focus-mode .canvas-viewport{background:var(--surround);aspect-ratio:auto;border:0;border-radius:4px;flex:1 1 0;height:auto;min-height:0;margin:0 22px 16px 76px}.canvas-controls{background:#19171e;border:0;grid-template-columns:minmax(0,1fr) auto auto;gap:13px;min-height:52px;padding:12px 16px;display:grid}.canvas-controls>.toolbar-group:not(.zoom-controls){display:flex}.canvas-controls .button{font-size:11px}.symbol-counter{white-space:normal;flex-wrap:wrap;gap:8px;font-size:11px}.symbol-counter strong{margin-left:5px}.symbol-count-icon{color:var(--accent);background:#28232f;border:0}.category-counter{color:var(--muted)}.canvas-dot{background:var(--accent)}.canvas-size-button{color:var(--muted)}.canvas-size-button:hover{color:var(--accent);background:var(--panel-raised)}.app-layout>.inspector-panel{background:var(--panel);opacity:1;visibility:visible;min-width:0;min-height:0;transition:opacity .18s ease, transform .24s var(--motion-ease), visibility .24s;border:0;border-radius:10px;display:flex;overflow:hidden;transform:translate(0)}.inspector-title{border:0;padding:20px 18px 16px}.inspector-title h2{font-size:16px}.inspector-title svg{color:var(--muted)}.inspector-panel .count-badge{background:var(--panel-raised);color:var(--muted);border:0;font-size:11px}.inspector-content{max-height:58%;padding:0 18px 18px}.inspector-content h3{font-size:14px;font-weight:500}.inspector-panel .input-unit{background:var(--field);border-color:var(--line)}.inspector-panel .input-unit>span,.inspector-panel .input-unit .unit{color:var(--muted)}.inspector-panel .button{font-size:12px}.layers-panel{border-top:1px solid var(--line);padding:16px 12px 12px}.layers-panel>.section-heading{background:var(--panel);color:var(--muted);letter-spacing:.03em;margin-bottom:12px;font-size:11px}.layer-section,.layer-section.artwork-layer{background:0 0;border:0;margin-bottom:9px}.layer-section.artwork-layer.selected{background:var(--accent-soft);border:0}.layer-head{background:#272330}.layer-name,.layer-name svg,.layer-item,.layer-item svg,.layer-empty,.layer-item .item-count,.layer-name .item-count,.layer-head .icon-button svg,.hidden-layer .layer-name{color:var(--muted)}.layer-name{font-size:13px}.layer-item{font-size:12px}.layer-item.selected,.layer-item.selected svg{color:var(--accent);background:var(--accent-soft)}.layer-head .icon-button:hover,.layer-item:hover{background:#36303f}.layer-head .icon-button.off{color:var(--muted)}.align-actions button{color:var(--text);background:var(--panel-raised);border-color:var(--line)}.align-actions button:hover{border-color:var(--accent);background:#40354e}.hero-chip{background:var(--field);border-color:var(--line);color:var(--muted)}.group-add,.rotation-handle{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.group-add:hover,.rotation-handle:hover{background:var(--accent-strong);color:var(--accent-ink);border-color:var(--accent-strong)}.rotation-angle,.resize-hint{background:var(--panel-raised);color:var(--text);border-color:var(--line)}.rotation-angle.snapped,.resize-hint.locked{color:var(--accent);border-color:var(--accent)}.app-layout>.library-panel,body.show-library .app-layout>.library-panel{z-index:12;top:var(--workspace-padding);bottom:var(--workspace-padding);left:var(--workspace-padding);width:var(--library-width);background:var(--panel);visibility:hidden;opacity:0;height:auto;max-height:none;transition:opacity .17s, transform .24s var(--motion-ease), visibility .24s;border:0;border-radius:12px;display:flex;position:absolute;transform:translate(-14px);box-shadow:12px 12px 44px #0008}body.show-library .app-layout>.library-panel{visibility:visible;opacity:1;transform:translate(0)}.panel-intro{padding:20px 20px 18px}.panel-intro h1{font-size:21px}#libraryDismiss{position:absolute;top:15px;right:14px}#libraryDismiss .panel-dismiss{color:var(--muted);margin:0;padding:6px;font-size:12px;display:block}.panel-intro{padding-right:85px}#inspectorDismiss{display:none}.library-panel .mode-panel{animation:focus-content-enter .22s var(--motion-ease)}.library-panel #panel-heroes{overflow-y:auto}.project-panel{gap:20px;padding-top:0}.project-panel>*{animation:none}.project-panel .eyebrow,.picker-heading .eyebrow{display:none}.project-overview>div{margin-top:0}.create-group-card{background:var(--panel-raised);border:0;flex-flow:wrap;align-items:center;gap:10px;padding:15px}.create-group-card:hover{background:#393043}.create-group-icon{background:var(--accent-soft);border:0;width:28px;height:28px;margin:0}.create-group-card strong{margin:0;font-size:14px}.create-group-card>span:not(.create-group-icon):not(.card-arrow),.card-arrow{display:none}.canvas-guide{display:block}.canvas-guide p,.project-templates small,.project-note,.template-icon{color:var(--muted)}.project-templates{padding-top:15px}.image-upload{background:var(--field);border-color:#645673}.image-upload:hover{background:var(--panel-raised);border-color:var(--accent)}.image-upload>span,.image-upload svg{color:var(--muted)}.symbol-library button,.draft-symbols button{color:var(--text);background:var(--field);border-color:var(--line)}.symbol-library button.active,.symbol-library button:hover,.draft-symbols button.active,.drawing-tools button.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.focus-mode .app-layout{grid-template-columns:minmax(0,1fr) 0;column-gap:0}.focus-mode .app-layout>.inspector-panel{opacity:0;visibility:hidden;pointer-events:none;display:flex;transform:translate(12px)}@keyframes focus-content-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.modal,.hero-picker,.drawing-dialog,.charset-picker{background:var(--panel);color:var(--text);border-color:var(--line)}.modal::backdrop,.hero-picker::backdrop,.drawing-dialog::backdrop{background:#0b0912b8}.modal-header,.modal-footer,.drawing-heading,.drawing-footer,.drawing-status,.drawing-toolbar,.drawing-settings,.picker-footer,.picker-heading,.reference-panel{border-color:var(--line)}.picker-search,.picker-hero,.picker-close{background:var(--field);border-color:var(--line);color:var(--muted)}.picker-search:focus-within,.picker-hero:hover{border-color:var(--accent);box-shadow:none}.picker-filters button{border-color:var(--line);color:var(--muted)}.picker-filters button.active,.picker-hero.chosen{border-color:var(--accent);color:var(--accent);box-shadow:none;background:#393043}.picker-check{background:var(--accent);color:var(--accent-ink)}.picker-name,.picker-heading p strong{color:var(--text)}.picker-results-heading,.picked-summary,.picker-empty,.drawing-status,.drawing-shortcuts,.drawing-settings,.drawing-settings .hint,.image-preview-heading,.image-preview-status,.image-dialog-footer>span,.image-dialog-source span,.reference-preview span,.image-dialog-settings :is(.field-label,.range-label,.check-row),.drawing-settings .field-pair>label,.reference-fields label{color:var(--muted)}.image-preview-panel,.drawing-workspace{background:var(--surround)}.drawing-toolbar button{color:var(--muted)}.drawing-toolbar button.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.drawing-toolbar button:hover{background:var(--panel-raised)}.image-control-heading input,.image-dialog-settings input,.image-dialog-settings select{background:var(--field);color:var(--text);border-color:var(--line)}.toast{background:var(--panel-raised);color:var(--text);border-color:var(--line)}@media (width>=1600px){.app-layout{--inspector-width:310px;--workspace-padding:20px;gap:20px}.inspector-title{padding:24px 22px 20px}.inspector-content{padding-left:22px;padding-right:22px}}@media (width<=1100px){.app-layout{--inspector-width:250px;--workspace-padding:12px;gap:12px}.studio-navigation{gap:15px;padding:0 18px}.grid-file-label,.save-state{display:none}.canvas-controls{grid-template-columns:minmax(0,1fr) auto;gap:9px}.canvas-controls>.toolbar-group:not(.zoom-controls){grid-row:2;justify-self:start;display:flex}.zoom-controls{grid-area:1/2/span 2}.recent-symbols{padding-right:190px}#previewButton>span:last-child{display:none}.inspector-content{padding:0 14px 16px}}@media (width<=900px){.app-layout,.focus-mode .app-layout{grid-template-columns:minmax(0,1fr)}#inspectorDismiss{display:block}#inspectorDismiss .panel-dismiss{color:var(--muted);margin:14px 18px 0 auto;padding:5px;display:block}.app-layout>.inspector-panel{z-index:12;top:var(--workspace-padding);bottom:var(--workspace-padding);right:var(--workspace-padding);border:0;width:min(310px,100vw - 24px);height:auto;display:flex;position:absolute;box-shadow:-12px 12px 44px #0008}.studio-navigation .mode-tabs{gap:17px}.grid-file-controls select{width:135px}.canvas-controls{grid-template-columns:minmax(0,1fr) auto auto}.canvas-controls>.toolbar-group:not(.zoom-controls){grid-row:auto}.zoom-controls{grid-area:auto}}@media (width<=700px){.app-header{flex-basis:60px;gap:12px;height:60px;padding:0 14px}.header-actions .button{min-height:34px;padding:0 10px}.header-actions #importButton span:last-child,.project-heading{display:none}.studio-navigation{flex-wrap:wrap;flex-basis:90px;align-content:center;gap:0 10px;padding:0 14px}.studio-navigation .mode-tabs{order:0;gap:20px;width:100%;height:44px}.studio-navigation .help-button{order:4}#gridFilePanel{flex:1;order:2;margin-left:0}.settings-toggle{order:3;padding:5px 8px;font-size:11px}.grid-file-controls select{width:130px;min-height:30px}.grid-file-controls .button{display:none}.app-layout{--workspace-padding:8px;gap:0}.editor-toolbar{flex-basis:34px;height:34px}.editor-toolbar .history-buttons{top:4px;right:10px}.editor-toolbar .tool-dock{gap:2px;padding:4px;left:7px}.editor-toolbar .tool-dock .tool-button{width:28px;min-width:28px;height:28px}.recent-symbols{gap:6px;min-height:36px;padding:5px 12px 9px}.recent-symbols>span:first-child{font-size:10px}.recent-symbols button,.recent-empty{width:23px;height:23px}.canvas-caption{padding:5px 12px 10px 52px;font-size:10px}.canvas-viewport,.focus-mode .canvas-viewport{margin:0 10px 10px 52px}.canvas-controls{grid-template-columns:1fr auto;gap:6px;padding:8px 10px}.canvas-controls>.toolbar-group:not(.zoom-controls){grid-row:2}.zoom-controls{grid-area:1/2/span 2}.symbol-counter{gap:5px;font-size:10px}.symbol-count-icon{display:none}.symbol-counter strong{font-size:11px}.category-counter{font-size:10px}}@media (height<=620px) and (width>=701px){.app-header{flex-basis:54px;height:54px}.studio-navigation{flex-basis:40px}.app-layout{--workspace-padding:8px;gap:8px}.editor-toolbar .tool-dock .tool-button{width:27px;min-width:27px;height:25px}.editor-toolbar .tool-dock{gap:1px}.recent-symbols{min-height:41px;padding-top:7px;padding-bottom:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.editor-toolbar .tool-dock{background:#312b3c;padding:7px}.editor-toolbar .tool-dock .tool-button{color:#e2daef;justify-content:flex-start;gap:10px;width:112px;min-width:112px;height:36px;padding:0 9px;display:flex}.editor-toolbar .tool-dock .tool-button svg{stroke-width:1.8px;flex:none;width:18px;height:18px}.editor-toolbar .tool-dock .tool-button:hover{color:#fff;background:#494054}.editor-toolbar .tool-dock .tool-button.active{background:var(--accent);color:var(--accent-ink)}.dock-tool-label{font-size:12px;font-weight:500}.editor-toolbar .tool-dock .toolbar-separator{background:#5d516c;width:calc(100% - 12px)}.canvas-viewport,.focus-mode .canvas-viewport{margin-left:154px}.canvas-caption{align-items:center;gap:12px;padding-left:154px}#canvasName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-dimensions-edit{flex-shrink:0;position:relative}.canvas-dimension-inputs{align-items:center;gap:7px;font-size:11px;display:flex}.canvas-dimension-inputs label{color:var(--muted);align-items:center;gap:4px;display:flex}.canvas-dimension-inputs input[type=number]{font-variant-numeric:tabular-nums;background:var(--field);border:1px solid var(--line);width:64px;min-width:0;height:28px;min-height:28px;color:var(--text);appearance:textfield;border-radius:5px;padding:4px 5px;font-size:12px}.canvas-dimension-inputs input::-webkit-inner-spin-button{-webkit-appearance:none}.canvas-dimensions-edit>.canvas-size-note{text-align:right;max-width:230px;margin-top:5px;display:block}.default-area-legend{color:var(--muted);margin-left:12px;display:inline-block}.default-area-legend:before{content:"";vertical-align:middle;border-top:1px dashed var(--accent);width:16px;margin-right:6px;display:inline-block}.studio-tooltip{color:#fff;max-width:min(300px,100vw - 16px);font:12px/1.4 var(--font-ui,"SF Pro Display", sans-serif);pointer-events:none;z-index:1000;background:#393041;border:1px solid #655675;border-radius:7px;align-items:center;gap:12px;margin:0;padding:9px 12px;position:fixed;inset:auto;box-shadow:0 5px 18px #0006}.studio-tooltip:popover-open{animation:.13s ease-out tooltip-enter;display:flex}.studio-tooltip kbd{font:inherit;color:#d8cbea;background:#4a3e55;border:0;border-radius:3px;flex:none;padding:2px 5px}@keyframes tooltip-enter{0%{opacity:0;translate:0 3px}to{opacity:1;translate:0}}.canvas-context-menu{z-index:100;width:284px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--text);background:#282230;border:1px solid #5e506c;border-radius:11px;padding:7px;animation:.14s ease-out context-enter;position:fixed;overflow-y:auto;box-shadow:0 14px 46px #0008}@keyframes context-enter{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}.canvas-context-menu button{width:100%;min-height:34px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:12px;transition:background .13s,color .13s;display:flex}.canvas-context-menu button:hover:not(:disabled),.canvas-context-menu button:focus-visible{outline-offset:-2px;background:#493e56}.canvas-context-menu button:disabled{opacity:.4;cursor:default}.canvas-context-menu button[aria-checked=true]{background:var(--accent-soft);color:var(--accent)}.canvas-context-menu kbd{color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:0;font:10px inherit}.canvas-context-menu [role=separator]{background:#473c50;height:1px;margin:5px 4px}.context-tools,.context-action-pair{grid-template-columns:1fr 1fr;gap:3px;display:grid}.context-tools{padding-bottom:5px}.context-tools button{background:#332b3d}.canvas-context-menu .context-delete{color:#f2b3bd}#panel-image{overflow-y:auto}#panel-image .image-upload{min-height:106px;padding:16px}.ascii-library{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.ascii-library-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ascii-library-heading h2{margin:0;font-size:17px}.ascii-library-heading>span{color:var(--muted);font-size:12px}.ascii-library>input,.ascii-library>select{width:100%;margin-bottom:10px;font-size:13px}.art-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 14px;display:grid}.art-card{border:1px solid var(--line);background:var(--field);min-width:0;color:var(--text);cursor:pointer;text-align:left;border-radius:7px;padding:0;transition:border-color .16s,background .16s;overflow:hidden}.art-card:hover{border-color:var(--accent);background:#302637}.art-thumbnail{height:130px;position:relative}.art-thumbnail canvas,.art-large-preview canvas{width:100%;height:100%;display:block}.art-card>span{border-top:1px solid var(--line-soft);align-items:center;min-height:46px;padding:8px 9px;font-size:12px;line-height:1.3;display:flex}.art-dialog{background:var(--panel);width:min(900px,100vw - 32px);max-width:none;height:min(740px,100dvh - 40px);max-height:none;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden}.art-dialog[open]{animation:focus-content-enter .2s var(--motion-ease);flex-direction:column;display:flex}.art-dialog::backdrop{background:#0b0912b8}.art-dialog-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.art-dialog-heading h2{margin:0 0 3px;font-size:20px}.art-dialog-heading span{color:var(--muted);font-size:12px}.art-large-preview{background:var(--field);flex:1;min-height:0}.art-dialog-footer{border-top:1px solid var(--line);align-items:center;gap:10px;padding:16px 22px;display:flex}.art-dialog-footer>div{min-width:0;color:var(--muted);flex:1;font-size:12px}.art-dialog-footer .canvas-size-note{max-width:40ch;margin:6px 0 0}.art-dialog-footer .button{flex-shrink:0;font-size:13px}@media (width<=900px){.dock-tool-label{display:none}.editor-toolbar .tool-dock .tool-button{justify-content:center;width:34px;min-width:34px;height:34px;padding:0}.editor-toolbar .tool-dock{padding:5px}.canvas-viewport,.focus-mode .canvas-viewport{margin-left:76px}.canvas-caption{padding-left:76px}}@media (width<=700px){.canvas-viewport,.focus-mode .canvas-viewport{margin-left:64px}.canvas-caption{flex-wrap:wrap;gap:5px;padding-bottom:8px;padding-left:14px}.canvas-dimensions-edit{margin-left:auto}.canvas-dimension-inputs{gap:4px}.canvas-dimension-inputs input[type=number]{width:52px;font-size:11px}#canvasName{max-width:100px}.default-area-legend{margin-left:0;display:block}.art-dialog{width:calc(100vw - 24px);height:calc(100dvh - 32px)}.art-dialog-footer{flex-wrap:wrap;justify-content:flex-end;padding:12px 14px}.art-dialog-footer>div{flex:0 0 100%}}@media (height<=620px){.editor-toolbar .tool-dock .tool-button{height:25px}.editor-toolbar .tool-dock{gap:1px}}input[type=radio]{appearance:none;background:var(--field);vertical-align:middle;cursor:pointer;border:1px solid #796989;border-radius:50%;width:16px;height:16px;padding:0}input[type=radio]:checked{border:5px solid var(--accent)}::-webkit-scrollbar-button{display:none}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-field{align-items:center;width:100%;min-width:0;display:inline-flex;position:relative}.number-field>input[type=number]{font-variant-numeric:tabular-nums;width:100%;padding-right:28px}.number-step-buttons{grid-template-rows:1fr 1fr;width:22px;display:grid;position:absolute;top:2px;bottom:2px;right:2px}.number-step-buttons button{width:100%;min-height:0;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex}.number-step-buttons svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.number-step-buttons button:hover:not(:disabled){color:var(--text);background:#4a4058}.number-step-buttons button:active:not(:disabled){color:var(--accent-ink);background:var(--accent)}.number-step-buttons button:disabled{opacity:.4;pointer-events:none}.number-field:has(input:disabled) .number-step-buttons{opacity:.4;pointer-events:none}.canvas-dimension-inputs .number-field{width:80px}.canvas-dimension-inputs .number-field input{min-height:30px}.input-unit.number-field{padding-right:24px}.input-unit.number-field>input{padding-right:0}.input-unit.number-field .unit{display:none}.image-control-heading>.number-field{flex:none;width:94px}.image-control-heading>.number-field input{width:100%}.reference-fields .number-field,.drawing-settings .number-field{display:flex}input[type=checkbox]{appearance:none;background:var(--field);vertical-align:middle;border:1px solid #796989;border-radius:4px;flex-shrink:0;width:16px;height:16px;min-height:16px}input[type=checkbox]:checked,input[type=checkbox]:indeterminate{border-color:var(--accent);background-color:var(--accent);background-position:50%;background-repeat:no-repeat}input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='%23231b35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8h8' stroke='%23231b35' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}input[type=range]{appearance:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:#554861;border-radius:3px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #302639;border-radius:50%;width:14px;height:14px;margin-top:-5px}input[type=range]::-moz-range-track{background:#554861;border-radius:3px;height:4px}input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid #302639;border-radius:50%;width:10px;height:10px}input[type=search]::-webkit-search-cancel-button{appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 4 8 8M12 4l-8 8' stroke='%23afa7bf' stroke-width='1.5'/%3E%3C/svg%3E") 50%/contain;width:14px;height:14px}select{white-space:nowrap;text-overflow:ellipsis;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23afa7bf' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:14px;padding-right:30px}@supports (appearance:base-select){select{appearance:base-select}select::picker(select){appearance:base-select}select::picker-icon{display:none}select::picker(select){color:var(--text);background:#282230;border:1px solid #5e506c;border-radius:8px;max-height:min(340px,60dvh);padding:5px;font:13px/1.4 SF Pro Display,sans-serif;box-shadow:0 12px 28px #0006}select option{cursor:pointer;border-radius:4px;min-height:34px;padding:8px 10px}select option:hover,select option:focus{background:#493e56;outline:none}select option:checked{color:var(--accent);background:#c4b5ed20}select option::checkmark{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='%23c4b5ed' stroke-width='2'/%3E%3C/svg%3E") 50%/contain;width:12px;height:12px}}.context-reflections{align-items:center;gap:5px;padding:3px 4px 3px 9px;display:flex}.context-reflections>span{color:var(--muted);flex:1;font-size:12px}.context-reflections button{background:#332b3d;justify-content:center;width:40px;height:34px}.reflection-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.dock-label-toggle{width:112px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:flex-start;align-items:center;gap:8px;padding:0 9px;display:flex}.dock-label-toggle .dock-tool-label{font-size:10px}.dock-label-toggle:hover{color:var(--text);background:#494054}.dock-label-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}.dock-label-toggle svg>path:first-child{opacity:.4}.dock-label-toggle .dock-toggle-arrow{stroke-width:2px;fill:#312b3c}.editor-toolbar .tool-dock{transition:left .28s var(--motion-ease), width .2s ease}.editor-toolbar .tool-dock .tool-button{transition:width .2s,min-width .2s,background .13s;overflow:hidden}.dock-tool-label{white-space:nowrap}.compact-dock .tool-dock .dock-tool-label{display:none}.compact-dock .editor-toolbar .tool-dock .tool-button,.compact-dock .dock-label-toggle{justify-content:center;width:36px;min-width:36px;padding:0}.compact-dock .canvas-viewport{margin-left:76px}.compact-dock .canvas-caption{padding-left:76px}.preview-exit{z-index:2;color:#e1dbd2;cursor:pointer;background:#211d18;border:1px solid #59534b;border-radius:7px;align-items:center;gap:9px;padding:8px 12px;font-size:12px;display:flex;position:absolute;top:14px;right:18px}.preview-exit[hidden]{display:none}.preview-exit svg{width:15px;height:15px}.preview-exit kbd{color:#b6ada0;background:0 0;border:0}.game-preview .editor-shell{z-index:300;background:linear-gradient(#261e12,#140f0a);border-radius:0;width:100%;height:100dvh;position:fixed;inset:0}.game-preview .editor-shell>:not(#canvasViewport):not(#closePreview){display:none!important}.game-preview #canvasViewport{left:var(--preview-x);top:var(--preview-y);width:var(--preview-w);height:var(--preview-h);overscroll-behavior:contain;touch-action:pan-x pan-y;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;position:absolute;overflow:auto}.game-preview #stage{cursor:default;touch-action:pan-x pan-y}.game-preview #canvasReactOverlay,.game-preview #emptyCanvas,.game-preview #dropOverlay{display:none!important}.game-preview .preview-exit:focus-visible{outline-color:#c4b5ed}.export-guide{color:var(--text);margin-top:26px;font-size:15px;line-height:1.6}dialog:has(.export-guide){width:min(680px,100vw - 32px)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;margin:0 9px 2px 1px;transition:transform .16s;display:inline-block;transform:rotate(-45deg)}details[open]>summary:before{transform:rotate(45deg)}.export-guide h3{margin-bottom:14px;font-size:20px}.export-guide ol{margin:0;padding-left:22px}.export-guide li{margin-bottom:14px;padding-left:3px}.export-guide p{font-size:inherit;line-height:inherit;color:var(--text);margin:10px 0}.export-guide code{background:var(--field);overflow-wrap:anywhere;font:inherit;color:var(--accent);-webkit-user-select:all;user-select:all;border-radius:6px;margin-top:8px;padding:10px 12px;display:block}@media (width<=900px){.dock-label-toggle{display:none}.tool-dock:has(.dock-label-toggle)>.toolbar-separator:nth-last-child(2){display:none}.compact-dock .canvas-viewport{margin-left:70px}.compact-dock .canvas-caption{padding-left:16px}}@media (width<=700px){.compact-dock .canvas-viewport{margin-left:64px}.canvas-dimension-inputs .number-field{width:76px}.canvas-dimension-inputs{gap:4px}.preview-exit{top:10px;right:10px}}@media (height<=620px){.dock-label-toggle{height:24px}}