@import "https://fonts.googleapis.com/css2?family=Story+Script&display=swap";@import "https://fonts.googleapis.com/css2?family=Elms+Sans:ital,wght@0,100..900;1,100..900&display=swap";@layer components;@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--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:ui-sans-serif, system-ui, 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;--spacing:.25rem;--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-story:"Story Script", sans-serif;--font-elms:"Elms Sans", sans-serif}}@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,ui-sans-serif, system-ui, 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{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 utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.left-0{left:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.mt-auto\!{margin-top:auto!important}.mr-auto{margin-right:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.flex\!{display:flex!important}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-full\!{width:100%!important;height:100%!important}.w-fit{width:fit-content}.w-full{width:100%}.w-full\!{width:100%!important}.shrink{flex-shrink:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border-b-0\!{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}.bg-transparent\!{background-color:#0000!important}.text-center{text-align:center}.font-story{font-family:var(--font-story)}.font-story\!{font-family:var(--font-story)!important}.text-2xl\!{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-bold\!{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.whitespace-nowrap{white-space:nowrap}.outline-0\!{outline-style:var(--tw-outline-style)!important;outline-width:0!important}.filter{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,)}@media (width>=40rem){.sm\:flex\!{display:flex!important}.sm\:hidden\!{display:none!important}.sm\:size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.sm\:text-3xl\!{font-size:var(--text-3xl)!important;line-height:var(--tw-leading,var(--text-3xl--line-height))!important}}}:root{--bg:#1e1e1e;--bg-elev:#252526;--bg-card:#2a2a2a;--bg-pane:#111;--bg-input:#3c3c3c;--bg-input-hover:#4a4a4a;--bg-error:#2d2222;--text:#ddd;--text-muted:#888;--text-on-accent:#fff;--border:#333;--border-card:#3a3a3a;--border-input:#555;--border-error:#5a3a3a;--accent:#0e639c;--accent-hover:#17b;--link:#1077bb;--error:#ff8a8a;--ok:#8d8;--thumb-img-bg:#1e1e1e;--danger-bg:#5a2222;--danger-border:#7a3333;--danger-text:#f3c0c0;--danger-bg-hover:#6a2a2a;--badge-wgsl-bg:#1d3a5f;--badge-wgsl-text:#9cdcfe;--badge-glsl-bg:#3a2a1d;--badge-glsl-text:#f0a070;--banner-bg-top:#3a2e12;--banner-bg-bot:#2f2710;--banner-border:#5a4520;--banner-text:#f3d58a;--banner-text-strong:#ffe2a0;--banner-icon:#f0b94a;--banner-close-hover-bg:#ffffff14;--stats-bg:#0009;--stats-text:#cfe}:root[data-theme=light]{--bg:#f7f7f8;--bg-elev:#fff;--bg-card:#fff;--bg-pane:#1a1a1a;--bg-input:#fff;--bg-input-hover:#ececec;--bg-error:#fff5f5;--text:#1f1f1f;--text-muted:#666;--text-on-accent:#fff;--border:#e0e0e0;--border-card:#dcdcdc;--border-input:#c5c5c5;--border-error:#f0c0c0;--accent:#0e639c;--accent-hover:#0a5489;--link:#0a5489;--error:#c33;--ok:#2a8a2a;--thumb-img-bg:#f0f0f0;--danger-bg:#f7d8d8;--danger-border:#e0a0a0;--danger-text:#8a2222;--danger-bg-hover:#f0c0c0;--badge-wgsl-bg:#d6ecf7;--badge-wgsl-text:#1d3a5f;--badge-glsl-bg:#fbeadd;--badge-glsl-text:#6a4220;--banner-bg-top:#fff4d6;--banner-bg-bot:#ffe9b6;--banner-border:#e8c870;--banner-text:#6b4f10;--banner-text-strong:#4a370a;--banner-icon:#b58820;--banner-close-hover-bg:#0000000f}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%;font-family:var(--font-elms)}body{background:var(--bg);color:var(--text);font-family:var(--font-elms);flex-direction:column;margin:0;display:flex}.app-shell{flex-direction:column;flex:1;min-height:0;display:flex}.storage-banner{background:linear-gradient(180deg, var(--banner-bg-top) 0%, var(--banner-bg-bot) 100%);border-bottom:1px solid var(--banner-border);color:var(--banner-text);flex:none;align-items:flex-start;gap:10px;padding:10px 16px;font-size:13px;line-height:1.45;display:flex}.storage-banner-icon{color:var(--banner-icon);flex:none;margin-top:2px}.storage-banner-text{flex:1;min-width:0}.storage-banner-text strong{color:var(--banner-text-strong);font-weight:600}.storage-banner-inline-icon{vertical-align:-2px;margin:0 2px;display:inline}.storage-banner-close{color:var(--banner-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex:none;justify-content:center;align-items:center;padding:4px;line-height:0;display:inline-flex}.storage-banner-close:hover{background:var(--banner-close-hover-bg);border-color:var(--banner-border)}.gallery-topbar{border-bottom:1px solid var(--border);background:var(--bg-elev);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.gallery-topbar h1{margin:0;font-size:18px;font-weight:600}.new-btn{background:var(--accent);color:var(--text-on-accent);cursor:pointer;border:none;border-radius:3px;padding:6px 16px;font-size:14px;text-decoration:none}.new-btn:hover{background:var(--accent-hover)}.gallery-topbar-actions{align-items:center;gap:10px;display:flex}.topbar-icon-btn{background:var(--bg-input);color:var(--text);border:1px solid var(--border-input);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:7px 9px;line-height:0;display:inline-flex}.topbar-icon-btn:hover{background:var(--bg-input-hover)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:24px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:6px;flex-direction:column;gap:8px;padding:16px;display:flex}.card-preview{aspect-ratio:16/9;border-bottom:1px solid var(--border-card);cursor:pointer;background:#000;border-top-left-radius:5px;border-top-right-radius:5px;margin:-16px -16px 4px;position:relative;overflow:hidden}.card-preview-canvas{width:100%;height:100%;display:block}.card-preview-hint{color:#ffffff8c;pointer-events:none;letter-spacing:.02em;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.card-preview-failed{color:#fff6;font-size:11px}.card .name{word-break:break-all;font-size:15px;font-weight:600}.card .meta{color:var(--text-muted);font-size:12px}.badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.wgsl{background:var(--badge-wgsl-bg);color:var(--badge-wgsl-text)}.badge.glsl{background:var(--badge-glsl-bg);color:var(--badge-glsl-text)}.card .actions{align-items:stretch;gap:8px;margin-top:8px;display:flex}.card .actions .open{text-align:center;background:var(--bg-input);color:var(--text);border:1px solid var(--border-input);cursor:pointer;border-radius:3px;flex:1;justify-content:center;align-items:center;padding:6px 10px;font-size:13px;text-decoration:none;display:inline-flex}.card .actions .open:hover{background:var(--bg-input-hover)}.card .actions .card-icon-btn{background:var(--bg-input);color:var(--text);border:1px solid var(--border-input);cursor:pointer;border-radius:3px;flex:none;justify-content:center;align-items:center;padding:6px 8px;line-height:0;display:inline-flex}.card .actions .card-icon-btn:hover{background:var(--bg-input-hover)}.card .actions .card-icon-btn.delete{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.card .actions .card-icon-btn.delete:hover{background:var(--danger-bg-hover)}.empty{text-align:center;color:var(--text-muted);padding:48px}.empty-first{background:var(--bg-card);border:1px dashed var(--border-card);border-radius:8px;flex-direction:column;grid-column:1/-1;align-items:center;gap:6px;padding:40px 24px;display:flex}.empty-first h3{color:var(--text);margin:0;font-size:18px;font-weight:600}.empty-first p{color:var(--text-muted);max-width:480px;margin:0;font-size:14px}.empty-first .empty-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.empty-first code{background:var(--bg-input);border-radius:3px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.topbar-link{color:var(--text);border:1px solid #0000;border-radius:3px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;text-decoration:none;display:inline-flex}.topbar-link:hover{background:var(--bg-input-hover);border-color:var(--border-input)}.hero{text-align:center;max-width:920px;margin:0 auto;padding:40px 24px 24px}.hero-tag{color:var(--text-muted);max-width:680px;margin:0 auto 24px;font-size:16px;line-height:1.55}.hero-cta{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cta-primary{background:var(--accent);color:var(--text-on-accent);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.cta-primary:hover{background:var(--accent-hover)}.cta-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border-input);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;text-decoration:none;display:inline-flex}.cta-secondary:hover{background:var(--bg-input-hover)}.feature-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1100px;margin:0 auto;padding:8px 24px 24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text);border-radius:6px;padding:18px}.feature-card h3{margin:8px 0 6px;font-size:15px;font-weight:600}.feature-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.feature-card svg{color:var(--accent)}.library{padding:8px 24px 24px}.library-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.library-header h2{margin:0;font-size:18px;font-weight:600}.library-filters{align-items:center;gap:8px;display:flex}.library-search{align-items:center;display:inline-flex;position:relative}.library-search svg{color:var(--text-muted);pointer-events:none;position:absolute;left:8px}.library-search input{background:var(--bg-input);color:var(--text);border:1px solid var(--border-input);border-radius:3px;min-width:200px;padding:6px 10px 6px 28px;font-size:13px}.library-filters select{background:var(--bg-input);color:var(--text);border:1px solid var(--border-input);border-radius:3px;padding:6px 10px;font-size:13px}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:24px;padding:16px 24px;font-size:12px;display:flex}.footer-link{color:var(--link);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.footer-link:hover{text-decoration:underline}.docs-page{flex-direction:column;min-height:100vh;display:flex}.docs-topbar{border-bottom:1px solid var(--border);background:var(--bg-elev);align-items:center;gap:18px;padding:14px 24px;display:flex}.docs-topbar h1{margin:0;font-size:18px;font-weight:600}.docs-back{color:var(--link);align-items:center;gap:6px;font-size:13px;text-decoration:none;display:inline-flex}.docs-back:hover{text-decoration:underline}.docs-topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.docs-article{max-width:900px;margin:0 auto;padding:32px 24px 64px;line-height:1.6}.docs-article h2{border-top:1px solid var(--border);margin:32px 0 12px;padding-top:24px;font-size:22px;font-weight:600}.docs-article>section:first-of-type h2{border-top:none;margin-top:0;padding-top:0}.docs-article h3{margin:20px 0 8px;font-size:16px;font-weight:600}.docs-article p{color:var(--text);margin:8px 0}.docs-article a{color:var(--link);text-decoration:underline}.docs-article code{background:var(--bg-input);border-radius:3px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.docs-article ul,.docs-article ol{padding-left:22px}.docs-article li{margin:4px 0}.docs-toc{background:var(--bg-card);border:1px solid var(--border-card);border-radius:6px;margin-bottom:24px;padding:14px 18px 14px 32px}.docs-toc h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px -14px;font-size:13px;font-weight:600}.docs-toc ul{columns:2;margin:0;padding-left:0;list-style:inside}.docs-toc li{break-inside:avoid;margin:2px 0}.docs-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.docs-table th,.docs-table td{border:1px solid var(--border-card);text-align:left;vertical-align:top;padding:6px 10px}.docs-table th{background:var(--bg-elev);font-weight:600}.docs-code{background:var(--bg-elev);border:1px solid var(--border);border-radius:5px;margin:12px 0;padding:12px 14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.docs-code code{background:0 0;padding:0;font-size:12px}.feedback-bubble{background:var(--accent);width:48px;height:48px;color:var(--text-on-accent);cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,background-color .12s;display:inline-flex;position:fixed;bottom:5px;right:20px;box-shadow:0 6px 18px #00000059,0 2px 4px #00000040}.feedback-bubble:hover{background:var(--accent-hover);transform:translateY(-1px)}.feedback-bubble:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}.feedback-intro{color:var(--text-muted);margin:0 0 14px;font-size:13px;line-height:1.5}.feedback-options{flex-direction:column;gap:10px;display:flex}.feedback-option{background:var(--bg-input);color:var(--text);border:1px solid var(--border-input);border-radius:5px;align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.feedback-option:hover{background:var(--bg-input-hover)}.feedback-option.disabled{opacity:.55;cursor:not-allowed}.feedback-option.disabled:hover{background:var(--bg-input)}.feedback-option span code{background:var(--bg-elev);border-radius:2px;padding:0 4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.feedback-intro code{background:var(--bg-input);border-radius:2px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.feedback-tabs{border-bottom:1px solid var(--border);gap:6px;margin-bottom:14px;display:flex}.feedback-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:4px 4px 0 0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex;position:relative;bottom:-1px}.feedback-tab:hover:not(:disabled){color:var(--text)}.feedback-tab.active{color:var(--text);background:var(--bg-card);border-color:var(--border);border-bottom-color:var(--bg-card)}.feedback-tab:disabled{opacity:.45;cursor:not-allowed}.feedback-form{flex-direction:column;gap:12px;display:flex}.feedback-field{color:var(--text);flex-direction:column;gap:4px;font-size:13px;display:flex}.feedback-field>span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.feedback-field em{color:var(--text-muted);font-size:11px;font-style:normal}.feedback-field input,.feedback-field textarea{background:var(--bg-input);color:var(--text);border:1px solid var(--border-input);border-radius:3px;padding:7px 9px;font-family:inherit;font-size:13px}.feedback-field textarea{resize:vertical;min-height:90px;font-family:ui-monospace,SF Mono,Menlo,monospace}.feedback-field input:focus,.feedback-field textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.feedback-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.feedback-hint{color:var(--text-muted);margin:0;font-size:11px}.feedback-error{color:var(--error);margin:0;font-size:12px}.feedback-success{flex-direction:column;gap:10px;display:flex}.feedback-success strong{font-size:15px}.feedback-success p{color:var(--text-muted);margin:0;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal-actions button:disabled{opacity:.55;cursor:not-allowed}.feedback-option svg{color:var(--accent);flex:none;margin-top:2px}.feedback-option div{flex-direction:column;gap:2px;display:flex}.feedback-option strong{font-size:14px;font-weight:600}.feedback-option span{color:var(--text-muted);font-size:12px;line-height:1.4}.editor-page{flex-direction:column;flex:1;min-height:0;display:flex}.editor-topbar{background:var(--bg-elev);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.editor-topbar a{color:var(--link);margin-right:8px;text-decoration:none}.editor-topbar input,.editor-topbar select,.editor-topbar button{background:var(--bg-input);color:var(--text);border:1px solid var(--border-input);border-radius:3px;padding:4px 8px;font-size:13px}.editor-topbar button{cursor:pointer}.editor-topbar button:hover{background:var(--bg-input-hover)}.editor-topbar .spacer{flex:1}.editor-topbar .status{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;overflow:hidden}.editor-topbar .icon-btn{justify-content:center;align-items:center;padding:5px;line-height:0;display:inline-flex}.editor-topbar .new-btn{background:var(--accent);color:var(--text-on-accent);cursor:pointer;border:none;border-radius:3px;padding:6px 14px;font-size:13px}.editor-topbar .new-btn:hover{background:var(--accent-hover)}.texture-bar{background:var(--bg-elev);border-top:1px solid var(--border);flex:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.channel-slots{background:var(--bg-elev);border-top:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.channel-slot{align-items:center;display:inline-flex;position:relative}.channel-thumb{background:var(--bg-input);border:1px solid var(--border-input);cursor:pointer;width:64px;height:64px;color:var(--text-muted);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;display:inline-flex;overflow:hidden}.channel-thumb:hover{background:var(--bg-input-hover);color:var(--text)}.channel-thumb img{object-fit:cover;background:var(--thumb-img-bg);border-radius:2px;width:44px;height:44px;display:block}.channel-glyph{text-transform:uppercase;letter-spacing:.04em;background:var(--thumb-img-bg);width:44px;height:44px;color:var(--text);border-radius:2px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.channel-label{color:var(--text-muted);font-size:10px;font-weight:500;line-height:1}.channel-clear{background:var(--danger-bg);width:16px;height:16px;color:var(--danger-text);border:1px solid var(--danger-border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;line-height:0;display:inline-flex;position:absolute;top:-4px;right:-4px}.channel-clear:hover{background:var(--danger-bg-hover)}.channel-picker-backdrop{z-index:100;background:#0003;position:fixed;inset:0}.channel-picker{z-index:101;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;flex-direction:column;min-width:220px;padding:8px 0;display:flex;position:fixed;bottom:90px;left:24px;box-shadow:0 8px 24px #0000004d}.channel-picker-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);margin-bottom:4px;padding:4px 12px 8px;font-size:12px;font-weight:600}.channel-picker-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px}.channel-picker-item:hover{background:var(--bg-input)}.channel-picker-section{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-top:1px solid var(--border);margin-top:4px;padding:8px 12px 4px;font-size:11px}.pass-tabs{background:var(--bg-elev);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:2px;padding:4px 8px;display:flex;overflow-x:auto}.pass-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.pass-tab:hover{color:var(--text);background:var(--bg-input)}.pass-tab.active{color:var(--text);background:var(--bg-input);border-color:var(--border-input)}.pass-tab.disabled{opacity:.6}.pass-tab-group{align-items:center;display:inline-flex}.pass-tab-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;line-height:0}.pass-tab-remove:hover{color:var(--danger-text)}.pass-tab-dot{background:var(--error);border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.pass-kind-toggle{background:var(--bg-elev);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:0;padding:4px 8px;display:inline-flex}.pass-kind-btn{border:1px solid var(--border-input);color:var(--text-muted);cursor:pointer;background:0 0;padding:2px 10px;font-size:11px}.pass-kind-btn:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.pass-kind-btn:last-child{border-left-width:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.pass-kind-btn.active{background:var(--bg-input);color:var(--text);font-weight:700}.pass-kind-btn:hover:not(.active){background:var(--bg-input-hover);color:var(--text)}.channel-cube-dialog{z-index:101;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:12px;min-width:360px;padding:12px 16px 16px;display:flex;position:fixed;bottom:90px;left:24px;box-shadow:0 8px 24px #0000004d}.channel-cube-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.channel-cube-face{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text);cursor:pointer;border-radius:4px;flex-direction:column;align-items:center;gap:4px;min-height:64px;padding:10px 8px;display:flex}.channel-cube-face:hover{background:var(--bg-input-hover)}.channel-cube-face.filled{border-color:var(--accent)}.channel-cube-face-label{font-size:12px;font-weight:600}.channel-cube-face-name{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:10px;overflow:hidden}.channel-cube-actions{justify-content:flex-end;gap:8px;display:flex}.channel-picker-item.primary{background:var(--accent);color:var(--text-on-accent);border-radius:4px;padding:6px 12px}.channel-picker-item.primary:hover{background:var(--accent-hover)}.channel-picker-item:disabled{opacity:.5;cursor:not-allowed}.texture-bar .thumb{cursor:pointer;background:var(--bg-input);border:1px solid var(--border-input);border-radius:3px;align-items:center;gap:8px;padding:4px 8px;display:inline-flex}.texture-bar .thumb:hover{background:var(--bg-input-hover)}.texture-bar .thumb img{object-fit:cover;background:var(--thumb-img-bg);border-radius:2px;width:32px;height:32px;display:block}.texture-bar .thumb-label{color:var(--text);font-size:13px}.texture-bar .texture-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:12px;overflow:hidden}.editor-main{flex:1;min-height:0;display:flex}.pane-left{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;display:flex}.editor-host{flex:1;min-height:0;position:relative}.pane-right{background:var(--bg-pane);flex-direction:column;flex:1;min-width:0;display:flex}.canvas-wrap{flex:1;min-height:0;position:relative}.canvas-aspect{justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.canvas-frame{background:#000;position:relative;overflow:hidden}.canvas-frame canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stats{background:var(--stats-bg);color:var(--stats-text);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:4px;min-width:130px;padding:6px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.4;position:absolute;top:8px;right:8px}.stats .row{justify-content:space-between;gap:12px;display:flex}.stats .k{color:var(--text-muted)}.stats .v{color:var(--stats-text)}.errors{background:var(--bg-error);border-top:1px solid var(--border-error);max-height:30%;color:var(--error);white-space:pre-wrap;padding:6px 12px;font-family:ui-monospace,monospace;font-size:12px;overflow:auto}.errors:empty{display:none}.errors .ok{color:var(--ok)}.editor-topbar .aspect-picker,.editor-topbar .preview-mode-picker{background:var(--bg-input);color:var(--text);border:1px solid var(--border-input);border-radius:3px;padding:4px 8px;font-size:13px}.canvas-frame .three-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.modal-backdrop{z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:8px;outline:none;width:100%;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #0006}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header h2{margin:0;font-size:16px;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;padding:4px;line-height:0;display:inline-flex}.modal-close:hover{background:var(--bg-input-hover);color:var(--text)}.modal-body{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.modal-hint{color:var(--text-muted);margin:0 0 4px;font-size:13px;line-height:1.5}.modal-hint strong{color:var(--text)}.modal-field{flex-direction:column;gap:4px;font-size:13px;display:flex}.modal-field>span{color:var(--text-muted);font-size:12px}.modal-field input,.modal-field textarea,.modal-field-inline input,.modal-field-inline select{background:var(--bg-input);color:var(--text);border:1px solid var(--border-input);border-radius:3px;padding:6px 8px;font-family:inherit;font-size:13px}.modal-field textarea{resize:vertical;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.modal-field-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.modal-field-label{color:var(--text-muted);min-width:60px;font-size:12px}.modal-field-inline{flex-direction:column;flex:1;gap:4px;min-width:100px;font-size:13px;display:flex}.modal-field-inline>span{color:var(--text-muted);font-size:12px}.modal-radio-group{gap:14px;display:flex}.modal-radio{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.modal-radio.disabled{color:var(--text-muted);cursor:not-allowed}.modal-warnings{background:var(--banner-bg-bot);border:1px solid var(--banner-border);color:var(--banner-text);border-radius:4px;margin:0;padding:8px 12px 8px 28px;font-size:12px;line-height:1.5}.modal-warnings li{margin:0}.modal-warn{background:var(--banner-bg-bot);border:1px solid var(--banner-border);color:var(--banner-text);border-radius:4px;padding:8px 12px;font-size:12px}.modal-error{background:var(--bg-error);border:1px solid var(--border-error);color:var(--error);border-radius:4px;padding:8px 12px;font-size:12px}.modal-progress{background:var(--bg-input);border:1px solid var(--border-input);border-radius:3px;height:22px;position:relative;overflow:hidden}.modal-progress-bar{background:var(--accent);height:100%;transition:width .1s linear}.modal-progress-label{color:var(--text);text-shadow:0 0 4px #00000080;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.modal-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.btn-primary{background:var(--accent);color:var(--text-on-accent);cursor:pointer;border:none;border-radius:3px;padding:6px 14px;font-size:13px}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border-input);cursor:pointer;border-radius:3px;padding:6px 14px;font-size:13px}.btn-secondary:hover:not(:disabled){background:var(--bg-input-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.preview-controls{-webkit-backdrop-filter:blur(4px);pointer-events:auto;z-index:5;opacity:.55;background:#00000073;border-radius:4px;gap:4px;padding:4px;transition:opacity .15s;display:flex;position:absolute;bottom:8px;left:8px}.canvas-frame:hover .preview-controls,.preview-controls:focus-within{opacity:1}.preview-control-btn{color:#f5f5f5;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px 6px;line-height:0;display:inline-flex}.preview-control-btn:hover{background:#ffffff26}@media (width<=960px){.editor-main{flex-direction:column}.pane-left{border-right:none;border-bottom:1px solid var(--border);flex:50%;min-height:260px}.pane-right{flex:50%;min-height:260px}.editor-topbar{flex-wrap:wrap;row-gap:6px;padding:8px 10px}.editor-topbar .spacer{display:none}.editor-topbar .status{text-align:center;flex-basis:100%;order:99;max-width:none}}@media (width<=640px){.gallery-topbar-actions{flex-wrap:wrap;justify-content:space-between;gap:2px}.hero{padding:20px 16px 16px}.hero-tag{margin-bottom:18px;font-size:14px}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .cta-primary,.hero-cta .cta-secondary{justify-content:center}.feature-row{grid-template-columns:1fr;padding:0 16px 16px}.library{padding:0 16px 16px}.library-header{flex-direction:column;align-items:stretch}.library-filters{flex-direction:column;gap:6px}.library-search{width:100%}.library-search input{width:100%;min-width:0}.library-filters select{width:100%}.grid{grid-template-columns:1fr;padding:0 16px 24px}.site-footer{flex-direction:column;align-items:flex-start;padding:16px}.storage-banner{padding:8px 12px;font-size:12px}.editor-topbar{gap:2px;padding:2px 8px}.texture-bar{flex-wrap:wrap;gap:8px;padding:6px 10px}.texture-bar .texture-name{flex:auto;max-width:100%}.docs-topbar{flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px}.docs-topbar h1{text-align:center}.docs-article{padding:20px 16px 48px}.docs-article h2{font-size:19px}.docs-toc{padding:12px 16px 12px 28px}.docs-toc ul{columns:1}.docs-table{font-size:12px}.docs-table th,.docs-table td{padding:4px 6px}.docs-code{padding:10px 12px;font-size:11px}.modal-backdrop{padding:8px}.modal-card{max-width:100%;max-height:96vh}.modal-header,.modal-body{padding:12px 14px}.modal-actions{flex-wrap:wrap}.feedback-bubble{width:44px;height:44px;bottom:8px;right:14px}.feedback-row{flex-direction:column}.feedback-tabs .feedback-tab{flex:1;justify-content:center}.topbar-icon-btn{padding:7px}}@media (width<=380px){.topbar-link span,.footer-link span{display:none}.new-btn{padding:8px 12px;font-size:13px}.docs-article h2{font-size:17px}.topbar-icon-btn{padding:7px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}