/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.shrink{flex-shrink:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color:#242a31;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f4f5f7;--surface:#fff;--surface-2:#fafbfc;--surface-3:#f2f4f6;--line:#e5e8eb;--line-strong:#d5d9de;--text:#21262d;--muted:#7d8792;--soft:#a0a8b1;--accent:#b9831f;--accent-strong:#a97012;--accent-bg:#fbf5e9;--green:#318365;--shadow:0 16px 50px #19222b1a;background:#f5f6f8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:13px;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{color:#302513;background:#f1dfbc}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171a1e;--surface:#202429;--surface-2:#252a30;--surface-3:#2c3239;--line:#343a41;--line-strong:#434b54;--text:#e5e8eb;--muted:#9aa3ad;--soft:#757f89;--accent:#d9ad56;--accent-strong:#e9c578;--accent-bg:#302a20;--shadow:0 16px 50px #00000047}.app-shell{background:var(--bg);flex-direction:column;width:100%;height:100%;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;flex:0 0 62px;align-items:center;gap:16px;padding:0 19px;display:flex}.app-brand{color:var(--text);background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.app-brand-icon{color:#fff;background:#252a30;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.app-brand-title{letter-spacing:-.5px;font-size:14px;font-weight:760}.app-brand-title span{color:var(--accent-strong);font-weight:500}.separator-v{background:var(--line);flex:none;width:1px;height:21px}.separator{background:var(--line);width:100%;height:1px;margin:15px 0}.global-nav{align-items:center;gap:3px;height:100%;display:flex}.global-nav button{height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:0 11px;font-size:12px;transition:all .16s;display:flex}.global-nav button:hover{background:var(--surface-3);color:var(--text)}.global-nav button.active{background:var(--accent-bg);color:var(--accent-strong);font-weight:650}.header-spacer{flex:1}.docs-link{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.docs-link:hover{color:var(--text)}.theme-dot{background:#d9aa45;border-radius:50%;width:8px;height:8px;margin-right:1px;display:inline-block}.app-content{flex:1;min-height:0;overflow:hidden}.app-footer{border-top:1px solid var(--line);height:23px;color:var(--muted);background:var(--surface);flex:0 0 23px;justify-content:space-between;align-items:center;padding:0 16px;font-size:10px;display:flex}.app-footer b{color:var(--soft);margin-left:4px;font-weight:500}.footer-dot,.status-dot{background:#43a47d;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:560;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.button:disabled{opacity:.48;pointer-events:none}.button-md{height:34px;padding:0 11px}.button-sm{height:29px;padding:0 9px;font-size:11px}.button-lg{height:42px;padding:0 16px;font-size:13px}.button-icon{width:30px;height:30px;padding:0}.button-primary{color:#fff;background:#252c32;border-color:#252c32}.button-primary:hover{background:#11161a;border-color:#11161a;box-shadow:0 2px 7px #141b2129}.dark .button-primary{color:#fff;background:#bd8b36;border-color:#bd8b36}.dark .button-primary:hover{background:#a87627}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--line-strong)}.button-secondary:hover{background:var(--surface-2);border-color:#bfc6cd}.button-ghost,.button-quiet{color:var(--muted);background:0 0}.button-ghost:hover,.button-quiet:hover{color:var(--text);background:var(--surface-3)}.button-danger{color:#b14747;background:#fff3f3;border-color:#f3dede}.button-danger:hover{background:#fde9e9}.input{width:100%;height:33px;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;outline:none;padding:0 9px;font-size:12px;transition:border-color .15s,box-shadow .15s}.input:focus,.property-textarea:focus,.json-input:focus{border-color:#c99c4a;box-shadow:0 0 0 3px #c99c4a21}.input::placeholder{color:var(--soft)}.card{border:1px solid var(--line);background:var(--surface);border-radius:10px;box-shadow:0 2px 6px #1e262e06}.badge{letter-spacing:.1px;white-space:nowrap;border-radius:5px;align-items:center;min-height:20px;padding:0 7px;font-size:10px;font-weight:650;display:inline-flex}.badge-neutral{background:var(--surface-3);color:var(--muted)}.badge-green{color:#318365;background:#e9f5ef}.badge-amber{color:#a87924;background:#fbf3e2}.badge-red{color:#aa4e4e;background:#fbebeb}.dark .badge-green{color:#78c7a4;background:#21352e}.dark .badge-amber{color:#e9c578;background:#3b3020}.dark .badge-red{color:#eb9999;background:#3c2929}.icon-button{color:var(--muted);background:0 0;border:0;padding:0}.button-icon{color:var(--muted);background:0 0}.button-icon:hover{color:var(--text);background:var(--surface-3)}.button-icon:disabled{opacity:.34}.tool-active{color:var(--accent-strong);background:var(--accent-bg)}.content-loading,.content-error{min-height:320px;color:var(--muted);place-items:center;display:grid}.content-error h2{color:var(--text)}.content-error p{color:var(--muted)}.editor-page{flex-direction:column;height:100%;min-height:0;display:flex}.editor-toolbar{border-bottom:1px solid var(--line);background:var(--surface);flex:0 0 51px;align-items:center;gap:15px;padding:0 12px 0 17px;display:flex}.editor-breadcrumb{min-width:240px;color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.breadcrumb-slash{color:var(--soft)}.template-name-input{border-color:var(--line);background:var(--surface-2);width:218px;height:27px;padding-left:7px;font-size:12px;font-weight:620}.template-name-input:hover,.template-name-input:focus{background:var(--surface);border-color:#c99c4a}.save-indicator{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.save-dot{background:#54a680;border-radius:50%;width:6px;height:6px;display:inline-block}.save-saving{background:#d9a43d;animation:1s infinite pulse}.save-changed{background:#d9a43d}.save-error{background:#c95858}.editor-actions{align-items:center;gap:5px;display:flex}.editor-actions .button{height:31px;font-size:11px}.editor-layout{flex:1;min-height:0;display:flex;overflow:hidden}.tool-rail{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;flex:0 0 57px;align-items:center;gap:4px;padding:8px 4px;display:flex}.rail-tool{width:48px;min-height:49px;color:var(--muted);background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:8px;transition:all .15s;display:flex}.rail-tool:hover{color:var(--text);background:var(--surface-3)}.rail-tool.active{color:var(--accent-strong);background:var(--accent-bg);font-weight:650}.left-panel{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;flex:0 0 254px;width:254px;min-width:218px;min-height:0;display:flex}.panel-head{border-bottom:1px solid var(--line);flex:0 0 55px;justify-content:space-between;align-items:center;padding:0 13px;display:flex}.panel-head h2{letter-spacing:-.1px;margin:3px 0 0;font-size:13px;font-weight:650}.panel-eyebrow{color:var(--soft);letter-spacing:1.1px;text-transform:uppercase;font-size:8px;font-weight:720}.panel-content{flex:1;min-height:0;padding:12px 11px 18px;overflow:auto}.panel-intro{color:var(--muted);margin:1px 2px 12px;font-size:11px;line-height:1.55}.panel-note{color:var(--muted);margin:10px 2px;font-size:10px;line-height:1.55}.panel-content .full-width{width:100%}.section-title{color:var(--text);margin:13px 2px 8px;font-size:10px;font-weight:650}.canvas-size-card{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;justify-content:space-between;align-items:center;padding:10px;display:flex}.canvas-size-card div{flex-direction:column;gap:4px;display:flex}.canvas-size-card span{color:var(--muted);font-size:10px}.canvas-size-card strong{font-size:12px}.canvas-dimensions{grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;display:grid}.canvas-dimensions label{color:var(--muted);flex-direction:column;gap:5px;font-size:10px;display:flex}.canvas-presets{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.transparency-swatch{background-color:#fff;background-image:linear-gradient(45deg,#b9c0c4 25%,#0000 25%),linear-gradient(-45deg,#b9c0c4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#b9c0c4 75%),linear-gradient(-45deg,#0000 75%,#b9c0c4 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.tool-grid button{height:72px;color:var(--muted);border:1px solid var(--line);background:var(--surface-2);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.tool-grid button:hover{color:var(--accent-strong);background:var(--accent-bg);border-color:#cdb171}.text-presets{flex-direction:column;gap:4px;margin-top:11px;display:flex}.text-presets button{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:9px 7px;font-size:11px;display:flex}.text-presets button span{color:var(--muted);font-size:9px}.text-presets button:hover{background:var(--surface-3);border-color:var(--line)}.layer-toolbar{height:29px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 3px 7px;font-size:10px;display:flex}.layer-list{flex-direction:column;gap:3px;display:flex}.layer-row{min-height:34px;color:var(--muted);cursor:default;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:0 3px 0 5px;transition:background .1s;display:flex}.layer-row:hover{background:var(--surface-2);border-color:var(--line)}.layer-row.selected{background:var(--accent-bg);color:var(--text);border-color:#ead9b9}.layer-row.dragging{opacity:.5}.layer-grip{color:var(--soft);cursor:grab;font-size:15px}.layer-kind{color:#929aa3;place-items:center;width:17px;display:grid}.layer-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text);flex:1;font-size:10px;overflow:hidden}.layer-actions{align-items:center;gap:0;display:none}.layer-row:hover .layer-actions,.layer-row.selected .layer-actions{display:flex}.layer-actions .button-icon{width:21px;height:24px}.layer-actions .button-icon svg{width:11px}.layer-row.is-renaming .layer-actions{display:none}.layer-rename-input{flex:1;min-width:0;height:25px;padding:0 5px;font-size:10px}.layer-tip{color:var(--muted);border-top:1px solid var(--line);align-items:flex-start;gap:7px;margin-top:12px;padding:11px 4px 0;font-size:9px;line-height:1.45;display:flex}.tip-marker{background:#d2a74f;border-radius:50%;flex:0 0 6px;height:6px;margin-top:4px}.template-mini-list,.asset-mini-list{flex-direction:column;gap:5px;margin-top:9px;display:flex}.template-mini,.asset-mini-row{border:1px solid var(--line);background:var(--surface-2);text-align:left;border-radius:7px;align-items:center;gap:8px;padding:7px;display:flex}.template-mini:hover,.asset-mini-row:hover{border-color:#cfb170}.template-mini-thumb{color:#997630;background:#f8f2e7;border-radius:5px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.template-mini span,.asset-mini-row>span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.template-mini b,.asset-mini-row b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.template-mini small,.asset-mini-row small{color:var(--muted);font-size:9px}.asset-mini-row img{object-fit:contain;background:var(--surface-3);border-radius:4px;flex:0 0 36px;width:36px;height:36px}.asset-mini-row .button-icon{width:25px;height:25px}.asset-mini-row .button-danger{color:#b14747}.reference-card{border:1px solid var(--line);text-align:left;background:var(--surface-2);border-radius:7px;align-items:center;gap:8px;width:100%;margin-top:12px;padding:8px;display:flex}.reference-card img{object-fit:cover;border-radius:4px;width:58px;height:44px}.reference-card span{flex-direction:column;gap:4px;display:flex}.reference-card b{font-size:10px}.reference-card small{color:var(--muted);font-size:9px}.asset-temp-note{color:#84621f;background:#fbf5e8;border-radius:6px;gap:7px;margin:11px 0;padding:9px;font-size:9px;line-height:1.45;display:flex}.swatch-grid{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:1px solid #1e232833;border-radius:7px;width:29px;height:29px;box-shadow:inset 0 0 0 1px #fff3}.gradient-presets{flex-direction:column;gap:6px;display:flex}.gradient-presets button{text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:6px;align-items:center;gap:8px;padding:5px;font-size:10px;display:flex}.gradient-presets button span{border-radius:4px;width:62px;height:28px}.hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.variable-list{flex-direction:column;gap:3px;display:flex}.variable-entry{border:1px solid #0000;border-radius:7px}.variable-entry:has(.variable-example-editor){border-color:var(--line);background:var(--surface-2)}.variable-entry-head{align-items:center;gap:2px;display:flex}.variable-entry-head>.variable-row{flex:1}.variable-example-editor{flex-direction:column;gap:6px;padding:4px 9px 9px 42px;display:flex}.variable-example-editor>label:not(.check-row){color:var(--muted);font-size:10px}.variable-example-editor .input{min-width:0}.variable-example-image{object-fit:contain;border:1px solid var(--line);background:var(--surface);border-radius:5px;width:100%;max-height:100px}.variable-example-upload{cursor:pointer;align-self:flex-start;position:relative}.variable-example-upload .hidden-input{cursor:pointer;pointer-events:auto;width:100%;height:100%;inset:0}.variable-example-editor.check-row{flex-direction:row;align-items:center;padding-top:9px}.variable-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;width:100%;padding:7px 6px;display:flex}.variable-row:hover{border-color:var(--line);background:var(--surface-2)}.variable-type{color:#85601c;background:#f7f0e2;border-radius:5px;place-items:center;width:27px;height:27px;font-size:8px;font-weight:700;display:grid}.variable-row span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.variable-row b{font-size:10px}.variable-row small{color:var(--muted);font-size:9px}.variable-form{flex-direction:column;gap:6px;display:flex}.variable-form label{color:var(--muted);margin-top:4px;font-size:10px}.variable-form .check-row{align-items:center;gap:6px;display:flex}.check-row input{accent-color:#b48631}.canvas-workspace{background:var(--bg);flex-direction:column;flex:1;min-width:300px;min-height:0;display:flex}.canvas-top-tools{border-bottom:1px solid var(--line);background:var(--surface);flex:0 0 43px;justify-content:space-between;align-items:center;padding:0 11px;display:flex}.canvas-doc-meta{color:var(--text);align-items:center;gap:8px;font-size:10px;display:flex}.meta-label{color:var(--soft);letter-spacing:.8px;font-size:8px;font-weight:700}.canvas-doc-meta .badge{min-height:17px}.canvas-tool-group{align-items:center;gap:4px;display:flex}.canvas-tool-group .button{height:28px}.zoom-readout{text-align:center;width:36px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.popover-wrap{position:relative}.popover{z-index:30;border:1px solid var(--line);background:var(--surface);width:255px;box-shadow:var(--shadow);border-radius:9px;padding:13px;position:absolute;top:35px;left:0}.popover strong{font-size:12px}.popover p{color:var(--muted);margin:5px 0 10px;font-size:10px;line-height:1.4}.popover label{color:var(--muted);margin:8px 0 4px;font-size:10px;display:block}.popover select{margin-bottom:10px}.expand-popover .button{width:100%}.canvas-stage-wrap{flex-direction:column;flex:1;min-height:0;padding:8px 10px;display:flex}.ruler-top{color:#a5adb5;flex:0 0 16px;justify-content:space-between;align-items:flex-start;height:16px;padding:0 22px 0 35px;font-size:8px;display:flex}.stage-body{flex:1;min-height:0;display:flex}.ruler-left{text-align:right;color:#a5adb5;flex-direction:column;flex:0 0 25px;justify-content:space-between;padding:2px 5px 2px 0;font-size:8px;display:flex}.stage-viewport{border:1px solid var(--line);background-color:#eef0f2;background-image:radial-gradient(#d4d8dc .7px,#0000 .7px);background-size:12px 12px;border-radius:5px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:auto}.dark .stage-viewport{background-color:#1a1d20;background-image:radial-gradient(#33383e .7px,#0000 .7px)}.canvas-page{background:#101214;flex:none;position:relative;overflow:visible;box-shadow:0 13px 35px #131b2138}.canvas-page .canvas-container{inset:0;position:absolute!important;overflow:visible!important}.canvas-page canvas{display:block}.canvas-status{color:var(--muted);background:var(--surface);border-top:1px solid var(--line);flex:0 0 23px;align-items:center;gap:16px;padding:0 11px;font-size:9px;display:flex}.canvas-status span:first-child{color:var(--text)}.properties-panel{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;flex:0 0 267px;width:267px;min-width:230px;min-height:0;display:flex}.properties-content{flex:1;padding:8px 13px 18px;overflow:auto}.inspector-tabs{border-bottom:1px solid var(--line);gap:11px;margin:0 -1px 12px;display:flex}.inspector-tabs button{color:var(--muted);background:0 0;border:0;padding:0 3px 8px;font-size:10px}.inspector-tabs button.active{color:var(--text);border-bottom:2px solid #bc8b34;font-weight:650}.property-section-title{color:var(--soft);letter-spacing:.75px;justify-content:space-between;align-items:center;margin:6px 0 8px;font-size:8px;font-weight:700;display:flex}.property-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.property-field{flex-direction:column;gap:4px;min-width:0;margin-bottom:9px;display:flex}.property-field label,.property-label{color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}.property-field label b{color:var(--text);font-weight:600}.property-field .input{height:30px;font-size:10px}.badge-insert-actions{gap:7px;display:grid}.badge-style-editor{border:1px solid var(--line);background:#ffffff05;border-radius:8px;margin:6px 0}.badge-style-editor>summary{cursor:pointer;color:var(--text);padding:9px 10px;font-size:10px;font-weight:650}.badge-style-fields{padding:0 9px 9px}.badge-style-fields .property-grid{gap:7px}.sprite-map-list{grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 10px;display:grid}.sprite-map-list label{color:var(--muted);gap:4px;font-size:9px;display:grid}.sprite-map-list .input{min-width:0;height:30px;font-size:9px}.number-with-unit{position:relative}.number-with-unit .input{padding-right:23px}.number-with-unit span{color:var(--muted);font-size:10px;position:absolute;top:8px;right:9px}.range-input{accent-color:#b48631;width:100%}.property-range{height:12px;margin-top:-1px}.property-textarea{resize:vertical;border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;outline:none;width:100%;min-height:74px;padding:8px;font-size:10px;line-height:1.45}.property-label{margin:9px 0 5px}.segmented-control{border:1px solid var(--line);border-radius:6px;height:31px;padding:2px;display:flex}.segmented-control button{color:var(--muted);background:0 0;border:0;border-radius:4px;flex:1;place-items:center;display:grid}.segmented-control button.active{color:var(--text);background:var(--surface-3)}.color-control{align-items:center;gap:6px;display:flex}.color-control input[type=color]{border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;width:31px;height:30px;padding:3px}.color-control .input{flex:1}.empty-inspector{color:var(--muted);text-align:center;flex-direction:column;align-items:center;padding:33px 19px;display:flex}.empty-icon{color:#99917d;background:var(--surface-3);border-radius:9px;place-items:center;width:37px;height:37px;margin-bottom:11px;display:grid}.empty-inspector strong{color:var(--text);font-size:11px;font-weight:620}.empty-inspector>span{max-width:205px;margin-top:6px;font-size:10px;line-height:1.55}.canvas-summary{justify-content:space-between;width:100%;margin-top:9px;font-size:9px;display:flex}.canvas-summary b{color:var(--text);font-weight:550}.toast{z-index:50;border:1px solid var(--line);background:var(--surface);max-width:380px;box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:15px;padding:9px 11px;font-size:11px;display:flex;position:fixed;bottom:39px;right:26px}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11171c73;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.preview-modal,.reference-modal{border:1px solid var(--line);background:var(--surface);width:min(980px,96vw);max-height:92vh;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.preview-modal>header,.reference-modal>header{border-bottom:1px solid var(--line);flex:0 0 57px;justify-content:space-between;align-items:center;padding:0 17px;display:flex}.preview-modal h2,.reference-modal h2{margin:3px 0 0;font-size:15px}.preview-modal-body{grid-template-columns:320px minmax(0,1fr);gap:14px;min-height:0;padding:14px;display:grid;overflow:auto}.json-test-form{flex-direction:column;gap:8px;display:flex}.json-test-form>label{color:var(--muted);font-size:10px}.json-input{resize:vertical;color:#dbe0e4;background:#22272c;border:1px solid #353d44;border-radius:7px;outline:none;flex:1;width:100%;min-height:330px;padding:10px;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.json-actions{justify-content:space-between;gap:5px;display:flex}.preview-result{background:var(--surface-3);border:1px solid var(--line);border-radius:7px;flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;padding:10px;display:flex;overflow:auto}.preview-result img{object-fit:contain;width:100%;height:auto;max-height:68vh;display:block;box-shadow:0 5px 20px #0000002e}.preview-result-footer{width:100%;color:var(--muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:10px;display:flex}.preview-empty{min-height:280px;color:var(--muted);background:var(--surface-2);border:1px dashed var(--line-strong);text-align:center;border-radius:7px;align-content:center;place-items:center;gap:12px;font-size:11px;display:grid}.preview-modal>footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 15px;font-size:10px;display:flex}.reference-modal{width:min(1100px,96vw);padding-bottom:13px}.reference-modal img{object-fit:contain;border-radius:5px;max-width:calc(100% - 26px);max-height:74vh;margin:13px auto 0}.reference-modal p{color:var(--muted);margin:10px 16px 1px;font-size:10px;line-height:1.5}.settings-grid{grid-template-columns:minmax(320px,1fr) minmax(270px,.75fr);align-items:start;gap:13px;display:grid}.ai-settings-card,.ai-status-card{padding:17px}.ai-settings-card>p,.ai-status-card>p{color:var(--muted);font-size:11px;line-height:1.6}.ai-provider-mark,.ai-config-icon,.ai-done-icon{color:#9b712a;background:#fbf3e3;border:1px solid #efe1c1;border-radius:9px;place-items:center;display:grid}.ai-provider-mark{width:36px;height:36px}.ai-settings-card form{flex-direction:column;align-items:flex-start;gap:8px;margin-top:17px;display:flex}.ai-settings-card form>label,.ai-options-column>label,.field-label{color:var(--muted);font-size:10px;font-weight:600}.ai-settings-card form .input{max-width:520px}.form-note{color:var(--soft);font-size:9px;line-height:1.5}.settings-success{color:#34805c;align-items:center;gap:6px;font-size:10px;display:flex}.ai-status-card h2{margin:6px 0 13px;font-size:14px}.ai-status-line{background:var(--surface-2);border-radius:7px;align-items:center;gap:8px;padding:10px;font-size:11px;display:flex}.ai-setting-detail{color:var(--muted);justify-content:space-between;padding:12px 1px 8px;font-size:10px;display:flex}.ai-status-card>small{color:var(--soft);font-size:9px}.ai-builder-backdrop{z-index:100}.ai-builder-dialog{border:1px solid var(--line);background:var(--surface);width:min(980px,100vw - 34px);max-height:calc(100vh - 34px);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.ai-builder-dialog>header{border-bottom:1px solid var(--line);flex:0 0 62px;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.ai-builder-dialog h2{margin:3px 0 0;font-size:16px}.ai-builder-form{flex-direction:column;min-height:0;display:flex;overflow:auto}.ai-builder-columns{grid-template-columns:minmax(260px,.88fr) minmax(330px,1.12fr);gap:19px;padding:17px 18px 12px;display:grid}.ai-reference-column,.ai-options-column{flex-direction:column;gap:8px;min-width:0;display:flex}.ai-upload-zone{border:1px dashed var(--line-strong);background:var(--surface-2);cursor:pointer;border-radius:8px;place-items:center;min-height:280px;max-height:410px;display:grid;position:relative;overflow:hidden}.ai-upload-zone:hover{background:var(--surface-3);border-color:#c99c4a}.ai-upload-zone input{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ai-upload-zone img{object-fit:contain;width:100%;height:100%;max-height:410px;display:block}.ai-upload-empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:9px;padding:24px;display:flex}.ai-upload-empty svg{color:#9b712a}.ai-upload-empty b{color:var(--text);font-size:11px}.ai-upload-empty small{font-size:9px}.ai-file-meta{flex-direction:column;gap:4px;min-width:0;font-size:9px;display:flex}.ai-file-meta b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ai-file-meta span{color:var(--muted)}.ai-options-column>label:not(:first-child){margin-top:7px}.ai-mode-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.ai-mode-option{border:1px solid var(--line);cursor:pointer;border-radius:7px;align-items:flex-start;gap:6px;min-width:0;padding:8px 7px;display:flex}.ai-mode-option.selected{background:var(--accent-bg);border-color:#d4b46f}.ai-mode-option input{accent-color:#aa7b27;margin:2px 0 0}.ai-mode-option span{flex-direction:column;gap:4px;min-width:0;display:flex}.ai-mode-option b{font-size:9px}.ai-mode-option small{color:var(--muted);font-size:8px;line-height:1.4}.ai-instructions{resize:vertical;height:auto;min-height:110px;padding:9px;line-height:1.5}.ai-builder-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;font-size:9px;display:flex}.ai-builder-foot>div{gap:7px;display:flex}.ai-error{color:#9f3434;background:#fff5f5;border:1px solid #efcccc;border-radius:7px;margin:0 18px 10px;padding:9px 10px;font-size:10px}.ai-config-prompt,.ai-done{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:42px 25px;display:flex}.ai-config-prompt{gap:9px}.ai-config-prompt h3,.ai-done h3{color:var(--text);margin:4px 0 0;font-size:14px}.ai-config-prompt p,.ai-done>p{max-width:460px;color:var(--muted);margin:0 0 8px;font-size:10px;line-height:1.6}.ai-config-icon,.ai-done-icon{width:43px;height:43px}.ai-limitations{width:min(580px,100%);color:var(--text);background:var(--accent-bg);text-align:left;border:1px solid #ecdcb9;border-radius:8px;margin:9px 0 15px;padding:12px 14px;font-size:10px}.ai-limitations ul{color:var(--muted);margin:7px 0;padding-left:18px;line-height:1.5}.ai-limitations p{color:var(--muted);margin:8px 0 0;line-height:1.5}.ai-clean-photo-upload{border:1px dashed var(--line-strong);min-height:36px;color:var(--muted);background:var(--surface-2);cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:7px 9px;font-size:9px;display:flex}.ai-clean-photo-upload input{opacity:0;width:1px;height:1px;position:absolute}.ai-clean-photo-upload svg{color:#9b712a;flex:none}.ai-job-progress{color:#9b712a;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:290px;padding:30px;display:flex}.ai-job-progress h3{color:var(--text);margin:4px 0 0;font-size:14px}.ai-job-progress p{max-width:510px;color:var(--muted);margin:0 0 8px;font-size:10px;line-height:1.6}.ai-job-progress.failed{color:#a44343}.ai-review-panel{min-height:0;padding:14px 18px 0;overflow:auto}.ai-review-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ai-review-title h3{margin:4px 0;font-size:14px}.ai-review-title p{color:var(--muted);margin:0;font-size:9px}.ai-review-images{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.ai-review-images figure{min-width:0;margin:0}.ai-review-images figcaption{color:var(--muted);padding:6px 8px;font-size:9px;font-weight:600}.ai-review-images img{aspect-ratio:4/3;object-fit:contain;border:1px solid var(--line);background:#16181a;border-radius:6px;width:100%;max-height:290px}.ai-review-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:9px;display:flex}.ai-review-toolbar>div{gap:5px;display:flex}.ai-review-slider{padding:8px 0 10px}.ai-review-slider>label{color:var(--muted);margin-bottom:6px;font-size:9px;display:block}.ai-review-overlay{aspect-ratio:4/3;border:1px solid var(--line);background:#181a1c;border-radius:6px;width:100%;max-height:340px;position:relative;overflow:hidden}.ai-review-overlay img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.ai-review-overlay .ai-review-overlay-top{z-index:1}.ai-review-slider input{accent-color:#b98d3d;width:100%}.ai-review-overlay-labels{color:var(--soft);justify-content:space-between;font-size:8px;display:flex}.ai-review-warnings{color:var(--text);background:var(--accent-bg);border:1px solid #ecdcb9;border-radius:7px;margin:8px 0;padding:10px 12px;font-size:9px}.ai-review-warnings ul{color:var(--muted);margin:5px 0 0;padding-left:17px;line-height:1.5}.ai-review-layers{border:1px solid var(--line);border-radius:7px;margin:8px 0;overflow:hidden}.ai-review-layers-head{color:var(--text);background:var(--surface-2);justify-content:space-between;padding:8px 10px;font-size:9px;display:flex}.ai-review-layers-head span{color:var(--muted)}.ai-review-layer{border-top:1px solid var(--line);align-items:center;gap:8px;min-height:47px;padding:5px 8px;display:flex}.ai-layer-thumbnail,.ai-layer-placeholder{object-fit:contain;border:1px solid var(--line);background-color:#f7f7f7;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:4px;flex:none;place-items:center;width:38px;height:34px;display:grid}.ai-layer-placeholder{color:var(--muted)}.ai-layer-name{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex;overflow:hidden}.ai-layer-name b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.ai-layer-name small{color:var(--muted);font-size:8px}.ai-layer-actions{align-items:center;gap:4px;display:flex}.ai-isolated-layer{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin:9px 0;padding:9px;display:flex}.ai-isolated-layer>div{flex-direction:column;gap:4px;font-size:9px;display:flex}.ai-isolated-layer small{color:var(--muted)}.ai-isolated-layer img{object-fit:contain;border:1px solid var(--line);background-color:#f7f7f7;border-radius:4px;max-width:190px;max-height:130px}.ai-review-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:10px -18px 0;padding:10px 18px;font-size:9px;display:flex;position:sticky;bottom:-1px}.psd-import-dialog{width:min(720px,100vw - 34px)}.psd-import-form{flex-direction:column;gap:9px;padding:16px 18px 14px;display:flex}.psd-import-form>label:not(.ai-upload-zone){color:var(--muted);font-size:10px;font-weight:600}.psd-upload-zone{min-height:160px;max-height:180px}.psd-support-note{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;padding:11px 12px;font-size:10px}.psd-support-note p{color:var(--muted);margin:6px 0;line-height:1.55}.psd-support-note small{color:var(--soft);line-height:1.5}.psd-job-status{color:#9b712a;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:25px 20px;display:flex}.psd-job-status h3{color:var(--text);margin:11px 0 5px;font-size:14px}.psd-job-status>p{max-width:560px;color:var(--muted);margin:0 0 11px;font-size:10px;line-height:1.6}.psd-job-status>small{color:var(--soft);font-size:9px}.psd-job-status .ai-limitations{color:var(--text)}.psd-error-icon{color:#b24747;background:#fff1f1;border:1px solid #f0d1d1;border-radius:50%;place-items:center;width:39px;height:39px;font-size:20px;font-weight:700;display:grid}.auth-screen{background:radial-gradient(at 50% 40%,#f9f7f0 0,#f1f2f3 60%,#e9ecef 100%);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.auth-orbit{pointer-events:none;border:1px solid #a685471a;border-radius:50%;width:690px;height:690px;position:absolute}.orbit-one{transform:scale(.78)}.orbit-two{transform:scale(1.04)}.auth-card{background:#ffffffed;border:1px solid #e4e6e7;border-radius:13px;width:418px;position:relative;overflow:hidden;box-shadow:0 24px 80px #1e262e1a}.auth-brand{border-bottom:1px solid #eceeef;align-items:center;gap:10px;padding:17px 21px;display:flex}.brand-mark{color:#fff;background:#292e32;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.auth-brand div:last-child{flex-direction:column;gap:2px;display:flex}.auth-brand strong{color:#272c30;font-size:13px}.auth-brand span{color:#9299a0;font-size:9px}.auth-content{padding:28px 31px 30px}.auth-icon{color:#99702a;background:#f8f1e4;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.auth-content .eyebrow{color:#a38a5b;letter-spacing:1px;margin:19px 0 6px;font-size:8px;font-weight:720}.auth-content h1{color:#252b30;letter-spacing:-.45px;margin:0;font-size:21px}.auth-description{color:#77808a;max-width:325px;margin:7px 0 18px;font-size:11px;line-height:1.55}.auth-form{flex-direction:column;gap:7px;display:flex}.auth-form>label{color:#555f67;margin-top:4px;font-size:10px;font-weight:600}.auth-form .input{height:38px;padding:0 11px}.auth-form .show-pin{color:#7e878f;align-items:center;gap:6px;margin-top:2px;font-size:9px;font-weight:450;display:flex}.auth-submit{width:100%;margin-top:8px}.inline-error{color:#a74343;margin:3px 0;font-size:10px;line-height:1.45}.auth-footer{color:#899199;border-top:1px solid #eceeef;justify-content:center;align-items:center;gap:5px;padding:11px 8px;font-size:8px;display:flex}.auth-footer svg:first-child{color:#528c73}.auth-footer-dot{background:#bdc2c6;border-radius:50%;width:3px;height:3px;margin:0 4px}.auth-caption{color:#a0a7ad;letter-spacing:1.1px;font-size:8px;position:absolute;bottom:22px}.auth-caption span{color:#c3a76d;padding:0 4px}.auth-wait{width:100%;height:100%;color:var(--muted);background:var(--bg);justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex}.auth-error{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.auth-error .brand-lockup{color:var(--text);align-items:center;gap:8px;display:flex}.auth-error h1{margin:18px 0 0;font-size:20px}.auth-error p{max-width:400px;color:var(--muted);text-align:center;font-size:12px}.page-container{width:min(1280px,100%);height:100%;margin:0 auto;padding:25px 30px 38px;overflow:auto}.page-title-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.page-title-row h1{letter-spacing:-.6px;margin:5px 0 4px;font-size:22px;font-weight:680}.page-title-row p{color:var(--muted);margin:0;font-size:11px}.page-actions{align-items:center;gap:8px;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px;display:grid}.stat-card{align-items:center;gap:11px;min-height:98px;padding:15px 14px;display:flex}.stat-icon{border-radius:9px;flex:0 0 35px;place-items:center;width:35px;height:35px;display:grid}.stat-blue{color:#537695;background:#eaf1f6}.stat-violet{color:#786495;background:#f0ebf6}.stat-amber{color:#a37a2d;background:#f8f1df}.stat-red{color:#a25757;background:#f8ebeb}.stat-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stat-copy span{color:var(--muted);font-size:10px}.stat-copy strong{font-size:21px;font-weight:670;line-height:1.1}.stat-copy small{color:var(--soft);font-size:9px}.stat-more{color:var(--soft);align-self:flex-start}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:12px;display:grid}.recent-card,.quick-card{min-height:274px;padding:15px}.section-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-card-head h2{margin:4px 0 0;font-size:13px;font-weight:650}.section-card-head>svg{color:var(--accent)}.recent-list{margin-top:13px}.recent-row{border-top:1px solid var(--line);align-items:center;gap:10px;min-height:43px;display:flex}.job-status{background:#d7a74c;border-radius:50%;width:7px;height:7px}.status-succeeded{background:#4f9c79}.status-failed{background:#c65e5e}.status-running{background:#d8a546;animation:1s infinite pulse}.recent-row>div{flex-direction:column;flex:1;gap:3px;display:flex}.recent-row strong{font-size:10px;font-weight:620}.recent-row small{color:var(--muted);font-size:9px}.recent-meta{color:var(--muted);text-transform:capitalize;font-size:9px}.quick-steps{flex-direction:column;margin:16px 0 12px;display:flex}.quick-steps>div{border-top:1px solid var(--line);grid-template-columns:26px 1fr;column-gap:9px;padding:8px 0;display:grid}.quick-steps span{color:#9c752d;background:#f8f1e3;border-radius:6px;grid-row:span 2;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.quick-steps b{font-size:10px;font-weight:620}.quick-steps small{color:var(--muted);margin-top:3px;font-size:9px}.quick-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:11px;font-size:9px;display:flex}.dashboard-bottom{grid-template-columns:repeat(2,minmax(130px,.6fr)) minmax(250px,1.5fr);gap:11px;margin-top:12px;display:grid}.metric-card{flex-direction:column;gap:4px;padding:13px;display:flex}.metric-card strong{font-size:18px}.metric-card small{color:var(--muted);font-size:9px}.security-callout{align-items:center;gap:10px;padding:13px;display:flex}.security-callout>svg{color:#528b73}.security-callout div{flex-direction:column;flex:1;gap:4px;display:flex}.security-callout b{font-size:10px}.security-callout span{color:var(--muted);font-size:9px}.security-callout a,.curl-card a{color:#9b712a;align-items:center;gap:4px;font-size:9px;display:flex}.empty-state{min-height:165px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state b{color:var(--text);margin-top:1px;font-size:11px}.empty-state span{max-width:260px;margin-top:5px;font-size:9px;line-height:1.5}.list-toolbar{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;display:flex}.search-field{border:1px solid var(--line-strong);background:var(--surface);min-width:300px;height:34px;color:var(--muted);border-radius:7px;align-items:center;gap:7px;padding:0 9px;display:flex}.search-field .input{height:30px;box-shadow:none;border:0;padding:0}.templates-table{border:1px solid var(--line);background:var(--surface);border-radius:9px;overflow:hidden}.table-head,.template-table-row{grid-template-columns:minmax(210px,2fr) minmax(90px,.8fr) minmax(105px,.85fr) minmax(55px,.5fr) minmax(85px,.72fr) minmax(100px,.9fr) 65px;align-items:center;gap:10px;padding:0 13px;display:grid}.table-head{height:37px;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--line);font-size:9px;font-weight:600}.template-table-row{border-bottom:1px solid var(--line);min-height:58px;color:var(--muted);font-size:10px}.template-table-row:last-child{border-bottom:0}.template-identity{align-items:center;gap:3px;min-width:0;display:flex}.template-identity .template-title-cell{flex:1}.template-identity>.button-icon{flex:0 0 26px;width:26px;height:26px}.template-title-cell{text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.template-title-cell span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.template-title-cell b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:630;overflow:hidden}.template-title-cell small{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.template-title-cell small strong{color:var(--muted);font-weight:650}.template-thumb{color:#94702d;background:#f6f0e6;border:1px solid #eee4d2;border-radius:6px;flex:0 0 35px;place-items:center;width:35px;height:35px;display:grid}.row-actions{justify-content:flex-end;gap:0;display:flex}.row-actions .button-icon{width:26px}.table-empty{min-height:180px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.table-empty b{color:var(--text)}.table-empty svg{color:#aaa18e}.history-error{color:#bc5252;font-weight:700}.assets-page .page-title-row p{max-width:660px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:11px;display:grid}.asset-card{overflow:hidden}.asset-preview{background:var(--surface-3);background-image:linear-gradient(45deg,#e8ebed 25%,#0000 25%),linear-gradient(-45deg,#e8ebed 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8ebed 75%),linear-gradient(-45deg,#0000 75%,#e8ebed 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;place-items:center;height:126px;padding:11px;display:grid;position:relative}.asset-preview img{object-fit:contain;width:100%;height:100%}.asset-preview .asset-delete{opacity:.95;background:var(--surface);position:absolute;top:5px;right:5px}.asset-info{flex-direction:column;gap:4px;padding:9px;display:flex}.asset-info b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.asset-info span,.asset-info small{color:var(--muted);font-size:9px}.upload-label{cursor:pointer}.upload-label input{opacity:0;width:1px;height:1px;position:absolute}.asset-feedback{border:1px solid;border-radius:7px;margin:0 0 11px;padding:9px 11px;font-size:11px;line-height:1.45}.asset-feedback.success{color:#286345;background:#f0faf4;border-color:#c9e5d4}.asset-feedback.error{color:#9f3434;background:#fff5f5;border-color:#efcccc}.keys-layout{grid-template-columns:minmax(300px,.75fr) minmax(430px,1.25fr);gap:12px;display:grid}.key-create-card,.key-list-card,.curl-card{padding:15px}.key-create-card h2{margin:5px 0;font-size:14px}.key-create-card>p{color:var(--muted);font-size:10px;line-height:1.5}.key-create-card form{flex-direction:column;gap:7px;margin-top:13px;display:flex}.key-create-card form>label{color:var(--muted);font-size:10px}.key-template-list{flex-direction:column;gap:6px;max-height:130px;padding:4px 0;display:flex;overflow:auto}.key-list-card{min-height:260px}.key-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:48px;display:flex}.key-row:last-child{border:0}.key-row.revoked{opacity:.6}.key-icon{color:#94702d;background:#f6f0e6;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.key-row div{flex-direction:column;flex:1;gap:4px;display:flex}.key-row b{font-size:10px}.key-row small{color:var(--muted);font-size:9px}.secret-reveal{color:#347853;background:#f2faf4;border:1px solid #d8e9dc;border-radius:7px;flex-direction:column;gap:7px;margin-top:13px;padding:9px;font-size:9px;display:flex}.secret-reveal code{overflow-wrap:anywhere;color:#263a2d;background:#fff;border-radius:4px;padding:7px;font-size:10px}.secret-reveal .button{align-self:flex-start}.curl-card{margin-top:12px}.curl-card pre{color:#e0e4e7;background:#22272c;border-radius:6px;margin:12px 0 0;padding:12px;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.nav-loading{z-index:90;border:1px solid var(--line);color:var(--muted);background:var(--surface);box-shadow:var(--shadow);border-radius:7px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;display:flex;position:fixed;bottom:33px;right:13px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media (width<=1200px){.left-panel{flex-basis:222px;width:222px}.properties-panel{flex-basis:238px;width:238px}.editor-actions .button{padding:0 7px}.editor-actions .button svg{display:none}.global-nav button{padding:0 8px}}@media (width<=960px){.global-nav button{justify-content:center;width:34px;padding:0;font-size:0}.global-nav button svg{width:17px;height:17px}.properties-panel{flex-basis:215px;width:215px}.left-panel{flex-basis:205px;width:205px}.save-indicator{display:none}.editor-breadcrumb{min-width:190px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-bottom{grid-template-columns:1fr 1fr}.security-callout{grid-column:span 2}.settings-grid{grid-template-columns:1fr}}@media (width<=760px){.app-header{gap:8px;padding:0 9px}.docs-link span,.app-brand-title,.app-header>.separator-v:first-of-type{display:none}.app-brand-icon{width:29px;height:29px}.global-nav{gap:0}.global-nav button{width:31px}.app-footer span:nth-child(3){display:none}.editor-toolbar{flex-wrap:wrap;flex-basis:auto;gap:5px;height:auto;min-height:48px;padding:6px}.editor-breadcrumb{flex:1;min-width:170px}.template-name-input{width:140px}.editor-actions{width:100%;overflow-x:auto}.editor-actions .button svg{display:block}.tool-rail{flex-basis:46px}.rail-tool{width:40px}.rail-tool span{font-size:7px}.left-panel{flex-basis:180px;min-width:175px}.properties-panel{display:none}.canvas-top-tools{gap:12px;overflow-x:auto}.canvas-doc-meta{display:none}.canvas-stage-wrap{padding:4px}.ruler-top,.ruler-left{display:none}.page-container{padding:17px 12px 28px}.page-title-row{flex-direction:column;align-items:flex-start}.page-title-row h1{font-size:20px}.page-actions{align-self:stretch}.list-toolbar{gap:10px}.search-field{flex:1;min-width:0}.table-head{display:none}.template-table-row{grid-template-columns:minmax(150px,1fr) auto;gap:7px;padding:9px}.template-table-row>span:not(:first-child):not(:nth-child(2)),.template-table-row>span:nth-child(2){display:none}.row-actions{grid-area:1/2}.keys-layout,.preview-modal-body{grid-template-columns:1fr}.json-input{min-height:210px}.preview-result{min-height:180px}.auth-card{width:min(418px,100% - 28px)}.auth-content{padding:23px 22px}.auth-footer{flex-wrap:wrap}.ai-builder-backdrop{padding:8px}.ai-builder-dialog{width:100%;max-height:calc(100vh - 16px)}.ai-builder-columns{grid-template-columns:1fr;gap:14px;padding:12px}.ai-upload-zone{min-height:180px;max-height:240px}.ai-upload-zone img{max-height:240px}.ai-mode-list{grid-template-columns:1fr}.ai-builder-foot{flex-direction:column;align-items:stretch;padding:10px 12px}.ai-builder-foot>div{justify-content:flex-end}.ai-options-column{gap:7px}.ai-review-panel{padding:12px 12px 0}.ai-review-images{gap:6px}.ai-review-images img{max-height:190px}.ai-review-footer{flex-direction:column;align-items:stretch;margin-left:-12px;margin-right:-12px;padding:9px 12px}.ai-review-layer{flex-wrap:wrap;align-items:flex-start}.ai-layer-actions{margin-left:auto}.page-actions .button{flex:1;justify-content:center;padding:0 7px;font-size:10px}.psd-import-form{padding:12px}}.ai-quality-blockers{background:#78181e29;border-color:#dc4b4b73}.ai-refine-box{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;gap:8px;margin:9px 0;padding:10px;display:grid}.ai-refine-box>div:first-child{flex-direction:column;gap:4px;font-size:9px;display:flex}.ai-refine-box>div:first-child small{color:var(--muted)}.ai-refine-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.ai-refine-fields label{color:var(--muted);gap:4px;font-size:8px;display:grid}.ai-refine-fields input{min-width:0;height:30px;padding:0 7px;font-size:10px}.ai-refine-box>.button{justify-self:start}@media (width<=760px){.ai-refine-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.badge-preset-list{gap:6px;margin-top:8px;display:grid}.badge-preset-card{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;justify-content:space-between;align-items:center;gap:5px;padding:7px;display:flex}.badge-preset-card>div:first-child{gap:3px;min-width:0;display:grid}.badge-preset-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.badge-preset-card small{color:var(--muted);font-size:8px}.badge-preset-card>div:last-child{flex:none;align-items:center;display:flex}.badge-studio-backdrop{z-index:105;padding:16px}.badge-studio-dialog{border:1px solid var(--line);background:var(--surface);width:min(1390px,98vw);height:min(940px,96vh);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.badge-studio-dialog>header{border-bottom:1px solid var(--line);flex:0 0 58px;justify-content:space-between;align-items:center;padding:0 17px;display:flex}.badge-studio-dialog h2{margin:3px 0 0;font-size:15px}.badge-studio-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.badge-studio-toolbar .segmented-control{flex:none;width:260px}.badge-studio-name{color:var(--muted);grid-template-columns:auto minmax(190px,340px);align-items:center;gap:9px;font-size:10px;display:grid}.badge-studio-workarea{flex:1;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);min-height:0;display:grid}.badge-studio-preview-column{border-right:1px solid var(--line);flex-direction:column;min-width:0;padding:14px;display:flex}.badge-studio-preview-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.badge-studio-preview-head>div{gap:4px;display:grid}.badge-studio-preview-head b{font-size:11px}.badge-studio-preview-head small,.badge-studio-preview-head>span{color:var(--muted);font-size:9px}.badge-studio-preview{border:1px solid var(--line);background-color:#171b20;background-image:linear-gradient(45deg,#20252b 25%,#0000 25%),linear-gradient(-45deg,#20252b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#20252b 75%),linear-gradient(-45deg,#0000 75%,#20252b 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:8px;flex:1;min-height:200px;display:flex;overflow:hidden}.badge-studio-preview .stage-viewport{background:0 0;border:0;border-radius:0}.badge-studio-preview .canvas-page{box-shadow:0 8px 25px #00000047}.badge-studio-size{grid-template-columns:1fr 1fr;gap:11px;padding-top:12px;display:grid}.badge-studio-controls{min-height:0;padding:13px 14px;overflow:auto}.badge-studio-controls section{gap:8px;display:grid}.badge-studio-controls h3{margin:0;font-size:10px;font-weight:700}.badge-studio-controls label:not(.badge-studio-check):not(.badge-studio-sprite-row):not(.badge-studio-upload){color:var(--muted);gap:5px;font-size:9px;display:grid}.badge-studio-controls .input{min-width:0}.badge-studio-textarea{min-width:0;min-height:88px;font-size:10px}.badge-studio-two{grid-template-columns:1fr 1fr;gap:9px;display:grid}.badge-studio-background-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;display:grid}.badge-studio-background-row .badge-studio-upload{white-space:nowrap;height:32px;padding:0 8px;font-size:9px}.badge-studio-background-preview{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:8px;display:flex}.badge-studio-background-preview img{object-fit:contain;border:1px solid var(--line);background-color:#171b20;background-image:linear-gradient(45deg,#20252b 25%,#0000 25%),linear-gradient(-45deg,#20252b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#20252b 75%),linear-gradient(-45deg,#0000 75%,#20252b 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:5px;flex:none;width:92px;height:38px;padding:3px}.badge-studio-background-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge-studio-check{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.badge-studio-color{border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;width:100%;height:32px;padding:3px}.badge-studio-number{min-width:0;color:var(--muted);gap:4px;font-size:9px;display:grid}.badge-studio-number>div{grid-template-columns:minmax(68px,86px) 1fr;align-items:center;gap:8px;display:grid}.badge-studio-number .input{height:29px;padding:0 6px;font-size:9px}.badge-studio-sprite-list{gap:5px;max-height:390px;display:grid;overflow:auto}.badge-studio-sprite-row{min-height:34px;color:var(--muted);grid-template-columns:78px minmax(0,1fr) 29px 72px;align-items:center;gap:6px;font-size:8px;display:grid}.badge-studio-sprite-row .input{height:28px;font-size:8px}.badge-studio-sprite-row img{object-fit:contain;border:1px solid var(--line);background:var(--surface-3);border-radius:4px;width:27px;height:27px;padding:2px}.badge-studio-upload{border:1px solid var(--line-strong);height:27px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:4px;font-size:8px;display:flex}.badge-studio-upload input{opacity:0;width:1px;height:1px;position:absolute}.badge-studio-message{color:var(--accent-strong);margin:9px 0 0;font-size:9px;line-height:1.4}.badge-studio-dialog>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.badge-studio-dialog>footer>span{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.badge-studio-dialog>footer>div{align-items:center;gap:6px;display:flex}@media (width<=920px){.badge-studio-dialog{height:min(960px,98vh)}.badge-studio-workarea{grid-template-rows:minmax(270px,.75fr) minmax(0,1fr);grid-template-columns:1fr;overflow:auto}.badge-studio-preview-column{border-right:0;border-bottom:1px solid var(--line);min-height:300px}.badge-studio-controls{overflow:visible}}@media (width<=600px){.badge-studio-backdrop{padding:5px}.badge-studio-dialog{width:100%;height:calc(100vh - 10px)}.badge-studio-toolbar{flex-direction:column;align-items:stretch;gap:8px}.badge-studio-toolbar .segmented-control{width:100%}.badge-studio-name{grid-template-columns:1fr;gap:4px}.badge-studio-dialog>footer{flex-direction:column;align-items:stretch}.badge-studio-dialog>footer>div{flex-wrap:wrap;justify-content:flex-end}}.fonts-page{max-width:1500px}.font-feedback{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;align-items:center;gap:9px;margin:-5px 0 16px;padding:11px 14px;font-size:12px;display:flex}.font-feedback.success{border-color:#27a36a}@supports (color:color-mix(in lab, red, red)){.font-feedback.success{border-color:color-mix(in srgb, #27a36a 28%, var(--line))}}.font-feedback.success{color:#168455}.font-feedback.error{border-color:#d44242}@supports (color:color-mix(in lab, red, red)){.font-feedback.error{border-color:color-mix(in srgb, #d44242 30%, var(--line))}}.font-feedback.error{color:#bf3636}.font-workspace{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);align-items:start;gap:18px;display:grid}.font-main-column,.font-side-column{align-content:start;gap:16px;min-width:0;display:grid}.font-dropzone{border:1px dashed var(--line-strong);align-items:center;gap:14px;padding:18px;transition:border-color .16s,background .16s;display:flex}.font-dropzone.drag-active{border-color:var(--accent);background:var(--accent-bg)}.font-dropzone>div:nth-child(2){flex:1;gap:4px;min-width:0;display:grid}.font-dropzone b{font-size:13px}.font-dropzone span{color:var(--muted);font-size:11px}.font-drop-icon,.font-preview-mark{width:42px;height:42px;color:var(--accent-strong);background:var(--accent-bg);border-radius:11px;flex:0 0 42px;place-items:center;display:grid}.font-queue-card,.font-library-card,.font-preview-card{min-width:0;padding:17px}.font-section-head{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:14px;display:flex}.font-section-head h2{align-items:center;gap:9px;margin:4px 0 0;font-size:15px;display:flex}.font-section-head .search-field{width:min(250px,48%)}.font-queue-actions{align-items:center;gap:7px;display:flex}.font-queue-actions>span{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.font-total-progress,.font-file-progress{background:var(--surface-3);border-radius:99px;height:4px;overflow:hidden}.font-total-progress{margin:-4px 0 12px}.font-total-progress span,.font-file-progress span{border-radius:inherit;background:var(--accent);height:100%;transition:width .18s;display:block}.font-queue-list,.font-library-list{gap:7px;display:grid}.font-queue-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:34px minmax(120px,1fr) minmax(105px,.7fr) 86px 20px 31px;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.font-file-mark,.font-list-icon{width:30px;height:30px;color:var(--muted);background:var(--surface-3);border-radius:7px;place-items:center;display:grid}.font-queue-file,.font-list-info{gap:4px;min-width:0;display:grid}.font-queue-file b,.font-list-info b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.font-queue-file small,.font-list-info small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.font-queue-file .font-file-progress{margin-top:2px}.font-queue-row>label{color:var(--muted);gap:3px;font-size:9px;display:grid}.font-queue-row .input{height:29px;padding:0 7px;font-size:10px}.font-row-status{color:var(--muted);place-items:center;display:grid}.queue-done .font-row-status{color:#168455}.queue-error .font-row-status{color:#bf3636}.font-library-row{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:8px;padding:9px 10px;display:grid}.font-library-row:hover,.font-library-row.selected{border-color:var(--accent);background:var(--surface-2)}.font-library-select{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px minmax(90px,1fr) minmax(100px,.6fr);align-items:center;gap:10px;padding:0;display:grid}.font-list-info b{font-size:13px}.font-live-sample{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.font-library-empty{min-height:165px;color:var(--muted);text-align:center;place-items:center;gap:7px;padding:20px;display:grid}.font-library-empty b{color:var(--text);font-size:12px}.font-library-empty span{font-size:10px}.font-preview-card{position:sticky;top:12px}.font-preview-label{color:var(--muted);gap:6px;margin:12px 0;font-size:10px;display:grid}.font-preview-label .property-textarea{min-height:72px;font-size:12px}.font-sample-canvas{border:1px solid var(--line);color:#262b30;background:#fff;border-radius:9px;align-content:start;gap:16px;min-height:245px;padding:18px;display:grid}.font-sample-canvas.is-dark{color:#f7f7f7;background:#171a1d}.font-sample-caption{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:9px}.font-sample-canvas>div{line-height:1.2}.font-preview-controls{gap:13px;margin-top:14px;display:grid}.font-preview-controls>label{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:10px;display:grid}.font-preview-controls>label .range-input{grid-column:1/-1}.font-preview-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.font-preview-two label{color:var(--muted);gap:5px;font-size:10px;display:grid}.font-preview-two .input{height:32px}@media (width<=1000px){.font-workspace{grid-template-columns:1fr}.font-preview-card{position:static}}@media (width<=680px){.font-dropzone{flex-wrap:wrap;align-items:flex-start}.font-dropzone>div:nth-child(2){flex-basis:calc(100% - 60px)}.font-dropzone>.button{margin-left:56px}.font-queue-row{grid-template-columns:30px minmax(110px,1fr) 72px 27px}.font-queue-row>label:first-of-type{grid-column:2}.font-queue-row>label:nth-of-type(2){grid-area:2/3}.font-row-status{grid-area:1/4}.font-queue-row>.button:last-child{grid-area:2/4}.font-section-head{flex-direction:column;align-items:flex-start}.font-section-head .search-field{width:100%}.font-queue-actions{flex-wrap:wrap}.font-library-select{grid-template-columns:30px minmax(100px,1fr)}.font-live-sample{display:none}}.group-inspector-callout{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:10px;padding:12px;display:grid}.group-inspector-callout>div{color:var(--accent-strong);align-items:center;gap:9px;display:flex}.group-inspector-callout>div span{gap:3px;display:grid}.group-inspector-callout b{color:var(--text);font-size:11px}.group-inspector-callout small{color:var(--muted);font-size:9px}.layer-toolbar>div{align-items:center;gap:5px;display:flex}.layer-toolbar>div .button{height:27px;padding:0 8px;font-size:10px}.layer-row.selected{outline:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.layer-row.selected{outline:1px solid color-mix(in srgb, var(--accent) 42%, transparent)}}.group-studio-backdrop{z-index:40;padding:16px}.group-studio-dialog{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1250px,98vw);height:min(850px,94vh);display:grid;overflow:hidden;box-shadow:0 28px 90px #0000004d}.group-studio-dialog>header,.group-studio-dialog>footer{justify-content:space-between;align-items:center;gap:12px;padding:13px 17px;display:flex}.group-studio-dialog>header{border-bottom:1px solid var(--line)}.group-studio-dialog>header h2{margin:3px 0 0;font-size:16px}.group-studio-toolbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) auto minmax(170px,.7fr);align-items:end;gap:14px;padding:12px 17px;display:grid}.group-studio-toolbar label{color:var(--muted);gap:5px;font-size:9px;display:grid}.group-studio-toolbar>span{color:var(--muted);white-space:nowrap;padding-bottom:8px;font-size:10px}.group-studio-toolbar .input{height:32px}.group-studio-workarea{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);min-height:0;display:grid}.group-studio-preview-column{border-right:1px solid var(--line);grid-template-rows:auto minmax(0,1fr) auto;gap:11px;min-width:0;min-height:0;padding:15px;display:grid}.group-studio-preview-head{justify-content:space-between;gap:12px;display:flex}.group-studio-preview-head>div{gap:4px;display:grid}.group-studio-preview-head b{font-size:11px}.group-studio-preview-head span{color:var(--muted);font-size:9px}.group-studio-canvas{border:1px solid var(--line);background-color:#f1f3f5;background-image:linear-gradient(45deg,#dfe3e7 25%,#0000 25%),linear-gradient(-45deg,#dfe3e7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfe3e7 75%),linear-gradient(-45deg,#0000 75%,#dfe3e7 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:8px;place-items:center;min-height:190px;padding:14px;display:grid;overflow:auto}.group-studio-canvas .stage-viewport{background:0 0;border:0;width:100%;height:100%}.group-studio-canvas .canvas-page{max-width:100%;max-height:100%;box-shadow:none;background:0 0;overflow:hidden}.group-studio-add-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.group-studio-add-tools .button{height:29px;padding:0 8px;font-size:9px}.group-studio-add-tools label{align-items:center;gap:5px;display:flex;position:relative}.group-studio-add-tools select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.group-studio-controls{align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.group-child-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.group-child-head h3{align-items:center;gap:5px;margin:3px 0 0;font-size:11px;display:flex}.group-child-list{gap:5px;max-height:165px;display:grid;overflow:auto}.group-child-row{border:1px solid var(--line);min-width:0;color:var(--text);text-align:left;background:var(--surface);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:6px;padding:4px 5px;display:grid}.group-child-row.selected{border-color:var(--accent);background:var(--accent-bg)}.group-child-select{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:6px;padding:1px 0;display:grid}.group-child-select>span{color:var(--muted);place-items:center;display:grid}.group-child-select b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.group-child-properties{gap:10px;display:grid}.group-child-properties .property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-child-properties .property-field{color:var(--muted);gap:5px;font-size:9px;display:grid}.group-child-properties .input{min-width:0;height:30px}.group-child-properties .property-textarea{min-height:74px}.group-empty{color:var(--muted);margin:8px 0;font-size:10px;line-height:1.5}.group-studio-dialog>footer{border-top:1px solid var(--line)}.group-studio-dialog>footer>span{color:var(--muted);font-size:9px}.group-studio-dialog>footer>div{gap:7px;display:flex}@media (width<=800px){.group-studio-workarea{grid-template-rows:minmax(280px,.85fr) minmax(0,1fr);grid-template-columns:1fr;overflow:auto}.group-studio-preview-column{border-right:0;border-bottom:1px solid var(--line)}.group-studio-controls{overflow:visible}.group-studio-dialog{grid-template-rows:auto auto minmax(0,1fr) auto}}@media (width<=560px){.group-studio-backdrop{padding:5px}.group-studio-dialog{width:100%;height:calc(100vh - 10px)}.group-studio-toolbar{grid-template-columns:1fr;gap:8px}.group-studio-toolbar>span{display:none}.group-studio-dialog>footer{flex-direction:column;align-items:flex-start}.group-studio-dialog>footer>div{align-self:flex-end}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}