.workspace-page{background:#15141a;height:100dvh;min-height:0;overflow:auto}.workspace-topbar{border-bottom:1px solid #383340;justify-content:space-between;align-items:center;gap:24px;padding:22px 30px;display:flex}.workspace-topbar>div{align-items:center;gap:24px;min-width:0;display:flex}.workspace-topbar .catalog-brand{text-decoration:none}.workspace-shell{flex:1;grid-template-columns:228px minmax(0,1fr);display:grid}.workspace-sidebar{border-right:1px solid #383340;flex-direction:column;justify-content:space-between;gap:80px;padding:28px 18px;display:flex}.workspace-sidebar nav{gap:8px;display:grid}.workspace-sidebar nav :is(a,button){color:#afa7bf;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.workspace-sidebar nav button[aria-current=page]{color:#efeaf5;background:#2c2935}.workspace-sidebar nav :is(a,button):hover{color:#efeaf5;background:#211e29}.workspace-sidebar nav a:first-of-type{margin-top:22px}.workspace-sidebar-foot{gap:12px;display:grid}.workspace-storage-note{color:#afa7bf;padding:10px 12px;font-size:13px}.workspace-storage-note strong{color:#efeaf5;font-weight:500}.workspace-storage-note .account-profile>span:last-child{overflow-wrap:anywhere;min-width:0}.workspace-storage-note p{margin:10px 0;line-height:1.65}.workspace-main{min-width:0;padding:42px clamp(24px,4vw,68px)}.files-heading{z-index:10;border-bottom:1px solid #383340;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding-bottom:28px;display:flex;position:relative}.files-heading>div:first-child{min-width:0}.files-title{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.files-heading h1{margin:0;font-size:32px}.workspace-file-count{color:#afa7bf;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.files-heading p{color:#afa7bf;max-width:42ch;margin:0;font-size:14px}.workspace-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.workspace-import-actions{grid-template-columns:minmax(96px,176px) max-content;align-items:stretch;gap:10px;display:grid}.workspace-actions .workspace-search{color:#afa7bf;background:#19171f;border:1px solid #383340;border-radius:9px;gap:8px;width:100%;min-width:0;padding:0 12px;transition:border-color .12s,box-shadow .12s}.workspace-actions .workspace-search:focus-within{border-color:#c4b5ed;outline:none;box-shadow:0 0 0 3px #c4b5ed29}.workspace-search svg{flex-shrink:0;width:16px;height:16px}.workspace-search input{width:100%;min-width:0;font-size:13px}.workspace-import{cursor:pointer;display:inline-flex!important}.workspace-files{grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:30px 24px;display:grid}.workspace-file,.workspace-carousel{min-width:0}.workspace-carousel-body{aspect-ratio:1193/593;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;display:grid;position:relative}.workspace-carousel-body.has-pages{grid-template-columns:minmax(0,1fr) 24px}.workspace-file-preview{color:#afa7bf;background:#1c160f;border:0;border-radius:8px;width:100%;height:100%;min-height:0;padding:0;transition:outline-color .15s;display:block;overflow:hidden}.workspace-carousel .workspace-file-preview{touch-action:pan-y;-webkit-user-select:none;user-select:none}.workspace-carousel-slide{align-items:center;width:100%;height:100%;animation:.21s cubic-bezier(.16,1,.3,1) both workspace-grid-change;display:flex}.workspace-carousel-dots{scrollbar-width:none;overscroll-behavior:contain;flex-direction:column;align-items:center;width:24px;padding:3px 0;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden auto}.workspace-carousel-dots:before,.workspace-carousel-dots:after{content:"";flex:1 0 0}.workspace-carousel-dots::-webkit-scrollbar{display:none}.workspace-carousel-dots button{cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 24px;place-items:center;width:24px;min-height:24px;padding:0;display:grid}.workspace-carousel-dots button span{background:#81778f;border-radius:50%;width:6px;height:6px;transition:transform .14s cubic-bezier(.2,.8,.2,1),background-color .14s ease-out}.workspace-carousel-dots button:hover span{background:#efeaf5}.workspace-carousel-dots button[aria-pressed=true] span{background:#c4b5ed;transform:scale(1.4)}.workspace-carousel-caption{justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:28px;margin-top:10px;display:flex}.workspace-grid-name{color:#afa7bf;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.workspace-carousel-nav{flex-shrink:0;align-items:center;gap:3px;display:flex}.workspace-carousel-nav .catalog-icon{width:28px;height:28px;padding:5px}.workspace-carousel-nav .catalog-icon svg{width:16px;height:16px}.workspace-grid-count{color:#efeaf5;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.workspace-grid-count>span{color:#afa7bf}.workspace-preview-error{color:#d8bbc9;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.5}.workspace-preview-error .catalog-link{margin-left:8px}@keyframes workspace-grid-change{0%{opacity:.45;transform:translateX(var(--slide-offset,14px))}to{opacity:1;transform:translate(0)}}.workspace-file-preview:hover:not(:disabled){outline-offset:3px;outline:2px solid #c4b5ed}.workspace-file-empty{background:#1b1921;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.workspace-file-info{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:16px;display:flex}.workspace-file-info button{color:#efeaf5;text-align:left;background:0 0;border:0;max-width:100%;padding:0;display:block}.workspace-file .workspace-file-info h2{overflow-wrap:anywhere;margin:0;font-size:16px}.workspace-file-info time{color:#afa7bf;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.workspace-file-actions{align-items:center;gap:3px;margin:8px -8px 0;display:flex}.workspace-file-actions .catalog-link{margin-left:9px;margin-right:auto;font-size:13px}.workspace-empty{text-align:center;color:#afa7bf;padding:70px 20px}.workspace-empty>svg{width:36px;height:36px;margin-bottom:20px}.workspace-empty h2{color:#efeaf5}.workspace-empty p{max-width:45ch;margin:0 auto}.workspace-back{color:#c4b5ed;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:7px;padding:10px 5px;display:flex}.workspace-back svg{width:19px;height:19px}.workspace-loading{color:#efeaf5;background:#15141a;place-content:center;height:100dvh;display:grid}@media (width<=1100px){.files-heading{flex-direction:column;align-items:flex-start}.workspace-shell{grid-template-columns:190px minmax(0,1fr)}}@media (width<=700px){.workspace-topbar{align-items:flex-start;padding:18px}.workspace-topbar>div{gap:14px}.workspace-topbar .community-link{display:none}.workspace-topbar .account-button{padding:8px 10px;font-size:13px}.workspace-shell{flex-direction:column;display:flex}.workspace-sidebar{border-bottom:1px solid #383340;border-right:0;gap:12px;padding:16px 18px}.workspace-sidebar nav{flex-wrap:wrap;display:flex}.workspace-sidebar nav a,.workspace-sidebar nav a:first-of-type{margin:0}.workspace-storage-note{padding:0 12px}.workspace-main{padding:28px 20px}.workspace-files{grid-template-columns:1fr}.workspace-actions{width:100%}.workspace-import-actions{grid-template-columns:minmax(96px,1fr) max-content;width:100%}.workspace-actions .catalog-button{padding-inline:12px;font-size:13px}.workspace-back span{display:none}}@media (prefers-reduced-motion:reduce){.workspace-page *{transition:none!important;animation:none!important}}@keyframes workspace-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.workspace-create{position:relative}.workspace-create-menu{z-index:20;transform-origin:100% 0;background:#1f1c26;border:1px solid #383340;border-radius:12px;gap:4px;width:max-content;min-width:300px;padding:6px;animation:.18s cubic-bezier(.2,.8,.2,1) both workspace-menu-in;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #0009}.workspace-create-menu :is(a,button){color:#efeaf5;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:14px;padding:11px 14px;text-decoration:none;transition:background .14s;display:flex}.workspace-create-menu :is(a,button):hover,.workspace-create-menu :is(a,button):focus-visible{background:#2c2935;outline:none;text-decoration:none!important}.workspace-create-menu a *{text-decoration:none!important}.workspace-create-menu svg{color:#c4b5ed;flex-shrink:0;width:20px;height:20px}.workspace-create-menu span{gap:2px;display:grid}.workspace-create-menu b{font-weight:500}.workspace-create-menu small{color:#afa7bf;font-size:13px}.workspace-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}@media (width<=700px){.workspace-create-menu{min-width:min(300px,100vw - 40px)}}.files-title .workshop-switch{align-self:center}.workspace-background-picture{aspect-ratio:1193/593;background:#000;border-radius:8px;transition:outline-color .15s;display:block;position:relative;overflow:hidden}.workspace-background-picture:hover{outline-offset:3px;outline:2px solid #c4b5ed}.workspace-background-picture img,.workspace-background-picture video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.workspace-background-picture video{opacity:0;transition:opacity .22s}.workspace-background:hover .workspace-background-picture video.is-playing{opacity:1}.workspace-background-caption{color:#afa7bf;align-items:center;gap:8px;min-width:0;min-height:28px;margin-top:10px;font-size:12px;display:flex}.workspace-background-caption svg{color:#c4b5ed;flex-shrink:0;width:14px;height:14px}.workspace-background-caption span:first-of-type{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.workspace-background-away{color:#c4b5ed;white-space:nowrap;background:#c4b5ed1f;border-radius:999px;margin-left:auto;padding:1px 8px}.workspace-background .workspace-file-info a{color:#efeaf5;min-width:0;text-decoration:none}.workspace-publication{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex-shrink:1;min-width:0;max-width:60%;margin-left:auto;padding:1px 8px;text-decoration:none;overflow:hidden}.workspace-publication.is-pending{color:#e8c77a;background:#e8c77a1f}.workspace-publication.is-approved{color:#8fd3a1;background:#8fd3a11f}.workspace-publication.is-approved:hover{background:#8fd3a133}.workspace-publication.is-rejected{color:#ffb4b9;background:#ffb4b91f}.workspace-publication+.workspace-background-away{margin-left:0}.workspace-thumbnail{display:block}.workspace-thumbnail img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.workspace-command{align-items:center;gap:8px;margin:12px 0;display:flex}.workspace-command code{flex:1;min-width:0;margin:0}.workspace-install ol{gap:10px;margin:0 0 14px;padding-left:20px;display:grid}.workspace-install li{line-height:1.5}: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:where(:not(:is(.catalog-page,.catalog-dialog) *)){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}.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-title{flex-shrink:0}.inspector-content{flex-shrink:0;max-height:46vh;overflow:auto}.layers-panel{min-height:110px;overflow:auto}.local-card{flex-shrink:0}.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)}}: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}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]::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}}.image-method{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 16px;display:grid}.image-method button{text-align:left;border:1px solid var(--line);background:var(--field);color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;padding:11px 12px;transition:border-color .14s,background .14s;display:flex}.image-method button:last-child:nth-child(odd){grid-column:1/-1}.image-method button:hover{border-color:#ffffff2e}.image-method button[aria-pressed=true]{border-color:var(--accent);background:#c4b5ed14}.image-method strong{font-size:13.5px;font-weight:600}.image-method span{color:var(--muted);font-size:11.5px;line-height:1.35}.image-dialog:not([data-method=rows]) [data-method-panel=rows],.image-dialog:not([data-method=trace]) [data-method-panel=trace],.image-dialog:not([data-method=points]) [data-method-panel=points]{display:none}.image-method-panel>.hint:first-child{margin-top:0}.image-styles{scroll-snap-type:x proximity;scrollbar-width:thin;flex:none;gap:8px;margin:0 16px;padding:10px 0 6px;display:flex;overflow-x:auto}.image-styles:empty{display:none}.image-style{border:1px solid var(--line,#383340);background:var(--panel,#211e29);width:132px;color:var(--muted,#afa7bf);font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;border-radius:10px;flex:none;gap:6px;padding:6px 6px 8px;font-size:12px;transition:border-color .16s,color .16s,transform .16s;display:grid}.image-style:hover{color:var(--text,#efeaf5);border-color:#5a5068}.image-style[aria-pressed=true]{border-color:var(--accent,#c4b5ed);color:var(--text,#efeaf5);box-shadow:0 0 0 1px var(--accent,#c4b5ed)}.image-style canvas{aspect-ratio:1193/593;opacity:.35;background:#191821;border-radius:6px;width:100%;transition:opacity .26s;display:block}.image-style.is-ready canvas{opacity:1}.image-style.is-failed canvas{opacity:.15}.image-style span{white-space:nowrap;text-overflow:ellipsis;padding:0 2px;overflow:hidden}@media (width<=700px){.image-style{width:112px}}.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}.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 .number-field,.drawing-settings .field-pair .number-field,#brushDynamicsFields .number-field{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-canvas-frame{flex-shrink:0;line-height:0;position:relative}.drawing-viewport canvas.drawing-eraser-ring{pointer-events:none;background:0 0;outline:none;position:absolute;inset: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){.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}.header-actions .header-community{min-height:36px;color:var(--muted);border-radius:8px;margin-right:2px;padding:0 10px;font-size:13px}.header-actions .header-community:hover{background:#ffffff08}.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]: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)}.rotation-handle{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.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}}.glyph-replace-to{text-align:center;width:88px;font-size:18px}.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}#panel-image .text-upload{width:100%;min-height:0;margin-top:10px}.text-upload svg{color:var(--muted)}.text-art-dialog{width:min(1040px,100vw - 32px);height:min(820px,100dvh - 40px)}.text-art-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 22px;display:flex;overflow:auto}.text-art-input{resize:none;width:100%;font-size:15px}.text-art-size{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.text-art-size label{align-items:center;gap:6px;display:flex}.text-art-size input{width:84px}.text-art-size em{opacity:.8;font-style:normal}.text-art-large{background:var(--field);min-height:200px;color:var(--muted);text-align:center;border-radius:10px;flex:1 0 200px;place-items:center;font-size:13px;display:grid;position:relative}.text-art-large canvas,.text-art-thumb canvas{width:100%;height:100%;position:absolute;inset:0}.text-art-large p{margin:0;padding:20px}.text-art-styles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.text-art-styles button{border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:9px;gap:6px;padding:6px 6px 8px;font-size:12px;display:grid}.text-art-styles button:hover:not(:disabled){border-color:#77678f}.text-art-styles button[aria-selected=true]{border-color:var(--accent);background:#c4b5ed14}.text-art-styles button:disabled{opacity:.45;cursor:default}.text-art-thumb{background:var(--field);border-radius:6px;height:64px;position:relative}@media (width<=700px){.text-art-styles{grid-template-columns:repeat(2,minmax(0,1fr))}}.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);flex-direction:column;justify-content:center;gap:2px;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}}.art-card small{color:var(--muted);font-size:11px}.art-offer{margin-bottom:12px}.art-large-preview{position:relative;overflow:hidden}.art-thumbnail{overflow:hidden}.is-adult>canvas{filter:blur(14px)saturate(.6);transform:scale(1.1)}.art-adult-cover{color:var(--text);text-align:center;background:#15141a80;place-content:center;justify-items:center;gap:3px;display:grid;position:absolute;inset:0}.art-adult-cover b{letter-spacing:.06em;font-size:15px}.art-adult-cover small{color:var(--muted);font-size:11px}.art-adult-cover.is-asking{background:#15141ab3;gap:10px;padding:20px}.art-adult-cover.is-asking b{letter-spacing:0;font-size:20px}.art-adult-cover.is-asking p{max-width:42ch;color:var(--muted);margin:0;font-size:13px}.art-adult-cover.is-asking div{gap:10px;margin-top:4px;display:flex}.art-hide-adult{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex}.art-hide-adult:hover{color:var(--text)}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{border-radius:6px;align-items:center;width:100%;min-width:0;display:inline-flex;position:relative}:is(.number-field,.input-unit,.zoom-percent,.search-field,.picker-search,.image-charset-input):focus-within{outline:2px solid var(--accent);outline-offset:2px}:is(.number-field,.input-unit,.zoom-percent,.search-field,.picker-search,.image-charset-input)>input:focus-visible{box-shadow:none;outline:none}.number-step-buttons button:focus-visible,.image-charset-input>button:focus-visible{outline-offset:-2px}.image-charset-input{border-radius:6px;display:flex}.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{flex:auto;width:0;padding-right:0}.input-unit.number-field>.number-step-buttons{padding:0}.input-unit.number-field .unit{display:none}.image-control-heading>.number-field{flex:none;width:94px}.image-dialog-settings .image-control-heading>.number-field>input[type=number]{flex:auto;width:100%;min-width:0;padding-right:28px}.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}.context-block{gap:4px;padding:4px 4px 4px 9px;display:grid}.context-block>span{color:var(--muted);font-size:12px}.context-block>div{gap:4px;display:flex}.canvas-context-menu .context-block button{font-variant-numeric:tabular-nums;white-space:nowrap;background:#332b3d;flex:1;justify-content:center;min-width:0;min-height:32px;padding:0}.align-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;width:19px;height:19px}.align-actions .align-icon{margin:0 auto;display:block}.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}.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-background{left:18px;right:auto}.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:#140f0a url(./dota-screen-BGe_qrzs.webp) 50%/cover no-repeat;border-radius:0;width:100%;height:100dvh;position:fixed;inset:0}:root[data-grid-background=gradient] .game-preview .editor-shell{background:linear-gradient(#261e12,#140f0a)}:root[data-grid-background=mine] .game-preview .editor-shell{background:#140f0a var(--my-grid-background,url(./dota-screen-BGe_qrzs.webp)) center / cover no-repeat}.game-preview .editor-shell>:not(#canvasViewport):not(#closePreview):not(#previewBackground){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>summary{align-items:center;gap:12px;min-height:44px;margin:0;font-size:20px;font-weight:600;display:flex}.export-guide>summary:before{flex:0 0 6px;margin:0 2px}.export-guide>ol{padding-top:14px}dialog:has(.export-guide[open]){width:min(920px,100vw - 32px)}.export-guide>#exportVideoGuide{padding-top:14px}.export-guide-video{color:var(--accent);background:#c4b5ed1a;border-radius:99px;align-items:center;gap:5px;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.export-guide-video svg{width:11px;height:11px}.export-guide-video svg *{fill:currentColor}.export-guide .export-name-note{border-left:3px solid var(--accent);background:#c4b5ed12;border-radius:0 8px 8px 0;margin:10px 0 0;padding:10px 14px;font-size:14px}.export-guide .export-name-note p{margin:0}.export-guide .export-name-note ul{color:var(--muted);gap:6px;margin:8px 0 0;padding-left:18px;display:grid}.export-guide .export-name-note li{margin:0;padding:0}.export-guide .button{padding:10px 12px}.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}.export-guide .export-name-note code{color:var(--text);background:#ffffff0f;border-radius:4px;margin:0;padding:1px 5px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.88em;display:inline}@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}}.grid-import-files{max-height:24vh;margin:16px 0 24px;padding:0;list-style:none;overflow-y:auto}.grid-import-files li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:10px 0}.grid-import-files strong,.grid-import-files span{display:block}.grid-import-files span{color:var(--muted);margin-top:4px;line-height:1.5}.grid-import-modes{border:0;min-width:0;margin:0 0 16px;padding:0}.grid-import-modes legend{margin-bottom:12px;font-size:15px;font-weight:600}.grid-import-option{cursor:pointer;align-items:flex-start;gap:10px;padding:12px 0;display:flex}.grid-import-option input{flex-shrink:0;margin-top:3px}.grid-import-option strong{font-size:14px;display:block}.grid-import-option small{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5;display:block}.grid-import-option:has(input:disabled){opacity:.5;cursor:not-allowed}#symbolSearch,#charsetSearch{width:100%;margin-block:8px}#objectName{resize:vertical;min-height:76px;font:inherit;width:100%;line-height:1.5}.reference-panel{margin-block:14px 20px}.reference-panel .section-heading{margin-top:0}.reference-panel .hint{line-height:1.5}.grid-file-append{white-space:nowrap;flex:none}#gridFilePanel{max-width:500px}.optimize-trigger{margin-inline-start:8px}.image-recipes{flex-wrap:wrap;gap:6px;display:flex}.image-control-hint{margin:4px 0 10px;line-height:1.45}.artwork-optimizer{background:var(--panel,#211e29);color:#efeaf5;border:1px solid #383340;border-radius:12px;width:min(1100px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow-y:auto}.artwork-optimizer::backdrop{background:#08060dc4}.optimizer-body{padding:0 24px 18px}.optimizer-body>p{max-width:80ch;line-height:1.55}.optimizer-comparison{grid-template-columns:1fr 1fr;gap:16px;margin-block:20px;display:grid}.optimizer-comparison figure{min-width:0;margin:0}.optimizer-comparison figcaption{color:#afa7bf;margin-bottom:8px;font-size:13px}.optimizer-comparison canvas{object-fit:contain;background:#191821;border-radius:6px;width:100%;max-height:45dvh;display:block}.artwork-optimizer input[type=range]{width:100%}.artwork-optimizer .modal-footer{padding:16px 24px}.export-row-option{align-items:start;margin-block:18px 8px}@media (width<=1050px){.grid-file-append{padding-inline:6px;font-size:11px}}@media (width<=720px){.grid-file-append{display:none}.optimizer-comparison{grid-template-columns:1fr}.optimizer-body{padding-inline:16px}.optimize-trigger{margin-inline-start:0}}.group-remove-hero{pointer-events:auto;width:24px;height:24px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:3px;display:grid;position:absolute;transform:translate(-100%)}.group-remove-hero svg{stroke:currentColor;stroke-width:1.6px;fill:none;background:#1e1c24eb;border-radius:4px;width:18px;height:18px;padding:1px;transition:background .12s,color .12s}.group-remove-hero:not(:disabled):active{transform:translate(-100%)}.group-remove-hero:hover svg,.group-remove-hero:focus-visible svg{color:#fff0f3;background:#652f40}.group-remove-hero:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){.group-remove-hero svg{transition:none}}.canvas-viewport,.focus-mode .canvas-viewport{overflow:auto}#zoomFields{align-items:center;gap:8px;display:flex}.zoom-controls .zoom-slider{background:0 0;border:0;align-self:center;width:clamp(64px,9vw,120px);min-width:0;height:28px;margin:0;padding:0}.canvas-controls .category-counter{margin-left:0;font-size:12px}.zoom-percent{background:var(--field);border:1px solid var(--line);color:var(--muted);border-radius:5px;align-items:center;padding-right:7px;display:flex}.zoom-percent:focus-within{border-color:var(--accent)}.zoom-percent #zoomValue{width:49px;min-width:0;height:28px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:5px;padding:4px 3px 4px 6px;font-size:12px}.optimizer-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0;display:grid}.optimizer-stats>span{color:var(--muted);font-size:12px}.optimizer-stats strong{font-variant-numeric:tabular-nums;color:var(--text);margin-top:5px;font-size:25px;font-weight:550;display:block}.optimizer-reduce{margin-bottom:8px}.optimizer-budget{grid-template-columns:1fr 110px;align-items:center;gap:8px 16px;margin-top:18px;display:grid}.optimizer-budget #optimizeRange{grid-column:1/-1}.optimizer-budget .number-field{width:110px}.optimizer-budget input[type=number]{width:100%}.artwork-optimizer .modal-footer{flex-wrap:wrap;gap:8px}.category-warning>.button{flex-shrink:0;margin-left:auto}.category-warning-close{color:#f5c1ad;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;width:28px;height:28px;margin-left:auto;font-size:20px;line-height:1}.category-warning>.button+.category-warning-close{margin-left:0}.category-warning-close:hover{color:#ffe5d8;background:#ffffff14}.font-warning{color:#f3e7cc;background:#2f2a1f;border-bottom-color:#8a7344}.font-warning>span{letter-spacing:-.02em;border-color:#c9a96a;font-size:11px}.font-warning p,.font-warning .category-warning-close{color:#d6c7a6}@media (width<=700px){.canvas-controls{grid-template-columns:1fr auto}.canvas-controls #symbolCounter{grid-area:1/1/auto/-1;padding-inline-start:54px}.canvas-controls>.toolbar-group:not(.zoom-controls){grid-area:2/1}.canvas-controls .zoom-controls{grid-area:2/2}.zoom-controls .zoom-slider{width:clamp(48px,12vw,100px)}#zoomFields{gap:5px}.optimizer-stats{gap:10px}.category-warning{flex-wrap:wrap}}@media (width<=480px){.canvas-controls>.toolbar-group:not(.zoom-controls) .button>span:last-child{display:none}.zoom-percent #zoomValue{width:42px}}.studio-loading{z-index:200;background:var(--bg,#15141a);color:var(--text,#efeaf5);place-items:center;font-size:16px;display:grid;position:fixed;inset:0}button.save-state{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;padding:6px 8px}.app-header .save-state{min-height:32px;margin-left:0;font-size:12px;display:inline-flex}@media (width<=700px){.app-header .save-state{flex:0 0 32px;justify-content:center;width:32px;padding:6px}.save-state #saveStateLabel{display:none}}@media (width<=480px){.app-header .brand{flex:0 0 28px;gap:0}.app-header .brand>span:last-child{display:none}}button.save-state:hover{background:var(--field);color:var(--text)}button.save-state:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.save-state.save-warning,.recovery-warning{color:#ffc2a8}.recovery-list{margin-top:20px}.recovery-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.recovery-row>div:first-child{min-width:0}.recovery-row strong{overflow-wrap:anywhere;font-weight:550;display:block}.recovery-row small{color:var(--muted);margin-top:6px;line-height:1.5;display:block}.recovery-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=600px){.recovery-row{flex-direction:column;align-items:flex-start;gap:12px}}.modal[data-view=help] .modal-body{color:var(--text);font-size:16px;line-height:1.65}.modal[data-view=help] .modal-body h3{margin-top:28px;font-size:18px}.modal[data-view=help] .hint{color:var(--muted);font-size:15px;line-height:1.65}.modal[data-view=help] .shortcuts-grid{gap:14px 24px}.modal[data-view=help] .shortcuts-grid>div{font-size:14px;line-height:1.5}.modal[data-view=help] kbd{white-space:nowrap;font-size:13px}.modal[data-view=help] .modal-footer .button,.modal[data-view=versions] .modal-body{font-size:14px}@media (width<=700px){.modal[data-view=help] .shortcuts-grid{grid-template-columns:1fr}}:root{--line:#ffffff18;--line-soft:#ffffff0d;--control-edge:#ffffff24}.app-header{position:relative}.app-header .save-state{white-space:nowrap;justify-content:center;gap:8px}.app-header button.save-state:active{transform:none}.save-state-dot{background:#91c5a3;border-radius:50%;flex:none;width:7px;height:7px}.save-state[data-state=saving] .save-state-dot{background:#c4b5ed;animation:1.2s ease-in-out infinite save-pending}.save-state[data-state=warning] .save-state-dot{background:#edba86}@keyframes save-pending{50%{opacity:.35}}@media (width>=1000px){.app-header .save-state{position:absolute;left:50%;translate:-50%}}@media (width>=701px) and (width<=999px){.app-header{gap:14px}.save-state #saveStateLabel{display:none}}.app-layout>.workspace{min-width:0;transition:margin-left .24s var(--motion-ease);margin-left:0}#libraryDismiss{gap:4px;display:flex;top:17px}#libraryDismiss :is(.panel-pin,.panel-dismiss){width:30px;height:30px;color:var(--muted);border:0;border-radius:5px;justify-content:center;align-items:center;padding:6px;display:flex}#libraryDismiss svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}#libraryDismiss button:hover{background:var(--panel-raised);color:var(--text)}#libraryDismiss .panel-pin[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.panel-pin svg{transition:transform .2s var(--motion-ease);transform:rotate(35deg)}.panel-pin[aria-pressed=true] svg{transform:rotate(0)}@media (width>=901px){body.library-pinned.show-library .app-layout>.workspace{margin-left:calc(var(--library-width) + 16px)}body.library-pinned .app-layout>.library-panel{box-shadow:none}body.library-pinned.show-library .editor-toolbar .tool-dock{transform:translateY(-45%)}}@media (width<=900px){#libraryDismiss .panel-pin{display:none}}.grid-file-trigger{background:var(--field);width:190px;min-width:0;min-height:34px;color:var(--text);border:1px solid var(--control-edge);border-radius:5px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:12px;display:flex}.grid-file-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid-file-trigger svg{stroke:currentColor;fill:none;width:14px;height:14px}.grid-file-trigger[aria-expanded=true]{border-color:var(--accent)}.grid-file-menu{color:var(--text);overscroll-behavior:contain;background:#2a2731;border:0;border-radius:8px;margin:0;padding:6px;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 12px 36px #0007}.grid-file-menu:popover-open{animation:grid-menu-enter .14s var(--motion-ease)}@keyframes grid-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.grid-file-row{border-radius:4px;align-items:center;min-height:40px;display:flex}.grid-file-row:has([aria-current=true]){background:#c4b5ed12}.grid-file-row:hover{background:#ffffff09}.grid-row-select{min-width:0;color:var(--text);text-align:left;flex:1;align-self:stretch;align-items:center;gap:8px;padding:8px 6px;font-size:13px;display:flex}.grid-row-select>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.grid-row-check{width:16px;height:16px;color:var(--accent);flex:none}.grid-row-check svg{width:16px;height:16px}.grid-row-rename,.grid-row-delete{width:32px;height:32px;color:var(--muted);border-radius:4px;flex:none;justify-content:center;align-items:center;display:flex}.grid-row-rename svg,.grid-row-delete svg{width:15px;height:15px}.grid-row-rename:hover{color:var(--text);background:#ffffff0c}.grid-row-delete:hover{color:#ffb4b8;background:#ff5a6414}.grid-file-menu button:focus-visible{outline-offset:-2px;border-radius:4px}@media (width<=700px){.grid-file-trigger{width:150px}}.editor-shell{border-radius:8px}.modal,.drawing-dialog,.picker-dialog{border:0;border-radius:10px;box-shadow:0 18px 64px #0008}.app-layout>.inspector-panel{border:0;border-radius:8px}.app-layout>.library-panel,body.show-library .app-layout>.library-panel,.editor-toolbar .tool-dock{border-radius:8px}.inspector-panel input,.inspector-panel select,.inspector-panel textarea,input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{border-color:var(--control-edge);border-radius:5px}:is(.number-field,.input-unit,.zoom-percent,.image-charset-input){border-radius:5px}.input-unit,.zoom-percent{border-color:var(--control-edge)}.picker-search{border-color:var(--control-edge);border-radius:6px}.drawing-tools button,.symbol-library button,.draft-symbols button{border-color:#0000;border-radius:4px}.drawing-tools button:hover,.symbol-library button:hover,.draft-symbols button:hover{border-color:var(--control-edge)}.drawing-tools button.active,.symbol-library button.active,.draft-symbols button.active{border-color:var(--accent)}.canvas-context-menu{border:0;border-radius:8px;box-shadow:0 12px 36px #0007}.modal[data-view=export] .modal-footer{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.modal[data-view=export] .modal-footer .button{white-space:normal;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.4}.steam-folder{margin-top:12px}.hero-chip[data-hero-order]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.steam-folder-form label{margin-bottom:7px;font-size:14px;font-weight:500;display:block}.steam-folder-input{align-items:stretch;gap:8px;display:flex}.steam-folder-input input{flex:1;width:auto;min-width:0}.steam-folder :is(input,.button){min-height:42px;font-size:14px}.steam-folder input{padding:10px 12px}.steam-folder .button{white-space:nowrap;flex-shrink:0}.export-guide .steam-folder-status{margin:8px 0;font-size:13px}.steam-folder-status[data-state=ready]{color:#91c5a3}.steam-folder-status[data-state=error]{color:#e1a9b8}.steam-folder-location{color:var(--muted);margin:12px 0;font-size:13px}.steam-folder-location summary{font-size:13px;line-height:1.5}.steam-folder-location label{color:var(--text);margin-top:12px;display:block}.steam-folder-location input{width:100%;margin-top:6px;display:block}.steam-folder-path{background:var(--field);border-radius:6px;align-items:center;gap:10px;padding:10px 12px;display:flex}.export-guide .steam-folder-path code{background:0 0;flex:1;min-width:0;margin:0;padding:0;font-size:14px;line-height:1.5}.steam-folder-path .button{font-size:13px}.export-guide .steam-folder-note{color:var(--muted);font-size:13px}@media (width<=520px){.steam-folder-input,.steam-folder-path{flex-direction:column;align-items:stretch}.steam-folder-path .button{align-self:flex-end}}@media (width<=700px){.modal[data-view=export] .modal-footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.app-layout>.workspace,.panel-pin svg{transition:none}.save-state[data-state=saving] .save-state-dot{animation:none}.grid-file-menu:popover-open{animation:none}}:root{--surface-edge:#ffffff17;--surface-radius:14px;--surface-shadow:0 1px 0 #ffffff0d inset, 0 24px 64px -18px #000d, 0 4px 16px #0006;--surface-ease:cubic-bezier(.2, .8, .2, 1)}.modal,.drawing-dialog,.hero-picker,.art-dialog,.artwork-optimizer{border:1px solid var(--surface-edge);border-radius:var(--surface-radius);box-shadow:var(--surface-shadow)}.modal::backdrop,.drawing-dialog::backdrop,.hero-picker::backdrop,.art-dialog::backdrop,.artwork-optimizer::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0912a6}.modal:not(.image-dialog){width:min(440px,100vw - 24px);max-height:calc(100dvh - 32px)}.modal[data-view=export]{width:min(760px,100vw - 24px)}.modal[data-view=help]{width:min(820px,100vw - 24px)}.modal[open]{animation:surface-dialog-in .22s var(--surface-ease)}.modal.closing{animation:.15s ease-in forwards surface-dialog-out}.modal:focus{outline:none}.modal-header{border-bottom:0;gap:12px;padding:14px 12px 4px 22px}.modal-header h2{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.modal-header .icon-button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px}.modal-header .icon-button:hover{color:var(--text);background:#ffffff10}.modal-body{padding:8px 22px 16px;font-size:13px}.modal-footer{border-top:0;gap:8px;padding:4px 22px 20px}.modal-footer .button{font-size:13px}.modal[data-view=export] .modal-header,.modal[data-view=help] .modal-header{border-bottom:1px solid var(--line);padding:16px 14px 14px 26px}.modal[data-view=export] .modal-footer,.modal[data-view=help] .modal-footer{border-top:1px solid var(--line);padding:14px 26px 20px}.modal :is(input:not([type=checkbox]):not([type=radio]),textarea,select):focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #c4b5ed29}.modal .hint{margin:8px 0 0;font-size:12px;line-height:1.5}.canvas-context-menu{border:1px solid var(--surface-edge);width:248px;box-shadow:var(--surface-shadow);animation:surface-menu-in .15s var(--surface-ease);background:#26212e;border-radius:12px;padding:5px}.canvas-context-menu button{border-radius:6px;min-height:30px;padding:5px 8px}.canvas-context-menu kbd{font-size:10.5px}.canvas-context-menu [role=separator]{background:#ffffff12;margin:4px 6px}.context-tools{gap:2px;padding-bottom:4px}.context-tools button,.canvas-context-menu .context-block button,.context-reflections button{background:#ffffff0a}.context-reflections{padding:2px 3px 2px 8px}.context-reflections button{width:36px;height:28px}.context-block{padding:3px 3px 3px 8px}.canvas-context-menu .context-block button{min-height:28px}.canvas-context-menu .align-icon,.reflection-icon{width:17px;height:17px}.grid-file-menu{border:1px solid var(--surface-edge);box-shadow:var(--surface-shadow);animation:surface-menu-in .15s var(--surface-ease);background:#26212e;border-radius:12px;padding:5px}.grid-file-row{border-radius:6px;min-height:34px}@keyframes surface-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes surface-dialog-out{to{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes surface-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal[open],.modal.closing,.canvas-context-menu,.grid-file-menu{animation:none}}.tour-root{--tour-ease:cubic-bezier(.2, .8, .2, 1);--tour-ink:#efeaf5;--tour-text:#d3cce0;--tour-muted:#afa7bf;--tour-accent:#c4b5ed;--tour-line:#3d3747;--tour-bg:#1f1b27;display:contents}@keyframes tour-fade{0%{opacity:0}}@keyframes tour-fade-out{to{opacity:0}}@keyframes tour-pop{0%{opacity:0;translate:0 18px;scale:.96}}@keyframes tour-pop-out{to{opacity:0;translate:0 -6px;scale:.97}}@keyframes tour-rise{0%{opacity:0;translate:0 10px}}.tour-rise{animation:tour-rise .5s var(--tour-ease) both;animation-delay:calc(80ms + var(--i,0) * 60ms)}.tour-backdrop{z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08060dc4;place-items:center;padding:16px;animation:.3s both tour-fade;display:grid;position:fixed;inset:0}.tour-backdrop.is-leaving{pointer-events:none;animation:.24s forwards tour-fade-out}.tour-welcome{border:1px solid var(--tour-line);width:min(480px,100%);color:var(--tour-ink);text-align:center;background:radial-gradient(110% 70% at 50% 0%, #c4b5ed26, transparent 62%), var(--tour-bg);animation:tour-pop .5s var(--tour-ease) both;border-radius:20px;padding:32px 30px 22px;position:relative;overflow:hidden;box-shadow:0 40px 100px -24px #000,0 0 0 1px #00000040,inset 0 1px #ffffff0f}.is-leaving .tour-welcome{animation:.22s ease-in forwards tour-pop-out}.tour-welcome h2{letter-spacing:-.01em;text-wrap:balance;margin:0 0 10px;font-size:22px;font-weight:650}.tour-welcome>p{text-wrap:balance;max-width:44ch;color:var(--tour-text);margin:0 auto 18px;font-size:14px;line-height:1.55}.tour-mark{background:radial-gradient(circle at 30% 25%,#c4b5ed40,#c4b5ed10 70%);border-radius:18px;place-items:center;width:64px;height:64px;margin:0 auto 16px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #c4b5ed40,0 12px 34px -10px #c4b5ed66}.tour-mark:before{content:"";background:radial-gradient(circle,#c4b5ed30,#0000 65%);border-radius:28px;animation:3.2s ease-in-out infinite tour-glow;position:absolute;inset:-14px}@keyframes tour-glow{50%{opacity:.35;scale:.92}}.tour-mark svg{width:34px;height:34px;stroke:var(--tour-accent);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;position:relative}.tour-mark path{stroke-dasharray:1;stroke-dashoffset:1px;animation:tour-draw 1.1s .25s var(--tour-ease) forwards}@keyframes tour-draw{to{stroke-dashoffset:0}}.tour-features{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.tour-features li{color:var(--tour-ink);background:#ffffff0a;border-radius:99px;align-items:center;gap:7px;padding:7px 12px 7px 10px;font-size:12.5px;font-weight:550;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.tour-features svg{color:var(--tour-accent)}.tour-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tour-actions .button{align-items:center;gap:8px;display:inline-flex}.tour-welcome>.tour-note{text-wrap:balance;color:var(--tour-muted);margin:16px auto 0;font-size:12px;line-height:1.45}.tour-layer{z-index:1000;position:fixed;inset:0}.tour-layer.is-leaving{pointer-events:none}.tour-spotlight{pointer-events:none;box-shadow:0 0 0 2px var(--tour-accent), 0 0 28px 2px #c4b5ed4d, 0 0 0 9999px #08060dbd;transition:left .55s var(--tour-ease), top .55s var(--tour-ease), width .55s var(--tour-ease), height .55s var(--tour-ease), box-shadow .3s;border-radius:14px;animation:.35s both tour-fade;position:fixed}.tour-spotlight.is-empty{box-shadow:0 0 #0000,0 0 #0000,0 0 0 9999px #08060dbd}.tour-spotlight:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--tour-accent);opacity:0;animation:2.4s ease-out .6s infinite tour-breathe;position:absolute;inset:0}.tour-spotlight.is-empty:after{animation:none}@keyframes tour-breathe{0%{opacity:.7;scale:1}to{opacity:0;scale:var(--pulse-x) var(--pulse-y)}}.is-leaving .tour-spotlight{animation:.24s forwards tour-fade-out}.is-leaving .tour-spotlight:after{animation:none}.tour-card{border:1px solid var(--tour-line);width:min(360px,100vw - 24px);color:var(--tour-ink);background:radial-gradient(120% 90% at 0% 0%, #c4b5ed1c, transparent 60%), var(--tour-bg);transition:translate .55s var(--tour-ease);animation:tour-card-in .45s var(--tour-ease) both;border-radius:18px;position:fixed;top:0;left:0;box-shadow:0 30px 70px -20px #000,0 0 0 1px #00000040,inset 0 1px #ffffff0f}.tour-card[data-side=bottom]{transform-origin:var(--pointer) 0}.tour-card[data-side=top]{transform-origin:var(--pointer) 100%}.tour-card[data-side=right]{transform-origin:0 var(--pointer)}.tour-card[data-side=left]{transform-origin:100% var(--pointer)}@keyframes tour-card-in{0%{opacity:0;scale:.92}}.is-leaving .tour-card{animation:.2s ease-in forwards tour-pop-out}.tour-pointer{border:solid var(--tour-line);width:12px;height:12px;transition:left .55s var(--tour-ease), top .55s var(--tour-ease);background:#221d2b;border-width:0 0 1px 1px;position:absolute}.tour-card[data-side=bottom] .tour-pointer{top:-7px;left:calc(var(--pointer) - 6px);rotate:135deg}.tour-card[data-side=top] .tour-pointer{bottom:-7px;left:calc(var(--pointer) - 6px);rotate:-45deg}.tour-card[data-side=right] .tour-pointer{left:-7px;top:calc(var(--pointer) - 6px);rotate:45deg}.tour-card[data-side=left] .tour-pointer{right:-7px;top:calc(var(--pointer) - 6px);rotate:-135deg}.tour-card:is([data-side=inside],[data-side=none]) .tour-pointer{display:none}.tour-progress{background:#ffffff0a;border-radius:18px 18px 0 0;height:3px;position:absolute;inset:0 0 auto;overflow:hidden}.tour-progress i{background:linear-gradient(90deg, #8f7fd6, var(--tour-accent) 60%, #f0c987);transform-origin:0;height:100%;scale:var(--progress) 1;transition:scale .55s var(--tour-ease);display:block}.tour-body{--from:16px;padding:18px 18px 2px}.tour-body[data-dir=back]{--from:-16px}@keyframes tour-item{0%{opacity:0;translate:var(--from) 0}}.tour-item{animation:tour-item .45s var(--tour-ease) both;animation-delay:calc(40ms + var(--i,0) * 55ms)}.tour-head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.tour-icon{width:42px;height:42px;color:var(--tour-accent);animation:tour-icon-in .55s var(--tour-ease) both;background:radial-gradient(circle at 30% 25%,#c4b5ed3d,#c4b5ed12 70%);border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #c4b5ed38}@keyframes tour-icon-in{0%{opacity:0;rotate:-25deg;scale:.5}}.tour-heading{gap:2px;min-width:0;display:grid}.tour-eyebrow{color:var(--tour-muted);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.tour-card h3{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:650;line-height:1.25}.tour-skip{width:28px;height:28px;color:var(--tour-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-self:start;place-items:center;padding:0;transition:background .2s,color .2s;display:grid}.tour-skip:hover,.tour-skip:focus-visible{color:var(--tour-ink);background:#ffffff0f}.tour-card p{text-wrap:pretty;color:var(--tour-text);margin:12px 0 0;font-size:13.5px;line-height:1.55}.tour-keys{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.tour-card kbd{min-width:24px;height:24px;color:var(--tour-ink);background:#ffffff0d;border-radius:7px;place-items:center;padding:0 7px;font-family:inherit;font-size:11.5px;font-weight:600;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff1c,inset 0 -2px #00000059}.tour-foot{align-items:center;gap:8px;padding:14px 18px 16px;display:flex}.tour-foot .button{align-items:center;gap:7px;min-height:34px;padding:6px 14px;display:inline-flex}.tour-hint{opacity:.7;gap:4px;margin-right:auto;display:flex}.tour-hint kbd{min-width:22px;height:22px;padding:0 5px;font-size:11px}.tour-finish{width:min(440px,100%)}.tour-backdrop.is-light{background:#08060da6}.tour-burst{width:64px;height:64px;animation:tour-burst-in .6s var(--tour-ease) both;background:radial-gradient(circle at 35% 30%,#c4b5ed4d,#c4b5ed14 70%);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #c4b5ed4d}@keyframes tour-burst-in{0%{opacity:0;scale:.4}60%{scale:1.08}}.tour-burst i{box-shadow:0 0 0 2px var(--tour-accent);opacity:0;border-radius:50%;animation:1.1s ease-out .25s both tour-ring;position:absolute;inset:0}.tour-burst i+i{animation-delay:.45s}@keyframes tour-ring{0%{opacity:.8;scale:1}to{opacity:0;scale:1.9}}.tour-burst svg{width:30px;height:30px;stroke:var(--tour-accent);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.tour-burst path{stroke-dasharray:1;stroke-dashoffset:1px;animation:tour-draw .6s .3s var(--tour-ease) forwards}.tour-starts{text-align:left;gap:6px;display:grid}.tour-start{color:var(--tour-ink);font:inherit;text-align:left;cursor:pointer;transition:background .2s, border-color .2s, translate .25s var(--tour-ease), scale .15s;background:#ffffff06;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.tour-start:hover,.tour-start:focus-visible{background:#ffffff0d;border-color:#c4b5ed40;outline:none;translate:0 -1px}.tour-start:focus-visible{box-shadow:0 0 0 2px #c4b5ed80}.tour-start:active{scale:.985}.tour-start-icon{width:44px;height:44px;color:var(--tour-ink);transition:scale .3s var(--tour-ease), rotate .3s var(--tour-ease);background:#ffffff0d;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.tour-start:hover .tour-start-icon{rotate:-5deg;scale:1.08}a.tour-start{text-decoration:none}.tour-start.is-chat .tour-start-icon{color:#c4b5ed;background:#c4b5ed1a;box-shadow:inset 0 0 0 1px #c4b5ed33}.tour-start.is-meta .tour-start-icon{color:#f0c987;background:radial-gradient(circle at 50% 45%,#f0b34a33,#c4b5ed14 70%);box-shadow:inset 0 0 0 1px #c4b5ed33}.tour-start.is-meta:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#c4b5ed14 50%,#0000 70%);position:absolute;inset:0;translate:-100%}.tour-start.is-meta:hover:after{transition:translate .7s;translate:100%}.tour-start>span:nth-child(2){gap:2px;min-width:0;display:grid}.tour-start strong{align-items:center;gap:8px;font-size:14px;font-weight:650;display:flex}.tour-start em{color:var(--tour-accent);letter-spacing:.06em;background:#c4b5ed24;border-radius:99px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700}.tour-start small{color:var(--tour-muted);font-size:12px;line-height:1.35}.tour-start>svg:last-child{color:var(--tour-muted);opacity:0;transition:opacity .2s, translate .25s var(--tour-ease);translate:-6px}.tour-start:hover>svg:last-child,.tour-start:focus-visible>svg:last-child{opacity:1;translate:0}@media (width<=520px){.tour-welcome{padding:26px 20px 18px}.tour-hint{display:none}.tour-foot{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.tour-root *,.tour-root :before,.tour-root :after{transition:none!important;animation:none!important}.tour-mark path,.tour-burst path{stroke-dashoffset:0}}.meta-dialog{--meta-accent:#c4b5ed;--meta-ink:#efeaf5;--meta-muted:#afa7bf;--meta-line:#ffffff14;--meta-ease:cubic-bezier(.2, .8, .2, 1);width:min(980px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--meta-ink);background:#1d1a24;border:1px solid #383340;border-radius:16px;padding:0;overflow-y:auto;box-shadow:0 30px 80px -20px #000e}.meta-dialog[open]{animation:meta-dialog-in .34s var(--meta-ease)}.meta-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08060dc4}.meta-dialog[open]::backdrop{animation:.3s meta-fade}@keyframes meta-dialog-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes meta-fade{0%{opacity:0}}.meta-header{border-bottom:1px solid var(--meta-line);background:radial-gradient(120% 140% at 0 0,#c4b5ed24 0%,#0000 55%),linear-gradient(#ffffff06,#0000);grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:22px 22px 16px 24px;display:grid;position:relative;overflow:hidden}.meta-header h2{letter-spacing:-.01em;margin:2px 0 4px;font-size:20px;font-weight:650}.meta-header p{max-width:72ch;color:var(--meta-muted);margin:0;font-size:13px;line-height:1.5}.meta-header-icon{width:40px;height:40px;color:var(--meta-accent);background:#c4b5ed1f;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #c4b5ed33}.meta-header-icon svg{width:20px;height:20px;animation:3.2s ease-in-out infinite meta-twinkle}@keyframes meta-twinkle{50%{opacity:.8;transform:rotate(-10deg)scale(1.12)}}.meta-body{gap:18px;padding:18px 24px 8px;display:grid}.meta-section{gap:10px;display:grid}.meta-section-head{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.meta-section-head>span:first-child{color:var(--meta-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:650}.meta-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.meta-tile{border:1px solid var(--meta-line);min-width:0;color:var(--meta-muted);font:inherit;cursor:pointer;transition:transform .22s var(--meta-ease), border-color .2s, background .2s, color .2s, box-shadow .25s;background:#ffffff05;border-radius:12px;justify-items:center;gap:6px;padding:12px 8px 10px;display:grid;position:relative}.meta-tile:hover{color:var(--meta-ink);background:#ffffff0a;border-color:#ffffff2e;transform:translateY(-2px)}.meta-tile[aria-checked=true]{color:var(--meta-ink);background:linear-gradient(#c4b5ed1f,#c4b5ed0a);border-color:#a99bd6;box-shadow:0 10px 30px -14px #c4b5ed80,inset 0 0 0 1px #c4b5ed40}.meta-tile:focus-visible{outline:2px solid var(--meta-accent);outline-offset:2px}.meta-tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.meta-tile small{color:var(--meta-muted);font-size:11px}.meta-medals{justify-content:center;height:60px;display:flex}.meta-medals img{filter:saturate(.55)brightness(.8);width:60px;height:60px;transition:transform .3s var(--meta-ease), filter .3s}.meta-medals img+img{margin-left:-22px}.meta-medals.is-3 img{width:52px;height:52px;margin-top:4px}.meta-medals.is-3 img+img{margin-left:-28px}.meta-rank:hover .meta-medals img{filter:saturate(.85)brightness(.95)}.meta-rank[aria-checked=true] .meta-medals img{filter:drop-shadow(0 6px 14px #c4b5ed55);transform:scale(1.08)}.meta-rank[aria-checked=true] .meta-medals img+img{transform:scale(1.08)translate(2px)}.meta-position-icon{width:30px;height:30px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;transition:transform .3s var(--meta-ease), color .2s;background:currentColor}.meta-position[aria-checked=true] .meta-position-icon{color:var(--meta-accent);transform:scale(1.1)}.meta-size-field{color:var(--meta-muted);align-items:center;gap:10px;font-size:12px;display:inline-flex}.meta-size{grid-template-columns:repeat(var(--count), 44px);border:1px solid var(--meta-line);isolation:isolate;background:#ffffff06;border-radius:99px;padding:3px;display:grid;position:relative}.meta-size-thumb{z-index:-1;width:44px;transform:translateX(calc(var(--index) * 100%));transition:transform .3s var(--meta-ease);background:#c4b5ed2e;border-radius:99px;position:absolute;inset:3px auto 3px 3px;box-shadow:inset 0 0 0 1px #c4b5ed55}.meta-size button{height:28px;color:var(--meta-muted);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:99px;font-size:13px;font-weight:600;transition:color .2s}.meta-size button[aria-checked=true]{color:var(--meta-ink)}.meta-preview{gap:10px;min-height:150px;display:grid}.meta-group{border:1px solid var(--meta-line);background:#15131b;border-radius:12px;gap:8px;padding:12px 14px;display:grid}.meta-group h3{color:var(--meta-muted);letter-spacing:.08em;margin:0;font-size:11px;font-weight:650}.meta-row{align-items:flex-end;gap:12px;display:flex}.meta-captions{text-align:right;gap:1px;display:grid}.meta-captions small{color:var(--meta-muted);letter-spacing:.08em;font-size:10px;line-height:1.35}.meta-heroes{grid-template-columns:repeat(10,minmax(0,66px));gap:7px;display:grid}.meta-order{border:1px solid var(--meta-line);background:#15131b;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:7px;padding:12px 14px;display:grid}.meta-hero{text-align:center;min-width:0;animation:meta-hero-in .45s var(--meta-ease) both;animation-delay:calc(var(--i,0) * 30ms);gap:1px;display:grid}@keyframes meta-hero-in{0%{opacity:0;transform:translateY(10px)scale(.94)}}.meta-hero-card{aspect-ratio:43/75;background:#202831;border-radius:6px;margin-bottom:3px;display:block;overflow:hidden;box-shadow:0 6px 16px -10px #000}.meta-hero-card img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--meta-ease);display:block}.meta-hero:hover .meta-hero-card img{transform:scale(1.06)}.meta-hero small{color:var(--meta-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px;line-height:1.35}.meta-hero small+small{color:var(--meta-ink);font-weight:600}.meta-hero.is-dim{opacity:.45}.meta-note{color:var(--meta-muted);background:#c4b5ed12;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.meta-error{color:#ffb3c1;background:#ff6b8a14;border-radius:10px;align-items:center;gap:8px;margin:0;padding:12px 14px;display:flex}.meta-error svg{flex:none;width:16px;height:16px}.meta-shimmer{gap:10px;display:grid}.meta-shimmer .meta-hero{animation:none}.meta-shimmer .meta-hero-card,.meta-shimmer small,.meta-shimmer-title{box-shadow:none;background:linear-gradient(100deg,#ffffff08 30%,#ffffff17 50%,#ffffff08 70%) 0 0/300% 100%;animation:1.3s linear infinite meta-shimmer}.meta-shimmer small{border-radius:4px;height:8px;margin:3px 6px 0;display:block}.meta-shimmer-title{border-radius:4px;width:90px;height:10px;display:block}@keyframes meta-shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}.meta-footer{align-items:center;gap:8px;padding:16px 24px 20px;display:flex}.meta-source{color:var(--meta-muted);gap:2px;margin:0 auto 0 0;font-size:12px;display:grid}.meta-source a{color:var(--meta-accent);text-underline-offset:3px;justify-self:start;font-weight:650;text-decoration:underline}@media (width<=760px){.meta-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.meta-heroes{grid-template-columns:repeat(5,minmax(0,1fr))}.meta-section-head,.meta-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.meta-dialog[open],.meta-dialog[open]::backdrop,.meta-hero,.meta-header-icon svg,.meta-shimmer *{animation:none}.meta-tile,.meta-size-thumb,.meta-medals img,.meta-position-icon,.meta-hero-card img{transition:none}}.group-choice{--gc-ease:cubic-bezier(.2, .8, .2, 1);z-index:60;color:#efeaf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:318px;transform-origin:0 var(--pointer,30px);animation:gc-in .28s var(--gc-ease);background:radial-gradient(120% 90% at 0 0,#c4b5ed14,#0000 60%),#1f1b27f2;border:1px solid #3d3747;border-radius:16px;gap:4px;padding:8px;display:grid;position:fixed;box-shadow:0 24px 60px -18px #000e,0 0 0 1px #00000040,inset 0 1px #ffffff0d}.group-choice:not(.is-side){transform-origin:var(--pointer,30px) 0;animation-name:gc-in-down}.group-choice.is-closing{pointer-events:none;animation:.14s ease-in forwards gc-out}@keyframes gc-in{0%{opacity:0;transform:translate(-8px)scale(.94)}}@keyframes gc-in-down{0%{opacity:0;transform:translateY(-8px)scale(.94)}}@keyframes gc-out{to{opacity:0;transform:scale(.96)}}.group-choice-pointer{background:#1f1b27;border:0 solid #3d3747;border-width:0 0 1px 1px;width:12px;height:12px;position:absolute}.group-choice.is-side .group-choice-pointer{left:-7px;top:calc(var(--pointer) - 6px);transform:rotate(45deg)}.group-choice:not(.is-side) .group-choice-pointer{top:-7px;left:calc(var(--pointer) - 6px);transform:rotate(135deg)}.group-choice-title{color:#afa7bf;letter-spacing:.08em;text-transform:uppercase;animation:gc-item .3s var(--gc-ease) both;margin:2px 8px 4px;font-size:11px;font-weight:650}.group-choice-item{color:inherit;font:inherit;text-align:left;cursor:pointer;animation:gc-item .34s var(--gc-ease) both;animation-delay:calc(50ms + var(--i) * 60ms);transition:background .2s, border-color .2s, transform .2s var(--gc-ease);background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:44px 1fr 16px;align-items:center;gap:12px;padding:10px;display:grid;position:relative;overflow:hidden}@keyframes gc-item{0%{opacity:0;transform:translate(-10px)}}.group-choice-item:hover,.group-choice-item:focus-visible{background:#ffffff0c;border-color:#ffffff14;outline:none}.group-choice-item:focus-visible{box-shadow:0 0 0 2px #c4b5ed80}.group-choice-item:active{transform:scale(.985)}.group-choice-icon{color:#efeaf5;width:44px;height:44px;transition:transform .3s var(--gc-ease), background .2s;background:#ffffff0d;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.group-choice-icon svg{width:22px;height:22px}.group-choice-icon img{filter:drop-shadow(0 4px 10px #f0a04055);width:40px;height:40px}.group-choice-item:hover .group-choice-icon{transform:scale(1.08)rotate(-4deg)}.group-choice-text{gap:2px;min-width:0;display:grid}.group-choice-text strong{align-items:center;gap:8px;font-size:14px;font-weight:650;display:flex}.group-choice-text em{color:#c4b5ed;letter-spacing:.06em;background:#c4b5ed24;border-radius:99px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700}.group-choice-text small{color:#afa7bf;font-size:12px;line-height:1.35}.group-choice-item>svg:last-child{color:#afa7bf;opacity:0;width:16px;height:16px;transition:opacity .2s, transform .25s var(--gc-ease);transform:translate(-6px)}.group-choice-item:hover>svg:last-child,.group-choice-item:focus-visible>svg:last-child{opacity:1;transform:none}.group-choice-item.is-meta .group-choice-icon{background:radial-gradient(circle at 50% 45%,#f0b34a2e,#c4b5ed14 70%);box-shadow:inset 0 0 0 1px #c4b5ed33}.group-choice-item.is-meta:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#c4b5ed14 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.group-choice-item.is-meta:hover:after{transition:transform .7s;transform:translate(100%)}@media (prefers-reduced-motion:reduce){.group-choice,.group-choice-title,.group-choice-item{animation:none}.group-choice-item,.group-choice-icon,.group-choice-item>svg:last-child,.group-choice-item.is-meta:hover:after{transition:none}}:root{--em-ease:cubic-bezier(.2, .8, .2, 1);--em-spring:cubic-bezier(.3, 1.3, .45, 1);--em-glass:radial-gradient(120% 90% at 0% 0%, #c4b5ed1c, transparent 60%), #1f1b27f5;--em-gradient:linear-gradient(90deg, #8f7fd6, #c4b5ed 60%, #f0c987)}@keyframes em-pop{0%{opacity:.4;rotate:-18deg;scale:.55}60%{opacity:1;rotate:4deg;scale:1.12}to{rotate:0deg;scale:1}}@keyframes em-rise{0%{opacity:0;translate:0 8px}}@keyframes em-slide{0%{opacity:0;translate:-10px}}@keyframes em-glass-in{0%{opacity:0;translate:0 6px;scale:.96}}@keyframes em-float{50%{translate:0 -4px}}@keyframes em-blink{0%,to{scale:1}45%,55%{scale:1 .1}}@keyframes em-tap{0%{scale:.88}}@keyframes em-dot{0%{scale:.4}60%{scale:1.5}to{scale:1}}@keyframes em-ring{0%{opacity:.7;scale:1}to{opacity:0;scale:2.6}}#canvasViewport:not(.preview-mode *){scrollbar-width:none;cursor:grab}#canvasViewport::-webkit-scrollbar{display:none}#canvasViewport.room-panning{cursor:grabbing}#canvasViewport .stage-wrap{cursor:default}.studio-navigation .mode-tabs[data-indicator] button:after{display:none}.studio-navigation .mode-tabs[data-indicator]:before,.studio-navigation .mode-tabs[data-indicator]:after{content:"";pointer-events:none;width:var(--ind-w);translate:var(--ind-x) 0;transition:none;display:block;position:absolute;bottom:0;left:0;right:auto;transform:none}.studio-navigation .mode-tabs[data-indicator]:before{z-index:2;background:var(--em-gradient);border-radius:2px;height:2px;box-shadow:0 0 12px #c4b5ed99}.studio-navigation .mode-tabs[data-indicator]:after{z-index:0;background:radial-gradient(50% 100% at 50% 100%,#c4b5ed2e,#0000 72%);height:30px}.studio-navigation .mode-tabs[data-indicator=ready]:before,.studio-navigation .mode-tabs[data-indicator=ready]:after{transition:translate .48s var(--em-spring), width .36s var(--em-ease)}.studio-navigation .mode-tabs button{z-index:1;transition:color .25s;position:relative}.studio-navigation .mode-tabs button[aria-selected=true]{color:#efeaf5}.studio-navigation .mode-tabs button[aria-selected=true] svg{color:var(--accent)}.studio-navigation .mode-tabs button:not([aria-selected=true]):hover{color:#d3cce0}.studio-navigation .mode-tabs svg{transition:color .25s ease, translate .3s var(--em-ease), rotate .3s var(--em-ease)}.editor-toolbar .tool-dock[data-indicator]:before{content:"";z-index:0;pointer-events:none;width:var(--ind-w);height:var(--ind-h);translate:var(--ind-x) var(--ind-y);background:linear-gradient(#d7ccf7,#b8a6ea);border-radius:6px;position:absolute;top:0;left:0;box-shadow:0 6px 18px -6px #c4b5edb3,inset 0 1px #fff6}.editor-toolbar .tool-dock[data-indicator=ready]:before{transition:translate .42s var(--em-spring), width .25s var(--em-ease), height .25s var(--em-ease)}.editor-toolbar .tool-dock[data-indicator]>*{z-index:1;position:relative}.editor-toolbar .tool-dock[data-indicator] .tool-button{transition:width .2s,min-width .2s,background-color .16s,color .22s}.editor-toolbar .tool-dock[data-indicator] .tool-button.active,.editor-toolbar .tool-dock[data-indicator] .tool-button.active:hover{color:var(--accent-ink);background:0 0}.editor-toolbar .tool-dock .tool-button:not(.active):hover{background:#ffffff14}.drawing-tools[data-indicator]{position:relative}.drawing-tools[data-indicator]:before{content:"";z-index:0;pointer-events:none;width:var(--ind-w);height:var(--ind-h);translate:var(--ind-x) var(--ind-y);box-shadow:inset 0 0 0 1px var(--accent), 0 6px 18px -8px #c4b5ed99;background:radial-gradient(circle at 50% 30%,#c4b5ed33,#c4b5ed12 70%);border-radius:6px;position:absolute;top:0;left:0}.drawing-tools[data-indicator=ready]:before{transition:translate .4s var(--em-spring), width .25s var(--em-ease), height .25s var(--em-ease)}.drawing-tools[data-indicator]>button{z-index:1;transition:color .2s,border-color .2s;position:relative}.drawing-tools[data-indicator]>button.active{background:0 0;border-color:#0000}.library-panel .project-templates button{position:relative;overflow:hidden}.library-panel .project-templates button:hover{background:#ffffff0c;transform:translate(3px)}.library-panel .template-icon{transition:scale .3s var(--em-ease), rotate .3s var(--em-ease), color .2s;place-items:center;display:inline-grid}.library-panel .project-templates button:hover .template-icon{color:var(--accent);transform:scale(1.18)rotate(-8deg)}.library-panel .project-templates button>span:last-child{transition:translate .3s var(--em-ease), color .2s}.library-panel .project-templates button:hover>span:last-child{color:var(--accent);translate:2px -2px}.library-panel .project-templates button.is-meta .template-icon{color:#f0c987}.library-panel .project-templates button.is-meta:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#c4b5ed17 50%,#0000 70%);position:absolute;inset:0;translate:-100%}.library-panel .project-templates button.is-meta:hover:after{transition:translate .7s;translate:100%}.library-panel .create-group-card:hover{box-shadow:0 12px 28px -14px #c4b5ed80}.layer-head .icon-swap{animation:em-pop .4s var(--em-spring)}.layer-section,.layer-item{transition:background-color .18s,color .18s}.canvas-controls .button.active svg{animation:em-pop .42s var(--em-spring)}.history-buttons .tool-button svg{transition:rotate .3s var(--em-ease), scale .2s var(--em-ease)}#undoButton:not(:disabled):active svg{rotate:-40deg}#redoButton:not(:disabled):active svg{rotate:40deg}#previewButton:hover svg{animation:.5s em-blink}.help-button svg{transition:rotate .45s var(--em-spring)}.help-button:hover svg{rotate:14deg}.save-state[data-state=saved] .save-state-dot{animation:em-dot .45s var(--em-spring)}.empty-canvas:not([hidden])>*{animation:em-rise .5s var(--em-ease) both}.empty-canvas:not([hidden])>:nth-child(2){animation-delay:70ms}.empty-canvas:not([hidden])>:nth-child(3){animation-delay:.13s}.empty-canvas:not([hidden])>:nth-child(4){animation-delay:.19s}.empty-canvas:not([hidden])>[data-icon] svg{animation:3.6s ease-in-out .6s infinite em-float}.studio-tooltip{background:var(--em-glass);border-color:#3d3747;border-radius:10px;box-shadow:0 14px 34px -12px #000e,inset 0 1px #ffffff0f}.studio-tooltip:popover-open{animation:em-glass-in .2s var(--em-ease)}.studio-tooltip kbd{color:#efeaf5;background:#ffffff12;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff1c,inset 0 -1px #00000059}#toast.toast{background:var(--em-glass);color:#efeaf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #3d3747;border-radius:14px;align-items:center;gap:10px;padding:11px 16px 11px 14px;font-size:12.5px;display:flex;box-shadow:0 20px 50px -18px #000,inset 0 1px #ffffff0f}#toast.toast[hidden]{display:none}#toast.toast:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;flex:none}#toast.toast.error{background:radial-gradient(120% 90% at 0 0,#ff7a8a1f,#0000 60%),#241a20f5;border-color:#6b3d45}#toast.toast.error:before{background:#ff8a95;box-shadow:0 0 10px #ff8a95}#toast.toast .toast-report{color:#ffc9cf;font:inherit;white-space:nowrap;cursor:pointer;background:#ff8a9514;border:1px solid #ff8a9540;border-radius:9px;flex:none;margin-left:4px;padding:5px 10px;font-weight:600;transition:background-color .2s,border-color .2s}#toast.toast .toast-report:hover{background:#ff8a9526;border-color:#ff8a9580}#toast.toast:not(.leaving){animation:em-glass-in .3s var(--em-spring)}#toast.toast:not(.leaving):before{animation:em-dot .5s .1s var(--em-spring) both}#toast.toast.leaving{animation:.18s ease-in forwards em-toast-out}@keyframes em-toast-out{to{opacity:0;translate:0 6px;scale:.97}}@media (prefers-reduced-motion:no-preference){.drawing-tools[data-indicator]>button.active{animation:em-tap .4s var(--em-spring)}.studio-navigation .mode-tabs[data-indicator] button[aria-selected=true] svg{animation:em-pop .5s var(--em-spring)}.studio-navigation .mode-tabs button:not([aria-selected=true]):hover svg{translate:0 -1px;rotate:-8deg}.editor-toolbar .tool-dock[data-indicator] .tool-button.active [data-icon]>svg{animation:em-pop .45s var(--em-spring)}body.show-library .library-panel :is(.panel-intro,.mode-panel:not([hidden])>*,.project-panel>*,.project-templates>*){animation:em-slide .42s var(--em-ease) both}body.show-library .library-panel .mode-panel:not([hidden])>:nth-child(2),body.show-library .library-panel :is(.project-panel,.project-templates)>:nth-child(2){animation-delay:45ms}body.show-library .library-panel .mode-panel:not([hidden])>:nth-child(3),body.show-library .library-panel :is(.project-panel,.project-templates)>:nth-child(3){animation-delay:90ms}body.show-library .library-panel .mode-panel:not([hidden])>:nth-child(4),body.show-library .library-panel :is(.project-panel,.project-templates)>:nth-child(4){animation-delay:.135s}body.show-library .library-panel .mode-panel:not([hidden])>:nth-child(5),body.show-library .library-panel :is(.project-panel,.project-templates)>:nth-child(5){animation-delay:.18s}body.show-library .library-panel .mode-panel:not([hidden])>:nth-child(6),body.show-library .library-panel :is(.project-panel,.project-templates)>:nth-child(6){animation-delay:.225s}body.show-library .library-panel .mode-panel:not([hidden])>:nth-child(n+7){animation-delay:.27s}body:not(.focus-mode) .app-layout>.inspector-panel>*{animation:em-rise .42s var(--em-ease) both}body:not(.focus-mode) .app-layout>.inspector-panel>:nth-child(2){animation-delay:50ms}body:not(.focus-mode) .app-layout>.inspector-panel>:nth-child(3){animation-delay:.1s}body:not(.focus-mode) .app-layout>.inspector-panel>:nth-child(4){animation-delay:.15s}.layer-items>.layer-item{animation:em-rise .3s var(--em-ease) both}}@media (prefers-reduced-motion:reduce){.studio-navigation .mode-tabs[data-indicator]:before,.studio-navigation .mode-tabs[data-indicator]:after,.editor-toolbar .tool-dock[data-indicator]:before,.drawing-tools[data-indicator]:before{transition:none!important}.layer-head .icon-swap,.canvas-controls .button.active svg,#previewButton:hover svg,.save-state-dot,.empty-canvas>*,.empty-canvas svg,#toast.toast,#toast.toast:before,.studio-tooltip{animation:none!important}}:is(#modal,.drawing-dialog,.hero-picker,.art-dialog,.artwork-optimizer,.image-dialog){border:1px solid var(--win-line);background:var(--win-glass);box-shadow:var(--win-shadow);color:var(--win-ink);border-radius:20px}:is(#modal,.drawing-dialog,.hero-picker,.art-dialog,.artwork-optimizer,.image-dialog)::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08060dc4}:is(#modal,.artwork-optimizer) .modal-header,:is(#modal,.artwork-optimizer)[data-view] .modal-header{background:var(--win-head);border-bottom:1px solid #ffffff12;align-items:flex-start;gap:14px;padding:20px 16px 16px 22px;display:flex}:is(.picker-heading,.drawing-heading,.art-dialog-heading,.image-dialog-header){background:var(--win-head);border-bottom:1px solid #ffffff12}.picker-heading{justify-content:flex-start;align-items:flex-start;gap:16px}.picker-heading>div,.art-dialog-heading>div{flex:1;min-width:0}.picker-heading .win-icon{border-radius:15px;width:48px;height:48px;margin-top:4px}.picker-heading .win-icon svg{width:24px;height:24px}.picker-heading h2{letter-spacing:-.02em;font-size:26px}.art-dialog-heading{justify-content:flex-start;gap:14px}.drawing-heading{gap:14px}:is(.picker-close,.art-dialog-heading .icon-button){width:32px;height:32px;color:var(--win-muted);transition:background-color .2s, color .2s, rotate .35s var(--win-spring);background:#ffffff0a;border:0;border-radius:10px;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}:is(.picker-close,.art-dialog-heading .icon-button):hover{color:var(--win-ink);background:#ffffff16;rotate:90deg}#modal:not([data-view=help]) .modal-body{color:var(--win-text);padding:18px 22px 10px;font-size:13.5px;line-height:1.6}#modal .modal-body>p{margin:0 0 14px}#modal .modal-body .hint{color:var(--win-muted)}#modal .modal-body .field-label{color:var(--win-muted);letter-spacing:.08em;text-transform:uppercase;margin:16px 0 8px;font-size:11px;font-weight:650;display:block}#modal .modal-body>.field-label:first-child{margin-top:2px}#modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){box-sizing:border-box;background-color:var(--win-field);color:var(--win-ink);border:1px solid #ffffff17;border-radius:12px;padding-block:11px;padding-inline-start:13px;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}#modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea){padding-inline-end:13px}#modal .modal-body>:is(input,textarea,select){width:100%}#modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select):hover{border-color:#ffffff26}#modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select):focus,#modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select):focus-visible{background-color:#18141f;border-color:#c4b5ed99;outline:none;box-shadow:0 0 0 4px #c4b5ed1f}#modal textarea{resize:vertical;min-height:150px;line-height:1.5}#modal textarea::placeholder,#modal input::placeholder{color:#8d84a0}#modal .glyph-replace-to{text-align:center;font-size:22px}#modal .modal-loading{color:var(--win-muted);animation:1.4s ease-in-out infinite win-breathe}@keyframes win-breathe{50%{opacity:.45}}#modal .text-mode.choice-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 6px;display:grid}#modal .grid-import-modes.choice-cards{margin:16px 0 6px}#modal .grid-import-option.choice-card{display:grid}#modal .grid-import-files{gap:6px;margin:0 0 6px;padding:0;list-style:none;display:grid}#modal .grid-import-files li{background:#ffffff06;border-radius:12px;padding:10px 12px;box-shadow:inset 0 0 0 1px #ffffff10}#modal .grid-import-files strong{color:var(--win-ink);display:block}#modal .grid-import-files span{color:var(--win-muted);font-size:12px}#modal .check-row{color:var(--win-text)}#modal kbd,.artwork-optimizer kbd{color:var(--win-ink);background:#ffffff0d;border:0;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff1c,inset 0 -2px #00000059}#modal .export-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 14px;display:grid}#modal .export-summary>div{color:var(--win-muted);letter-spacing:.08em;background:radial-gradient(120% 120% at 0 0,#c4b5ed14,#0000 60%),#ffffff05;border:1px solid #ffffff12;border-radius:14px;align-content:start;padding:14px 14px 12px;font-size:10.5px;font-weight:650;display:grid;position:relative}#modal .export-summary>div>svg{color:#c4b5ed99;width:18px;height:18px;position:absolute;top:14px;right:14px}#modal .export-summary strong{color:var(--win-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0 0 4px;font-size:26px;font-weight:650;line-height:1.1}#modal .export-ok{color:#a6e3bd;background:#7fd1a01a;border-radius:99px;align-items:center;gap:7px;margin:0 0 14px;padding:6px 12px 6px 9px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #7fd1a033}#modal .export-ok svg{width:15px;height:15px}:is(#modal,.artwork-optimizer) .export-warning{color:#f3cf96;background:#f0b34a14;border:0;border-radius:12px;padding:10px 14px;font-size:12.5px;box-shadow:inset 0 0 0 1px #f0b34a40}#modal .export-guide{border-radius:14px}#modal .export-guide-video{white-space:nowrap}#modal[data-view=export]{width:min(900px,100vw - 24px)}#modal .export-summary-note{margin:-6px 0 12px}#modal .export-checks{flex-wrap:wrap;gap:8px;margin:0 0 6px;display:flex}#modal .export-checks>*{margin:0}#modal .export-checks #exportWarnings:empty{display:none}#modal .export-methods{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 14px}#modal .export-methods>legend{grid-column:1/-1}#modal .export-steps[hidden]{display:none!important}#modal .export-steps{color:var(--win-text);background:#ffffff04;border:1px solid #ffffff10;border-radius:16px;margin:0;padding:16px 16px 14px;font-size:14px;line-height:1.55}#modal .export-steps.export-guide{margin-top:0}#modal .export-steps>ol{counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}#modal .export-steps>#exportVideoGuide+ol{margin-top:16px}#modal .export-steps>ol>li{counter-increment:step;margin:0;padding:2px 0 0 38px;position:relative}#modal .export-steps>ol>li:before{content:counter(step);width:26px;height:26px;color:var(--win-accent);background:#c4b5ed24;border-radius:50%;place-items:center;font-size:12.5px;font-weight:700;display:grid;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #c4b5ed40}#modal .export-steps>ol>li strong{color:var(--win-ink)}#modal .export-steps>.hint,#modal .export-steps>p{border-top:1px solid #ffffff0d;margin:14px 0 0;padding-top:12px;font-size:12.5px}#modal .export-command{background:var(--win-field);border-radius:12px;align-items:center;gap:6px;margin-top:10px;padding:6px 6px 6px 12px;display:flex;box-shadow:inset 0 0 0 1px #c4b5ed40}#modal .export-command[data-state=busy] code{color:var(--win-muted);animation:1.4s ease-in-out infinite win-breathe}#modal .export-command[data-state=error]{box-shadow:inset 0 0 0 1px #ff8a9560}#modal .export-command[data-state=error] code{color:#ffb1b8;font-family:inherit}#modal .export-command code,#modal .export-restore code{min-width:0;color:var(--win-accent);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:0 0;flex:1;padding:0;font:12.5px/1.5 ui-monospace,SF Mono,Consolas,monospace}#modal .export-restore{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}#modal .export-restore code{background:var(--win-field);color:var(--win-text);border-radius:10px;flex:260px;padding:6px 10px;box-shadow:inset 0 0 0 1px #ffffff12}#modal :is(.export-command,.export-restore) .icon-button{border-radius:9px;flex:none;width:32px;height:32px}#modal .export-steps kbd{padding:1px 7px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.6}#modal .export-more{background:#ffffff03;border:1px solid #ffffff10;border-radius:14px;margin-top:14px}#modal .export-more>summary{min-height:44px;color:var(--win-text);align-items:center;padding:0 14px;font-size:13.5px;font-weight:600;display:flex}#modal .export-more>summary:hover{color:var(--win-ink)}#modal .export-more[open]>summary{border-bottom:1px solid #ffffff0d}#modal .export-more>:not(summary){margin-inline:14px}#modal .export-more>.check-row{margin-top:12px}#modal .export-more>:last-child{margin-bottom:14px}#modal .export-project{background:#ffffff06;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff10}#modal .export-project>span{gap:2px;min-width:0;display:grid}#modal .export-project strong{color:var(--win-ink);font-size:13.5px}#modal .export-project small{color:var(--win-muted);font-size:12px;line-height:1.4}#modal .export-project .button{flex:none;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}#modal .export-project .button svg{width:15px;height:15px}#modal[data-view=export] .modal-footer{justify-content:space-between;display:flex}#modal[data-view=export] .modal-footer .button.primary{min-width:230px}@media (width<=700px){#modal .export-methods{grid-template-columns:1fr}#modal[data-view=export] .modal-footer{flex-direction:column-reverse;align-items:stretch}#modal .export-project{flex-direction:column;align-items:stretch}}#modal .recovery-list{gap:8px;margin-top:2px;display:grid}#modal .recovery-row{background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;transition:border-color .2s,background-color .2s;display:grid}#modal .recovery-row:hover{background:#ffffff0a;border-color:#fff2}#modal .recovery-row:first-child{background:radial-gradient(120% 140% at 0 0,#c4b5ed1a,#0000 60%),#ffffff05;border-color:#c4b5ed4d}#modal .recovery-icon{width:36px;height:36px;color:var(--win-muted);background:#ffffff0d;border-radius:11px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}#modal .recovery-row:first-child .recovery-icon{color:var(--win-accent);background:#c4b5ed24;box-shadow:inset 0 0 0 1px #c4b5ed40}#modal .recovery-icon svg{width:18px;height:18px}#modal .recovery-row small{margin-top:3px}#modal .recovery-actions{gap:6px;display:flex}#modal .recovery-warning{color:#f3cf96}@media (width<=600px){#modal .recovery-row{grid-template-columns:auto minmax(0,1fr)}#modal .recovery-actions{grid-column:1/-1}}#modal .shortcuts-grid>div{border-radius:9px;margin:0 -8px;padding:4px 8px;transition:background-color .15s}#modal .shortcuts-grid>div:hover{background:#ffffff08}:is(#modal,.artwork-optimizer) .modal-footer{background:linear-gradient(#0000,#0000001f);border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px 20px;display:flex}#modal[data-view=text]{width:min(580px,100vw - 24px)}@media (width<=700px){#modal .text-mode.choice-cards{grid-template-columns:1fr}}:is(#modal,.artwork-optimizer) .modal-footer .button,:is(.picker-footer,.drawing-footer,.art-dialog-footer) .button:not(.compact){border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 18px;font-size:13.5px;font-weight:600;display:inline-flex}:is(#modal,.artwork-optimizer) .modal-footer .button svg{flex:none;width:16px;height:16px}:is(#modal,.artwork-optimizer,.hero-picker,.drawing-dialog,.art-dialog) :is(.modal-footer,.picker-footer,.drawing-footer,.art-dialog-footer,.text-art-footer) .button.primary:not(:disabled){color:#231b35;background:linear-gradient(#d4c8f5,#bba9ec);border-color:#0000;box-shadow:0 12px 28px -12px #c4b5edcc,inset 0 1px #ffffff59}#modal .modal-footer .button.primary.danger{color:#2a0f14;background:linear-gradient(#ffa3ab,#f0808c);box-shadow:0 12px 28px -12px #ff8a95cc,inset 0 1px #ffffff59}:is(#modal,.artwork-optimizer) .modal-footer .button.secondary{color:var(--win-ink);background:#ffffff0a;border:1px solid #ffffff14}:is(#modal,.artwork-optimizer) .modal-footer .button.secondary:hover{background:#ffffff14}:is(.picker-footer,.drawing-footer,.art-dialog-footer){background:linear-gradient(#0000,#0000001f);border-top:1px solid #ffffff0f}.artwork-optimizer .optimizer-stats>span{background:radial-gradient(120% 120% at 0 0,#c4b5ed14,#0000 60%),#ffffff05;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff12}.artwork-optimizer .optimizer-comparison canvas{border-radius:12px}@media (prefers-reduced-motion:no-preference){#modal[open]:not([data-view=help]) .modal-body>*{animation:win-rise .42s var(--win-ease) both}#modal[open] .modal-body>:nth-child(2){animation-delay:50ms}#modal[open] .modal-body>:nth-child(3){animation-delay:.1s}#modal[open] .modal-body>:nth-child(4){animation-delay:.15s}#modal[open] .modal-body>:nth-child(5){animation-delay:.2s}#modal[open] .modal-body>:nth-child(n+6){animation-delay:.25s}#modal[open] :is(.export-summary,.recovery-list,.choice-cards)>*{animation:win-rise .42s var(--win-ease) both}#modal[open] :is(.export-summary,.recovery-list,.choice-cards)>:nth-child(2){animation-delay:.14s}#modal[open] :is(.export-summary,.recovery-list,.choice-cards)>:nth-child(3){animation-delay:.2s}#modal[open] :is(.export-summary,.recovery-list,.choice-cards)>:nth-child(n+4){animation-delay:.26s}#modal .export-ok svg{animation:win-pop .5s .3s var(--win-spring) both}}@media (prefers-reduced-motion:reduce){#modal .modal-loading{animation:none}}#modal .help-community{background:radial-gradient(120% 140% at 0 0,#c4b5ed17,#0000 60%),#ffffff05;border:1px solid #c4b5ed29;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 14px;margin:18px 0 14px;padding:14px;display:grid}#modal .help-community-icon{color:#c4b5ed;background:#c4b5ed1f;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 0 0 1px #c4b5ed33}#modal .help-community-icon svg{width:22px;height:22px}#modal .help-community strong{color:var(--win-ink);font-size:14px;font-weight:650}#modal .help-community p{color:var(--win-muted);margin:2px 0 0;font-size:12.5px;line-height:1.5}#modal .help-community-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-top:10px;display:flex}#modal .help-community-actions .button{align-items:center;gap:7px;text-decoration:none;display:inline-flex}#modal .help-community-actions svg{width:16px;height:16px}#modal .export-guide .vg-chapters{margin:10px 0 0;padding:0}#modal .export-guide .vg-chapters>li{margin:0;padding:0}#modal .canvas-font-options{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}#modal .canvas-font-option{color:inherit;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff17;border-radius:10px;justify-items:start;gap:2px;padding:12px 14px;transition:border-color .15s,background .15s;display:grid}#modal .canvas-font-option:hover{border-color:#c4b5ed66}#modal .canvas-font-option[aria-pressed=true]{background:#c4b5ed14;border-color:#c4b5ed}#modal .canvas-font-option b{font-size:20px;font-weight:600;line-height:1.2}#modal .canvas-font-option[data-canvas-font=""] b{font-family:StudioRadiance,sans-serif}#modal .canvas-font-option small{color:var(--win-muted,#afa7bf);font-size:12px}.app-layout>:is(.library-panel,.inspector-panel){color:var(--win-ink);background:radial-gradient(130% 38% at 0% 0%, #c4b5ed14, transparent 60%), var(--win-bg);border:1px solid #ffffff12;border-radius:18px;box-shadow:0 24px 60px -24px #000d,0 0 0 1px #00000040,inset 0 1px #ffffff0d}body.show-library .app-layout>.library-panel{border-radius:18px}:is(.library-panel,.inspector-panel){scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}.app-layout>.library-panel .panel-intro{background:var(--win-head);border-bottom:1px solid #ffffff10;padding:18px 84px 16px 18px}.panel-heading{align-items:center;gap:12px;min-width:0;display:flex}.panel-heading .win-icon,.inspector-title .win-icon{border-radius:12px;width:38px;height:38px}.panel-heading .win-icon svg,.inspector-title .win-icon svg{width:19px;height:19px}.app-layout>.library-panel .panel-heading h1{color:var(--win-ink);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:650;line-height:1.25}.app-layout>.library-panel .panel-heading .panel-lead{color:var(--win-muted);margin:2px 0 0;font-size:12px;line-height:1.4;display:block}.app-layout>.library-panel #libraryDismiss{z-index:2;gap:2px;display:flex;top:20px;right:14px}.app-layout>.library-panel #libraryDismiss :is(.panel-pin,.panel-dismiss){width:30px;height:30px;color:var(--win-muted);transition:background-color .2s, color .2s, rotate .35s var(--win-spring);border-radius:9px;place-items:center;padding:0;display:grid}.app-layout>.library-panel #libraryDismiss :is(.panel-pin,.panel-dismiss):hover{color:var(--win-ink);background:#ffffff10}.app-layout>.library-panel #libraryDismiss .panel-dismiss:hover{rotate:90deg}.app-layout>.library-panel #libraryDismiss .panel-pin[aria-pressed=true]{color:var(--win-accent);background:#c4b5ed1f}.app-layout>.inspector-panel .inspector-title{background:var(--win-head);border-bottom:1px solid #ffffff10;align-items:center;gap:12px;padding:18px 18px 16px;display:flex}.app-layout>.inspector-panel .inspector-title h2{color:var(--win-ink);letter-spacing:-.01em;flex:1;margin:0;font-size:18px;font-weight:650}.app-layout>:is(.library-panel,.inspector-panel) .count-badge{color:var(--win-muted);font-variant-numeric:tabular-nums;background:#ffffff0d;border:0;border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff14}.app-layout>:is(.library-panel,.inspector-panel) :is(.section-heading,.eyebrow){color:var(--win-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:650}.app-layout>:is(.library-panel,.inspector-panel) .section-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.app-layout>.inspector-panel .inspector-content h3{color:var(--win-ink);letter-spacing:-.005em;margin:0 0 12px;font-size:15px;font-weight:650}.app-layout>:is(.library-panel,.inspector-panel) :is(.field-label,.range-label,.check-row){color:var(--win-text)}.app-layout>:is(.library-panel,.inspector-panel) .hint{color:var(--win-muted);line-height:1.5}.app-layout>:is(.library-panel,.inspector-panel) .range-label output{color:var(--win-accent);font-variant-numeric:tabular-nums}.app-layout>:is(.library-panel,.inspector-panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea),.app-layout>:is(.library-panel,.inspector-panel) :is(.input-unit,.number-field:not(.input-unit *)){background-color:var(--win-field);color:var(--win-ink);border:1px solid #ffffff17;border-radius:10px;transition:border-color .2s,box-shadow .2s,background-color .2s}.app-layout>:is(.library-panel,.inspector-panel) :is(.input-unit,.number-field)>input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){box-shadow:none;background:0 0;border:0;border-radius:0}.app-layout>:is(.library-panel,.inspector-panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea,.input-unit):hover{border-color:#ffffff26}.app-layout>:is(.library-panel,.inspector-panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea):focus-visible,.app-layout>:is(.library-panel,.inspector-panel) :is(.input-unit,.number-field):focus-within{background-color:#18141f;border-color:#c4b5ed99;outline:none;box-shadow:0 0 0 4px #c4b5ed1f}.app-layout>:is(.library-panel,.inspector-panel) :is(.input-unit,.number-field)>input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):focus-visible{box-shadow:none;background:0 0;border:0}.app-layout>:is(.library-panel,.inspector-panel) :is(.input-unit,.number-field) :is(span:not(.number-step-buttons),.unit){color:var(--win-muted)}.app-layout>:is(.library-panel,.inspector-panel) input[type=checkbox],.app-layout>:is(.library-panel,.inspector-panel) input[type=range]{accent-color:var(--win-accent)}.app-layout>:is(.library-panel,.inspector-panel) .button.secondary{color:var(--win-ink);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px}.app-layout>:is(.library-panel,.inspector-panel) .button.secondary:not(:disabled):hover{background:#ffffff14;border-color:#fff2}.app-layout>:is(.library-panel,.inspector-panel) .button.primary:not(:disabled){color:#231b35;background:linear-gradient(#d4c8f5,#bba9ec);border-color:#0000;border-radius:10px;box-shadow:0 12px 26px -14px #c4b5edcc,inset 0 1px #ffffff59}.app-layout>:is(.library-panel,.inspector-panel) .button :is([data-icon] svg,svg){width:16px;height:16px}.app-layout>.inspector-panel .icon-button{border-radius:9px;transition:background-color .2s,color .2s}.app-layout>.inspector-panel .icon-button:not(:disabled):hover{color:var(--win-ink);background:#ffffff10}.app-layout>.inspector-panel .inspector-content,.app-layout>.library-panel #panel-heroes .project-panel{padding-top:16px}.app-layout>:is(.library-panel,.inspector-panel) :is(.field-pair,.canvas-size-error)+.button{margin-top:8px}.app-layout>.inspector-panel .layers-panel>.section-heading{background:var(--win-bg)}.app-layout>.library-panel .ascii-library-heading :is(h2,h3){color:var(--win-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:650}.app-layout>.inspector-panel .layers-panel{border-top:1px solid #ffffff10}.app-layout>.inspector-panel .layer-section{border-radius:12px;margin-bottom:6px}.app-layout>.inspector-panel .layer-head{background:#ffffff05;border:1px solid #ffffff10;border-radius:12px;transition:border-color .2s,background-color .2s}.app-layout>.inspector-panel .layer-head:hover{background:#ffffff0a;border-color:#ffffff1f}.app-layout>.inspector-panel .layer-section.selected>.layer-head{background:radial-gradient(120% 140% at 0 0,#c4b5ed1f,#0000 60%),#ffffff06;border-color:#c4b5ed66}.app-layout>.inspector-panel .layer-section.hidden-layer>.layer-head{opacity:.6}.app-layout>.inspector-panel .layer-item{color:var(--win-text);border-radius:9px}.app-layout>.inspector-panel .layer-item:hover{color:var(--win-ink);background:#ffffff0a}.app-layout>.inspector-panel .layer-item.selected{color:var(--win-ink);box-shadow:inset 2px 0 0 var(--win-accent);background:#c4b5ed1f}.app-layout>.inspector-panel .layer-head .icon-button.off{color:#8d84a0}.app-layout>.inspector-panel #addGroup{color:var(--win-ink);transition:background-color .2s, border-color .2s, translate .25s var(--win-ease);background:#c4b5ed0a;border:1px dashed #c4b5ed4d;border-radius:12px}.app-layout>.inspector-panel #addGroup:hover{background:#c4b5ed17;border-color:#c4b5ed99;translate:0 -1px}.app-layout>.inspector-panel #addGroup [data-icon] svg{color:var(--win-accent);transition:rotate .35s var(--win-spring)}.app-layout>.inspector-panel #addGroup:hover [data-icon] svg{rotate:90deg}.app-layout>.inspector-panel :is(.hero-chip,.selection-actions .icon-button){border-radius:9px}.app-layout>.library-panel .project-overview strong{color:var(--win-ink);font-weight:650}.app-layout>.library-panel .create-group-card{background:radial-gradient(120% 140% at 0 0,#c4b5ed1c,#0000 60%),#ffffff06;border:1px solid #c4b5ed33;border-radius:14px}.app-layout>.library-panel .create-group-card:hover{background:radial-gradient(120% 140% at 0 0,#c4b5ed2b,#0000 60%),#ffffff08;border-color:#c4b5ed80}.app-layout>.library-panel .create-group-icon{width:34px;height:34px;color:var(--win-accent);background:#c4b5ed24;border-radius:11px;box-shadow:inset 0 0 0 1px #c4b5ed40}.app-layout>.library-panel .project-templates button{border:1px solid #0000;border-radius:12px}.app-layout>.library-panel .project-templates button:hover{border-color:#ffffff14}.app-layout>.library-panel .template-icon{background:#ffffff0d;border-radius:11px;width:34px;height:34px;box-shadow:inset 0 0 0 1px #ffffff12}.app-layout>.library-panel .project-templates button.is-meta .template-icon{background:radial-gradient(circle at 50% 45%,#f0b34a33,#c4b5ed14 70%);box-shadow:inset 0 0 0 1px #c4b5ed33}.app-layout>.library-panel .project-note{background:#ffffff04;border-color:#ffffff12;border-radius:12px}.app-layout>.library-panel .project-note kbd{color:var(--win-ink);background:#ffffff0d;border:0;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff1c,inset 0 -2px #00000059}.app-layout>.library-panel .drawing-tools>button{color:var(--win-text);background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px}.app-layout>.library-panel .drawing-tools>button:not(.active):hover{color:var(--win-ink);background:#ffffff0d;border-color:#fff2}.app-layout>.library-panel .drawing-tools[data-indicator]>button.active{color:var(--win-accent);background:0 0;border-color:#0000}.app-layout>.library-panel .drawing-tools[data-indicator]:before{border-radius:10px}.app-layout>.library-panel :is(.symbol-library,.draft-symbols) button{transition:background-color .15s, border-color .15s, scale .2s var(--win-spring);background:#ffffff06;border:1px solid #ffffff0a;border-radius:8px}.app-layout>.library-panel :is(.symbol-library,.draft-symbols) button:hover{background:#ffffff10;border-color:#ffffff26;scale:1.08}.app-layout>.library-panel :is(.symbol-library,.draft-symbols) button.active{border-color:var(--win-accent);background:#c4b5ed24;box-shadow:0 6px 14px -8px #c4b5edcc}.app-layout>.library-panel #brushPreview{border-radius:10px}.app-layout>.library-panel .reference-preview{border-radius:12px;overflow:hidden}.app-layout>.library-panel .image-upload{transition:border-color .2s, background-color .2s, translate .25s var(--win-ease);background:radial-gradient(120% 140% at 50% 0,#c4b5ed12,#0000 65%),#ffffff04;border:1px dashed #c4b5ed40;border-radius:14px}.app-layout>.library-panel .image-upload:hover{background:radial-gradient(120% 140% at 50% 0,#c4b5ed24,#0000 65%),#ffffff06;border-color:#c4b5ed99;translate:0 -1px}.app-layout>.library-panel .image-upload>svg,.app-layout>.library-panel .image-upload [data-icon] svg{color:var(--win-accent);transition:scale .3s var(--win-spring), rotate .3s var(--win-ease)}.app-layout>.library-panel .image-upload:hover>svg,.app-layout>.library-panel .image-upload:hover [data-icon] svg{rotate:-6deg;scale:1.12}.app-layout>.library-panel .art-card{transition:border-color .2s, translate .25s var(--win-ease), box-shadow .25s;background:#ffffff05;border:1px solid #ffffff10;border-radius:12px;overflow:hidden}.app-layout>.library-panel .art-card:hover{border-color:#c4b5ed66;translate:0 -2px;box-shadow:0 14px 28px -18px #c4b5edaa}@media (prefers-reduced-motion:no-preference){.panel-heading .win-icon{animation:win-pop .5s var(--win-spring) both}body:not(.focus-mode) .inspector-title .win-icon{animation:win-pop .5s 60ms var(--win-spring) both}.app-layout>.inspector-panel .layer-section{animation:win-rise .35s var(--win-ease) both}}.reference-turns{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:8px 0 0;display:grid}.reference-turns.is-mirror{grid-template-columns:1fr 1fr;margin-top:4px}.reference-turns .button{font-variant-numeric:tabular-nums;min-width:0;padding-inline:2px;font-size:11.5px}.reference-turns .button svg{flex:none;margin-right:4px}.reference-turns .button[aria-pressed=true]{color:#c4b5ed;border-color:#c4b5ed}