*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-app:#0d0c10;--bg-toolbar:#17161b;--bg-panel:#1a191e;--bg-section:#201f25;--bg-input:#25242a;--bg-hover:#35343c;--bg-active:#45444d;--text:#f5f3ee;--text2:#b4b1a8;--text3:#8a877e;--accent:#fb8200;--accent2:#f2af39;--accent-bg:rgba(251,130,0,.14);--danger:#ef4444;--success:#22c55e;--warn:#e6a117;--border:rgba(255,253,245,.04);--border2:rgba(255,253,245,.07);--r:12px;--r2:22px;--sp-xs:6px;--sp-sm:12px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:48px;--size-btn-sm:32px;--size-btn:38px;--size-btn-lg:44px;--size-input:40px;--bg-tooltip:#2a2930;--text-tooltip:#f5f3ee;--bg-floating:rgba(23,22,27,.94);--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 2px 6px rgba(0,0,0,.22);--shadow-lg:0 6px 24px rgba(0,0,0,.32)}[data-theme=light]{--bg-app:#f6f4ef;--bg-toolbar:#fdfcf8;--bg-panel:#fbfaf5;--bg-section:#f1efe8;--bg-input:#ffffff;--bg-hover:#ebe8de;--bg-active:#ddd9ca;--text:#1c1a15;--text2:#5a5750;--text3:#86827a;--accent-bg:rgba(251,130,0,.1);--border:rgba(28,26,21,.05);--border2:rgba(28,26,21,.09);--shadow-sm:0 1px 2px rgba(20,18,12,.03);--shadow-md:0 2px 6px rgba(20,18,12,.04);--shadow-lg:0 6px 22px rgba(20,18,12,.06);--bg-floating:rgba(253,252,248,.94);--bg-tooltip:#1c1a15;--text-tooltip:#f6f4ef}html{overflow-y:scroll;scrollbar-gutter:stable}html,body{height:100%;font-family:Manrope,Inter,system-ui,sans-serif;background:var(--bg-app);color:var(--text);font-size:14px;font-weight:600;font-feature-settings:"tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;line-height:1.5}input,select,textarea{font-weight:600}button{font-weight:700}#root{min-height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}input[type=text],input[type=number],input[type=url],textarea,select{background:var(--bg-input);border:1px solid var(--border2);color:var(--text);padding:9px 14px;border-radius:var(--r);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s;min-width:0;box-sizing:border-box;height:var(--size-input)}textarea{resize:vertical;min-height:96px;height:auto;padding:10px 14px;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:var(--accent)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .15s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);font-size:13px;border-radius:var(--r);padding:9px 18px;font-weight:500}.btn-primary{background:var(--accent2);color:var(--bg-app)}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text2);border:1px solid var(--border2)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text)}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-app)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-xl);height:56px;gap:var(--sp-md);background:var(--bg-toolbar);border-bottom:1px solid var(--border)}.app-header .brand{font-weight:700;letter-spacing:-.01em;font-size:15px}.app-header .brand-accent{color:var(--accent)}.app-main{flex:1;display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:var(--sp-xl);padding:var(--sp-xl);width:100%}@media(max-width:960px){.app-main{grid-template-columns:1fr;padding:var(--sp-md);gap:var(--sp-md)}.app-header{padding:0 var(--sp-md)}.app-header .brand{font-size:14px}}@media(max-width:520px){.app-header{height:48px}.credits-badge{padding:4px 8px;font-size:11px}}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r2);padding:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-lg)}@media(max-width:520px){.panel{padding:var(--sp-md);gap:var(--sp-md)}}.panel-section{display:flex;flex-direction:column;gap:var(--sp-sm)}.panel-section label{font-size:12px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.04em}.credits-badge{display:inline-flex;align-items:center;gap:var(--sp-sm);padding:6px 12px;border-radius:999px;background:var(--bg-section);border:1px solid var(--border2);font-size:12px;color:var(--text2);white-space:nowrap}.credits-badge .count{color:var(--text);font-weight:600}.credits-badge.low{color:var(--warn);border-color:var(--warn)}.credits-badge.empty{color:var(--danger);border-color:var(--danger)}.centered-state{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--sp-2xl);text-align:center}.centered-state .inner{max-width:420px;display:flex;flex-direction:column;gap:var(--sp-md)}.centered-state h1{font-size:20px;font-weight:700}.centered-state p{color:var(--text2);line-height:1.5}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:480px){.variant-grid{grid-template-columns:1fr!important}}.input-page{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:var(--sp-2xl) var(--sp-xl)}@media(max-width:520px){.input-page{padding:var(--sp-lg) var(--sp-md)}}.input-card{width:100%;max-width:800px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r2);padding:var(--sp-2xl);display:flex;flex-direction:column;gap:var(--sp-lg)}@media(max-width:520px){.input-card{padding:var(--sp-lg);gap:var(--sp-md)}}.input-title{font-size:20px;font-weight:700;letter-spacing:-.01em}.input-subtitle{color:var(--text2);font-size:13px;line-height:1.5;margin-top:calc(var(--sp-sm) * -1)}.input-row{display:flex;flex-direction:column;gap:var(--sp-sm)}.input-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md)}@media(max-width:520px){.input-row-2col{grid-template-columns:1fr}}.input-label{font-size:12px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.04em}.input-counter{font-size:11px;color:var(--text3);align-self:flex-end}.input-chips{display:flex;flex-wrap:wrap;gap:var(--sp-sm)}.chip{background:var(--bg-section);border:1px solid var(--border2);color:var(--text2);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500}.chip:hover{background:var(--bg-hover);color:var(--text)}.chip-active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.chip-active:hover{background:var(--accent-bg);color:var(--accent)}.chip.tip:after{max-width:160px;padding:7px 14px}.dropdown{position:relative;width:100%}.occasion-row{align-items:center}.dropdown-compact{width:auto;min-width:150px}.dropdown-compact .dropdown-trigger{padding:6px 12px;border-radius:999px;font-size:12px}.dropdown-compact .dropdown-menu{width:max-content;min-width:200px}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:var(--bg-section);border:1px solid var(--border2);color:var(--text);padding:10px 12px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer}.dropdown-trigger:hover{background:var(--bg-hover)}.dropdown-trigger-label{display:inline-flex;align-items:center;gap:10px}.dropdown-caret{color:var(--text3);font-size:11px}.dropdown-swatch{display:inline-flex;border-radius:6px;overflow:hidden;border:1px solid var(--border2);height:22px;flex:none}.dropdown-swatch>span{width:18px;height:22px;display:block}.dropdown-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:100%;margin:0;padding:6px;list-style:none;max-height:340px;overflow-y:auto;background:var(--bg-section);border:1px solid var(--border2);border-radius:10px;box-shadow:0 10px 30px #00000073}.dropdown-option{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;color:var(--text2);padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;text-align:left}.dropdown-option:hover{background:var(--bg-hover);color:var(--text)}.dropdown-option.is-selected{background:var(--accent-bg);color:var(--accent)}.style-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-sm)}@media(max-width:520px){.style-card-grid{grid-template-columns:repeat(2,1fr)}}.style-card{display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;background:var(--bg-section);border:1px solid var(--border2);color:var(--text2);border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s,color .15s}.style-card:hover{background:var(--bg-hover);color:var(--text)}.style-card-active{border-color:var(--accent);color:var(--accent)}.style-card-active:hover{color:var(--accent)}.style-card-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;width:100%;background:var(--bg-input);overflow:hidden}.style-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.style-card-active .style-card-thumb img{opacity:.95}.style-card-glyph{display:flex;color:var(--text3);transform:translateY(4px)}.style-card-active .style-card-glyph{color:var(--accent)}.style-card-name{font-size:12px;font-weight:600;padding:7px 10px}.style-card.tip:after{max-width:160px;padding:7px 14px}.palette-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-sm)}@media(max-width:520px){.palette-grid{grid-template-columns:repeat(4,1fr)}}.palette-tile{padding:3px;background:var(--bg-section);border:1px solid var(--border2);border-radius:10px;cursor:pointer;transition:border-color .15s}.palette-tile:hover{background:var(--bg-hover)}.palette-tile-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.palette-tile-swatch{display:flex;height:28px;border-radius:7px;overflow:hidden}.palette-tile-swatch>span{flex:1;display:block}.palette-tile-swatch-auto{align-items:center;justify-content:center;background:var(--bg-input);font-size:11px;font-weight:600;color:var(--text2);letter-spacing:.02em}.palette-tile-active .palette-tile-swatch-auto{color:var(--accent)}.element-pills{display:flex;flex-direction:column;gap:var(--sp-sm);margin-top:var(--sp-sm)}.element-pills-label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}.element-pill{text-align:left}.input-error{font-size:12px;color:var(--danger);background:#ef444414;border:1px solid rgba(239,68,68,.3);padding:8px 12px;border-radius:var(--r)}.input-generate{align-self:stretch;padding:12px 18px;font-size:14px}.input-hint{font-size:12px;text-align:center}.field-hint{font-size:12px;color:var(--text3);line-height:1.4;margin-top:calc(var(--sp-sm) * -1)}.admin-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-app)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--bg-toolbar);flex-shrink:0}.admin-header-brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.admin-header-brand .brand-mark{font-weight:700;letter-spacing:-.01em;font-size:15px}.admin-header-brand .brand-accent{color:var(--accent)}.admin-header-divider{color:var(--text3);font-weight:400}.admin-header-section{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.12em}.admin-header-right{display:flex;align-items:center;gap:8px}.admin-body{display:flex;flex:1;min-height:0}.admin-sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--border);padding:var(--sp-md) var(--sp-sm);display:flex;flex-direction:column;gap:var(--sp-md);overflow-y:auto;background:var(--bg-panel)}.admin-sidebar-group{display:flex;flex-direction:column;gap:2px}.admin-sidebar-label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;padding:6px 14px 2px}.admin-tab{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--r);background:none;color:var(--text2);font-size:13px;text-align:left;width:100%;cursor:pointer;transition:all .15s;border:none;text-decoration:none}.admin-tab:hover{background:var(--bg-hover);color:var(--text)}.admin-tab.active{background:var(--accent-bg);color:var(--accent)}.admin-tab-icon{display:inline-flex;align-items:center;flex-shrink:0}.admin-content{flex:1;overflow-y:auto;padding:28px 40px 64px}.admin-section{max-width:1280px;margin:0 auto}.admin-page-hdr{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.admin-page-title{font-size:28px;font-weight:700;letter-spacing:-.025em;color:var(--text);margin:0}.admin-page-desc{font-size:13px;color:var(--text3);margin:4px 0 0;max-width:60ch;line-height:1.5}.admin-page-actions{display:flex;align-items:center;gap:var(--sp-sm);flex-shrink:0}.admin-card{background:var(--bg-section);border:1px solid var(--border2);border-radius:var(--r2);padding:20px 24px;margin-bottom:16px}.admin-card-title{font-size:14px;font-weight:600;margin-bottom:14px}.admin-card-desc{font-size:12px;color:var(--text3);margin-bottom:16px}.admin-label{display:block;font-size:11px;color:var(--text3);margin-bottom:6px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.admin-field-row{margin-bottom:16px}.admin-field-row:last-child{margin-bottom:0}.admin-field-row input[type=text],.admin-field-row input[type=number],.admin-field-row input[type=url],.admin-field-row select,.admin-field-row textarea{width:100%}.admin-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.admin-panel{background:var(--bg-section);border:1px solid var(--border2);border-radius:var(--r2);overflow:hidden;margin-bottom:16px}.admin-panel-hdr{padding:12px 20px;font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:#ffffff04;display:flex;align-items:center;justify-content:space-between}.admin-panel-body{padding:16px 20px}.admin-toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text);padding:4px 0}.admin-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.admin-switch input{opacity:0;width:0;height:0}.admin-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-input);border:1px solid var(--border2);border-radius:11px;transition:.2s}.admin-slider:before{content:"";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background:var(--text3);border-radius:50%;transition:.2s}.admin-switch input:checked+.admin-slider{background:var(--accent);border-color:var(--accent)}.admin-switch input:checked+.admin-slider:before{transform:translate(18px);background:#fff}.admin-icon-btn{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:8px 14px;border-radius:var(--r);background:var(--bg-section);border:1px solid var(--border2);color:var(--text2);cursor:pointer;transition:all .2s;text-decoration:none}.admin-icon-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--accent)}.admin-icon-btn:disabled{opacity:.5;cursor:not-allowed}.admin-icon-btn svg{transition:transform .3s}.admin-icon-btn-refresh:hover svg{transform:rotate(45deg)}.admin-icon-btn-primary{background:var(--accent2);border-color:var(--accent2);color:var(--bg-app)}.admin-icon-btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-app);filter:brightness(1.05)}.admin-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.admin-stat{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--r2);padding:18px 20px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s}.admin-stat:hover{border-color:var(--border2)}.admin-stat-label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em}.admin-stat-value{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1}.admin-stat-sub{font-size:11px;color:var(--text3)}.admin-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.admin-filters.has-stacked-fields{align-items:end}.admin-filter-search{flex:1 1 240px;min-width:180px;height:var(--size-input);background:var(--bg-section);border:1px solid var(--border2);padding-left:36px;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}.admin-filter-select{display:flex;flex-direction:column;gap:4px;font-size:12px}.admin-filter-select select{min-width:140px;height:var(--size-input);background:var(--bg-section);border:1px solid var(--border2)}.admin-filter-check{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text2);cursor:pointer;transition:color .15s;user-select:none;height:26px}.admin-filter-check:hover{color:var(--text)}.admin-filter-check input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--accent);cursor:pointer}.admin-filter-check input[type=checkbox]:checked+span{color:var(--text)}.admin-filters-meta{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text3)}.admin-chip-row{display:flex;flex-wrap:wrap;gap:4px}.admin-chip{font-size:11px;background:var(--bg-input);color:var(--text2);border:1px solid var(--border);padding:5px 12px;border-radius:999px;cursor:pointer;transition:all .15s;text-transform:lowercase;font-weight:500}.admin-chip:hover{background:var(--bg-hover);color:var(--text)}.admin-chip.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.admin-card-tile{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;display:flex;flex-direction:column;transition:all .15s;text-align:left;padding:0;cursor:pointer}.admin-card-tile:hover{border-color:var(--border2);transform:translateY(-1px)}.admin-card-tile.is-inactive{opacity:.55}.admin-card-tile-thumb{position:relative;aspect-ratio:16 / 9;background:var(--bg-input);overflow:hidden;border-bottom:1px solid var(--border)}.admin-card-tile-thumb img{width:100%;height:100%;object-fit:cover;display:block}.admin-card-tile-thumb.is-square{aspect-ratio:1 / 1}.admin-card-tile-thumb.is-3-2{aspect-ratio:3 / 2}.admin-card-tile-status{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:#000000a6;color:var(--text);backdrop-filter:blur(4px)}.admin-card-tile-status.is-failed{background:#ef4444d9}.admin-card-tile-status.is-pending{background:#e6a117d9;color:#1a1a1a}.admin-card-tile-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px;flex:1}.admin-card-tile-title{font-size:13px;font-weight:600;line-height:1.3;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-card-tile-meta{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.admin-pill-row{display:flex;flex-wrap:wrap;gap:4px}.admin-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;background:var(--bg-input);color:var(--text2);padding:3px 8px;border-radius:999px;border:1px solid var(--border);white-space:nowrap;font-weight:500}.admin-pill-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.admin-pill-accent{background:#fb82001a;color:var(--accent2);border-color:#fb82002e}.admin-card-tile-tags{display:flex;flex-wrap:wrap;gap:4px}.admin-card-tile-line{font-size:11px;color:var(--text3);font-style:italic;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-card-tile-actions{display:flex;gap:4px;margin-top:auto;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border)}.admin-card-tile-actions .admin-mini-btn{flex:1;min-width:70px}.admin-mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:transparent;border:1px solid var(--border2);color:var(--text2);padding:5px 8px;font-size:11px;font-weight:600;border-radius:var(--r);cursor:pointer;transition:all .15s}.admin-mini-btn:hover{background:var(--bg-hover);color:var(--text)}.admin-mini-btn:disabled{opacity:.5;cursor:not-allowed}.admin-mini-btn.is-danger{color:var(--danger);border-color:#ef44444d}.admin-mini-btn.is-danger:hover{background:#ef444414}.admin-card-tile-inactive-badge{position:absolute;bottom:8px;left:8px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:#000000a6;color:var(--text);font-weight:600}.admin-empty-msg{color:var(--text3);font-size:13px;padding:32px 0;text-align:center}.admin-empty-card{background:var(--bg-section);border:1px dashed var(--border2);border-radius:var(--r2);padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.admin-empty-card h2{font-size:16px;font-weight:600;color:var(--text)}.admin-empty-card p{font-size:13px;color:var(--text2);max-width:40ch;margin-bottom:8px}.admin-noaccess{flex:1;display:grid;place-items:center;padding:80px 32px;color:var(--text2);text-align:center}.admin-noaccess h1{font-size:22px;margin-bottom:8px;color:var(--text)}.admin-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#000000a6;display:grid;place-items:center;padding:var(--sp-lg);animation:admin-modal-fade .15s ease-out;backdrop-filter:blur(6px)}@keyframes admin-modal-fade{0%{opacity:0}to{opacity:1}}.admin-modal{width:min(820px,100%);max-height:calc(100vh - 64px);background:var(--bg-panel);border:1px solid var(--border2);border-radius:var(--r2);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.admin-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border)}.admin-modal-header h2{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.admin-modal-subtitle{color:var(--text3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.admin-modal-close{background:transparent;color:var(--text3);border:none;padding:4px;border-radius:var(--r);display:inline-flex;align-items:center;cursor:pointer;transition:all .15s}.admin-modal-close:hover{background:var(--bg-hover);color:var(--text)}.admin-modal-body{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:22px;overflow-y:auto}@media(max-width:720px){.admin-modal-body{grid-template-columns:1fr}}.admin-modal-fields{display:flex;flex-direction:column;gap:14px}.admin-modal-thumb{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;aspect-ratio:16 / 9}.admin-modal-thumb img{width:100%;height:100%;object-fit:cover;display:block}.admin-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:14px 22px;border-top:1px solid var(--border);background:#ffffff04}.admin-btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:var(--danger);padding:8px 16px;font-size:13px;font-weight:500;border-radius:var(--r);cursor:pointer;transition:all .15s}.admin-btn-danger:hover{background:#ef44442e}.admin-btn-danger:disabled{opacity:.5;cursor:not-allowed}.admin-chip-group{display:flex;flex-wrap:wrap;gap:4px}.admin-chip-toggle{font-size:11px;background:var(--bg-input);color:var(--text2);border:1px solid var(--border);padding:4px 10px;border-radius:999px;cursor:pointer;transition:all .15s}.admin-chip-toggle:hover{background:var(--bg-hover);color:var(--text)}.admin-chip-toggle.is-on{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.admin-error-banner{padding:12px 16px;background:#ef44440f;border:1px solid rgba(239,68,68,.18);border-radius:var(--r2);color:var(--danger);font-size:13px;margin-bottom:16px}@media(max-width:900px){.admin-sidebar{width:180px}.admin-content{padding:20px 24px 48px}.admin-page-title{font-size:22px}}@media(max-width:720px){.admin-sidebar{width:56px;padding:12px 4px}.admin-sidebar-label{display:none}.admin-tab{justify-content:center;padding:9px 0}.admin-tab span:last-child{display:none}}.admin-modal-wide{max-width:1100px}.admin-pill-warn{background:#ef444426;color:#f1a59d;border-color:#ef44444d}.font-upload-preview-col,.font-edit-preview-col{display:flex;flex-direction:column;gap:12px}.font-edit-specimen{background:#f4f1ec;border-radius:var(--r);overflow:hidden;border:1px solid var(--border2);aspect-ratio:5 / 3}.font-edit-specimen img{width:100%;height:100%;object-fit:contain;display:block}.font-upload-actions-row{display:flex;align-items:center;gap:10px}.font-upload-source-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text3)}.font-upload-file-row{display:flex;align-items:center;gap:10px}.font-upload-filename{font-size:12px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-edit-rationale{font-size:12px;color:var(--text2);line-height:1.5;padding:10px 12px;background:var(--bg-section);border:1px solid var(--border2);border-radius:var(--r);margin:0}.font-edit-rationale strong{color:var(--text);font-weight:600}.font-edit-confirm-text{font-size:12px;color:var(--text);margin-right:8px}.result-page{padding:24px;max-width:1480px;margin:0 auto;width:100%}.result-loading{color:var(--text2);text-align:center;padding:80px 0}.result-error-banner{color:#f1a59d;background:#ef444414;border:1px solid rgba(239,68,68,.2);padding:12px 16px;border-radius:var(--r);margin-bottom:16px}.result-status-card{text-align:center;padding:8px 0 0}.result-status-card h2{font-size:22px;font-weight:700;margin:0 0 8px}.result-status-card p{color:var(--text2);margin:0}.work-indicator{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 8px;text-align:center}.work-indicator-dots{display:inline-flex;gap:5px}.work-indicator-dots i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:work-dot 1s infinite ease-in-out}.work-indicator-dots i:nth-child(2){animation-delay:.15s}.work-indicator-dots i:nth-child(3){animation-delay:.3s}@keyframes work-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.work-indicator-phrase{font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--text);min-height:1.25em;animation:work-fade .4s ease}@keyframes work-fade{0%{opacity:0}to{opacity:1}}.result-status-card-failed{padding:60px 24px;border:1px solid rgba(239,68,68,.3);background:#ef44440f;border-radius:var(--r)}.gen-game{margin-top:32px;display:flex;flex-direction:column;gap:14px;align-items:center}.gen-game-hud{display:flex;justify-content:space-between;align-items:center;width:760px;max-width:100%;padding:0 4px}.gen-game-label{font-family:Manrope,system-ui,sans-serif;font-size:11px;font-weight:500;color:var(--text3);letter-spacing:.06em;text-transform:uppercase}.gen-game-best{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;background:#fb820014;border:1px solid rgba(251,130,0,.32);border-radius:999px;color:#f2af39}.gen-game-best-icon{flex-shrink:0;transform:translateY(-.5px)}.gen-game-best-num{font-family:Manrope,system-ui,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.01em;line-height:1;font-feature-settings:"tnum"}.gen-game-canvas-wrap{position:relative;width:760px;max-width:100%;aspect-ratio:760 / 500;border:1px solid rgba(251,130,0,.18);border-radius:var(--r);overflow:hidden;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;background:#1d1c22;box-shadow:0 10px 30px -12px #0000008c,inset 0 1px #fffdf50a;transition:border-color .18s,transform .18s}.gen-game-canvas-wrap:hover{border-color:#fb82006b}.gen-game-canvas-wrap:active{transform:translateY(1px)}.gen-game-canvas-wrap:focus{outline:none}.gen-game-canvas-wrap:focus-visible{border-color:var(--accent);box-shadow:0 10px 30px -12px #0000008c,0 0 0 3px #fb820052}.gen-game-canvas{display:block;width:100%!important;height:100%!important}.gen-game-bracket{position:absolute;width:14px;height:14px;border:1.5px solid rgba(251,130,0,.55);pointer-events:none}.gen-game-bracket-tl{top:6px;left:6px;border-right:none;border-bottom:none}.gen-game-bracket-tr{top:6px;right:6px;border-left:none;border-bottom:none}.gen-game-bracket-bl{bottom:6px;left:6px;border-right:none;border-top:none}.gen-game-bracket-br{bottom:6px;right:6px;border-left:none;border-top:none}.gen-game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;text-align:center;pointer-events:none;background:radial-gradient(ellipse at center,#0d0c1033,#0d0c10c7);backdrop-filter:blur(1.5px)}.gen-game-overlay-kicker{font-family:Manrope,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#fb8200;margin-bottom:2px}.gen-game-overlay-title{font-family:Manrope,system-ui,sans-serif;font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1;color:#fbf6e8;margin:0}.gen-game-overlay-stats{margin-top:6px;font-family:Manrope,system-ui,sans-serif;font-size:13px;color:var(--text2)}.gen-game-overlay-stats em{font-style:normal;font-family:Manrope,system-ui,sans-serif;font-size:18px;font-weight:800;color:#f2af39;margin:0 3px;letter-spacing:-.02em;font-feature-settings:"tnum"}.gen-game-overlay-hint{margin-top:6px;font-family:Manrope,system-ui,sans-serif;font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text3)}.gen-game-overlay-end .gen-game-overlay-title{color:#fff0b3}.result-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.result-canvas-col{display:flex;flex-direction:column;gap:12px;min-width:0}.result-canvas-frame{background:#000;border-radius:var(--r);overflow:hidden;width:100%;position:relative}body>textarea[data-fabric=textarea]{left:0!important;top:0!important}.result-canvas-scaler{transform-origin:top left}.result-canvas-error{position:absolute;inset:auto 0 0;padding:8px 12px;background:#ef4444cc;color:#fff;font-size:12px}.result-canvas-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text2);font-size:13px;font-weight:600;background:var(--bg-section)}.result-canvas-spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--border2);border-top-color:var(--accent);animation:cutout-spin .7s linear infinite}.result-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.result-actions .btn{display:inline-flex;align-items:center;gap:6px;padding:9px 12px}.result-actions-error{color:#f1a59d;font-size:12px}.cutout-control{display:contents}.cutout-control>button:first-child{margin-left:auto}.cutout-eraser{display:contents}.cutout-eraser-cursor{position:absolute;z-index:25;pointer-events:none;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid var(--accent);background:#fb820024;box-shadow:0 0 0 1px #0000004d}.cutout-eraser-cursor.restore{border-color:var(--success);background:#22c55e29}.cutout-seg{display:inline-flex;flex:none;gap:2px;padding:2px;border-radius:var(--r);background:var(--bg-input);border:1px solid var(--border2)}.cutout-seg button{font:inherit;font-size:12px;font-weight:600;padding:4px 10px;border-radius:calc(var(--r) - 4px);color:var(--text2);background:none;border:none;transition:all .15s}.cutout-seg button:hover{color:var(--text)}.cutout-seg button.is-active{color:#fff;background:var(--accent)}.cutout-control-hint{font-size:12px;color:var(--text2)}.cutout-control-error{font-size:12px;color:#f1a59d}.cutout-canvas-hint{position:absolute;top:var(--sp-md);left:50%;transform:translate(-50%);z-index:20;pointer-events:none;display:flex;align-items:center;gap:var(--sp-sm);max-width:calc(100% - 2 * var(--sp-md));padding:10px var(--sp-md);border-radius:var(--r);font-size:14px;font-weight:600;line-height:1.25;color:var(--text);background:var(--bg-floating);border:1px solid var(--border2);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);white-space:nowrap}.cutout-canvas-hint strong{font-weight:700;color:var(--accent)}.cutout-canvas-hint svg{flex:none;color:var(--accent)}.cutout-canvas-hint kbd{flex:none;font:inherit;font-size:12px;font-weight:600;padding:2px 8px;border-radius:7px;color:var(--text2);background:var(--bg-input);border:1px solid var(--border2)}.cutout-canvas-hint-spinner{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid var(--border2);border-top-color:var(--accent);animation:cutout-spin .7s linear infinite}@keyframes cutout-spin{to{transform:rotate(360deg)}}.cutout-canvas-hint button,.cutout-canvas-hint input{pointer-events:auto}.cutout-hint-text{white-space:nowrap}.cutout-tol-label{flex:none;font-size:13px;color:var(--text2)}.cutout-tol-slider{flex:1 1 130px;min-width:110px;accent-color:var(--accent);cursor:pointer}.cutout-canvas-hint .cutout-go{flex:none;height:30px;padding:0 14px;font-size:13px}.cutout-cancel{flex:none;font:inherit;font-size:12px;font-weight:600;color:var(--text3);background:none;border:none}.cutout-cancel:hover{color:var(--text)}.layers-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.layers-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:var(--bg-section);border:1px solid var(--border2);border-radius:var(--r);cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s}.layers-row:hover{border-color:var(--border)}.layers-row-active,.layers-row-active:hover{border-color:var(--accent);background:var(--bg-hover);box-shadow:inset 0 0 0 1px var(--accent)}.layers-row-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text);flex:1;min-width:0}.layers-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-name-editable{cursor:text}.layers-edit{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin-left:-2px;background:transparent;border:none;border-radius:4px;color:var(--text3);cursor:pointer;opacity:0;transition:opacity .12s,color .12s}.layers-row:hover .layers-edit,.layers-edit:focus-visible{opacity:1}.layers-edit:hover{color:var(--text)}.layers-name-input{flex:1;min-width:0;max-width:100%;background:var(--bg-input);border:1px solid var(--accent);border-radius:6px;color:var(--text);font-family:inherit;font-size:12px;padding:2px 6px;outline:none}.layers-grip{display:inline-flex;align-items:center;justify-content:center;margin:-4px -2px;padding:4px 2px;color:var(--text3);cursor:grab;touch-action:none}.layers-grip:hover{color:var(--text)}.layers-row-dragging{opacity:.4}.layers-row-dragging .layers-grip{cursor:grabbing}.layers-drop-line{list-style:none;height:2px;margin:3px 0;background:var(--accent);border-radius:2px;pointer-events:none}.layers-row-type{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;font-size:10px;font-weight:700;color:var(--text2)}.layers-row-actions{display:inline-flex;gap:2px}.layers-move{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--r);color:var(--text2);cursor:pointer}.layers-move:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.layers-move:disabled{opacity:.3;cursor:default}.layers-row-actions{flex:0 0 auto}.layers-row-delete{opacity:0;transition:opacity .12s,color .12s,background .12s}.layers-row:hover .layers-row-delete,.layers-row-delete:focus-visible{opacity:1}.layers-row-delete:hover{color:var(--danger);background:var(--bg-hover)}.layers-row-hidden .layers-row-label{opacity:.45}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;width:max-content;max-width:220px;padding:6px 9px;background:var(--bg-tooltip);color:var(--text-tooltip);border-radius:var(--r);font-size:11px;font-weight:500;line-height:1.35;text-align:center;white-space:normal;opacity:0;visibility:hidden;transform:translate(-50%) translateY(4px);transition:opacity .12s ease,transform .12s ease;pointer-events:none;z-index:60;box-shadow:0 4px 14px #00000059}.tip:hover:after,.tip:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.result-meta{background:var(--bg-section);border:1px solid var(--border2);border-radius:var(--r);padding:12px 14px;font-size:12px}.result-meta summary{cursor:pointer;font-weight:600;color:var(--text)}.result-meta dl{margin:12px 0 0;display:grid;grid-template-columns:100px 1fr;gap:6px 12px}.result-meta dt{color:var(--text3);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.result-meta dd{margin:0;color:var(--text2);line-height:1.4;word-break:break-word}.result-meta-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin-top:2px}.result-meta-thumbs a{display:block;aspect-ratio:16 / 9;border-radius:4px;overflow:hidden;background:var(--bg-input);border:1px solid var(--border);transition:border-color .15s}.result-meta-thumbs a:hover{border-color:var(--accent)}.result-meta-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.result-edit-panel{display:flex;flex-direction:column;gap:var(--sp-md)}.result-card{display:flex;flex-direction:column;gap:10px;background:var(--bg-section);border:1px solid var(--border2);border-radius:var(--r);padding:12px 14px}.result-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.result-card-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}.result-card-toggle{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;color:var(--text3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:4px 2px}.result-card-toggle:hover{color:var(--text)}.result-edit-section{display:flex;flex-direction:column;gap:12px}.result-edit-section h3{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin:0}.result-edit-input{width:100%;background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r);padding:9px 12px;height:38px;font-size:13px;font-weight:500;color:var(--text);font-family:inherit}.result-edit-input:focus{outline:none;border-color:var(--accent)}.result-edit-textarea{height:auto;min-height:38px;max-height:74px;line-height:1.4;resize:none;overflow-y:auto}.result-edit-row{display:flex;flex-direction:column;gap:6px}.result-edit-label{color:var(--text3);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.result-edit-row select{background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r);padding:9px 28px 9px 12px;height:38px;font-size:13px;font-weight:500;color:var(--text);font-family:inherit;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239898b4' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.result-edit-row select:focus{outline:none;border-color:var(--accent)}.result-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-format-field{display:flex;flex-direction:column;gap:4px;min-width:0}.result-format-field select,.result-format-field input{background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r);padding:9px 12px;height:38px;font-size:13px;font-weight:500;color:var(--text);font-family:inherit;box-sizing:border-box;width:100%;-webkit-appearance:none;appearance:none}.result-format-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239898b4' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:28px}.result-format-field select:focus,.result-format-field input:focus{outline:none;border-color:var(--accent)}.result-align-group{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.result-align-btn{height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r);color:var(--text2);cursor:pointer;transition:all .15s}.result-align-btn:hover{border-color:var(--text3);color:var(--text)}.result-align-btn.is-on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.tf-hdr{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;color:var(--text);font-size:14px;font-weight:600;padding:4px 0;cursor:pointer}.tf-hdr>span:first-of-type{flex:0 0 auto}.tf-badge{margin-left:auto;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent);border-radius:999px;padding:2px 8px}.tf-body{display:flex;flex-direction:column;gap:10px;margin-top:8px}.tf-note{font-size:11px;color:var(--text3);line-height:1.4;margin-top:-4px}.tf-sub{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:-4px}.tf-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tf-2col>div{display:flex;flex-direction:column;gap:4px;min-width:0}.tf-2col-sw{grid-template-columns:1.5fr 1fr}.tf-select,.tf-stepper input{background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r);height:38px;padding:0 12px;font-size:13px;font-weight:500;color:var(--text);font-family:inherit;box-sizing:border-box;width:100%;outline:none;-webkit-appearance:none;appearance:none}.tf-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239898b4' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:28px}.tf-select:focus,.tf-stepper input:focus{border-color:var(--accent)}.fz-combo{position:relative}.fz-combo .fz-input{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r);height:38px;box-sizing:border-box;min-width:0;cursor:pointer}.fz-combo .fz-input:focus-within{border-color:var(--accent)}.fz-combo .fz-input input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:13px;font-weight:500;font-family:inherit;padding:0 8px 0 12px;outline:none;cursor:text;height:auto;-moz-appearance:textfield;appearance:textfield}.fz-combo .fz-input input::-webkit-inner-spin-button,.fz-combo .fz-input input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;display:none;margin:0}.fz-combo .fz-unit{font-size:11px;color:var(--text3);padding-right:2px;user-select:none}.fz-combo .fz-steppers{display:flex;flex-direction:column;gap:2px;width:18px;padding:4px 0 4px 4px;align-self:stretch;flex:0 0 auto}.fz-combo .fz-auto-badge{flex:0 0 auto;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent);border-radius:999px;padding:1px 6px;margin-right:2px;user-select:none}.fz-combo .fz-steppers button{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0;background:var(--bg-section);border:1px solid var(--border2);border-radius:3px;color:var(--text3);cursor:pointer;transition:all .12s}.fz-combo .fz-steppers button:first-child{border-top-left-radius:8px}.fz-combo .fz-steppers button:last-child{border-bottom-left-radius:8px}.fz-combo .fz-steppers button:hover{color:var(--text);border-color:var(--text3);background:var(--bg-hover)}.fz-combo .fz-steppers button:active{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.fz-combo .fz-arrow{padding:0 8px;color:var(--text3);cursor:pointer;user-select:none;display:flex;align-items:center;background:none;border:none}.fz-combo .fz-arrow:hover{color:var(--text)}.fz-dd{position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--bg-panel);border:1px solid var(--border2);border-radius:var(--r);max-height:260px;overflow-y:auto;z-index:200;box-shadow:var(--shadow-lg, 0 8px 24px rgba(0,0,0,.5))}.fz-dd-item{padding:7px 12px;font-size:13px;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:space-between}.fz-dd-item:hover{background:var(--bg-hover)}.fz-dd-item.fz-active{color:var(--accent)}.fz-dd-sep{border-top:1px solid var(--border2);margin:2px 0}.font-subtabs{display:flex;gap:4px;border-bottom:1px solid var(--border2);margin:4px 0 16px}.font-subtab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text3);font-size:14px;font-weight:600;padding:8px 14px;cursor:pointer;margin-bottom:-1px}.font-subtab:hover{color:var(--text)}.font-subtab.active{color:var(--text);border-bottom-color:var(--accent)}.fontshare-modal{max-width:880px;width:92vw}.fontshare-controls{display:flex;align-items:center;gap:10px;margin:12px 0}.fontshare-count{font-size:12px;color:var(--text3);white-space:nowrap}.fontshare-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:60vh;overflow-y:auto;padding:2px}.fontshare-tile{border:1px solid var(--border2);border-radius:var(--r);background:var(--bg-input);padding:12px;display:flex;flex-direction:column;gap:8px}.fontshare-tile.is-selected{border-color:var(--accent)}.fontshare-preview{font-size:30px;line-height:1.1;color:var(--text);min-height:38px}.fontshare-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.fontshare-name{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fontshare-cat{font-size:11px;color:var(--text3)}.fontshare-tile .admin-icon-btn{justify-content:center}.fontshare-actions{display:flex;gap:6px}.fontshare-actions .admin-icon-btn{flex:1}.fontshare-tagok{color:var(--accent)}.fontshare-tagpending{color:var(--warn, #d8a657)}.fontsel{position:relative;flex:1;min-width:0}.fontsel-trigger{display:flex;align-items:center;gap:6px;width:100%;height:38px;background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r);padding:0 8px 0 12px;color:var(--text);cursor:pointer;box-sizing:border-box}.fontsel-trigger:hover{border-color:var(--accent)}.fontsel-current{flex:1;min-width:0;text-align:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fontsel .fz-arrow{color:var(--text3);display:flex;align-items:center;flex-shrink:0}.fontsel-dd{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:var(--bg-panel);border:1px solid var(--border2);border-radius:var(--r);max-height:340px;overflow-y:auto;padding:4px;box-shadow:var(--shadow-lg, 0 8px 24px rgba(0,0,0,.5))}.fontsel-group{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);padding:8px 10px 4px}.fontsel-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:6px;cursor:pointer;color:var(--text);font-size:18px;line-height:1.25}.fontsel-item:hover{background:var(--bg-hover)}.fontsel-item.is-active{color:var(--accent)}.fontsel-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fontsel-check{font-size:12px;flex-shrink:0}.tf-font-row{display:flex;gap:6px;align-items:stretch}.tf-font-row .tf-select{flex:1}.tf-font-random{flex:0 0 38px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r);color:var(--text2);cursor:pointer;transition:all .15s}.tf-font-random:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.tf-font-random:active{transform:scale(.96)}.tf-stepper{position:relative;width:100%}.tf-stepper input{padding-left:26px}.tf-stepper.has-suffix input{padding-right:24px}.tf-stepper-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text3);pointer-events:none}.tf-stepper-btns{position:absolute;top:4px;left:4px;bottom:4px;width:18px;display:flex;flex-direction:column;gap:2px}.tf-stepper-btns button{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0;background:var(--bg-section);border:1px solid var(--border2);border-radius:3px;color:var(--text3);cursor:pointer;transition:all .12s}.tf-stepper-btns button:first-child{border-top-left-radius:8px}.tf-stepper-btns button:last-child{border-bottom-left-radius:8px}.tf-stepper-btns button:hover{color:var(--text);border-color:var(--text3);background:var(--bg-hover)}.tf-stepper-btns button:active{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.tf-btns{display:flex;gap:4px}.tf-btn{flex:1;height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r);color:var(--text2);cursor:pointer;transition:all .15s;padding:0}.tf-btn:hover{border-color:var(--text3);color:var(--text)}.tf-btn.is-on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.tf-btn-text{font-size:12px;font-weight:700}.tf-slider-row{display:flex;align-items:center;gap:8px}.tf-slider-row .tf-stepper{width:86px;flex:0 0 auto}.tf-slider-row input[type=range]{flex:1;accent-color:var(--accent)}.tf-shadow,.tf-shadow-body{display:flex;flex-direction:column;gap:10px}.layout-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.layout-picker-tile{display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--bg-input);border:1px solid var(--border2);border-radius:4px;cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit}.layout-picker-tile:hover{border-color:var(--accent)}.layout-picker-tile.is-active{border-color:var(--accent);background:#f59e0b14}.layout-picker-icon{display:block;height:auto}.layout-picker-bg{fill:var(--bg-app);stroke:var(--border2);stroke-width:.5}.layout-picker-title{fill:var(--text2);opacity:.9}.layout-picker-subtitle{fill:var(--text2);opacity:.55}.layout-picker-tile.is-active .layout-picker-title{fill:var(--accent);opacity:1}.layout-picker-tile.is-active .layout-picker-subtitle{fill:var(--accent);opacity:.7}.layout-picker-label{font-size:10px;font-weight:600;text-align:center;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}.layout-picker-tile.is-active .layout-picker-label{color:var(--text)}.result-edit-reset{margin-top:8px;background:none;border:none;color:var(--text3);font-size:11px;text-decoration:underline;cursor:pointer;padding:0;font-family:inherit}.result-edit-reset:hover{color:var(--text)}.case-toggle{display:flex;gap:4px}.case-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r);color:var(--text2);font-size:13px;font-weight:700;cursor:pointer;transition:all .12s}.case-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--text3)}.case-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.color-control{display:flex;flex-direction:column;gap:6px}.color-control-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.color-control-chips .admin-chip{border-radius:var(--r);padding:9px 6px;height:38px;font-size:12px;font-weight:600;text-transform:none;display:inline-flex;align-items:center;justify-content:center}.color-control-custom{display:flex;align-items:center;gap:8px}.swatch{width:22px;height:22px;border-radius:4px;cursor:pointer;border:none;transition:outline-color .15s}.swatch:hover{outline:2px solid var(--text3);outline-offset:-2px}.cpk-trigger{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r);padding:5px 10px;cursor:pointer;transition:all .15s;min-width:0;flex:1}.cpk-trigger:hover{border-color:var(--text3)}.color-control-custom .cpk-trigger,.tf-shadow .cpk-trigger{height:38px;padding:0 12px;box-sizing:border-box}.tf-shadow .cpk-trigger{flex:0 0 auto}.cpk-compact{flex:none;min-width:auto;padding:3px;gap:0;border-radius:6px}.cpk-swatch{width:22px;height:22px;border-radius:4px;flex-shrink:0;border:1.5px solid var(--border2)}.cpk-swatch-inner{width:100%;height:100%;border-radius:3px}.cpk-hex{font-size:12px;color:var(--text2);font-family:Inter,monospace;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpk-arrow{color:var(--text3);flex-shrink:0;margin-left:auto;display:inline-flex}.cpk-pop{position:fixed;z-index:1200;background:var(--bg-panel);border:1px solid var(--border2);border-radius:var(--r2);width:260px;box-shadow:0 16px 48px #0009;animation:cpkIn .12s ease}@keyframes cpkIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cpk-hdr{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border);gap:8px}.cpk-hdr-title{font-size:13px;font-weight:600;color:var(--text);flex:1}.cpk-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text3);cursor:pointer;border-radius:4px}.cpk-close:hover{background:var(--bg-hover);color:var(--text)}.cpk-body{padding:14px}.cpk-sv{position:relative;width:100%;height:160px;border-radius:6px;cursor:crosshair;margin-bottom:12px}.cpk-sv-thumb{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 3px #00000080;transform:translate(-50%,-50%);pointer-events:none}.cpk-slider-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.cpk-slider-label{font-size:11px;color:var(--text3);min-width:14px;flex-shrink:0}.cpk-hue{-webkit-appearance:none;appearance:none;flex:1;height:10px;border-radius:5px;outline:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.cpk-hue::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.3);cursor:pointer;box-shadow:0 1px 3px #0000004d}.cpk-eyedrop{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.cpk-eyedrop button{width:34px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border2);color:var(--text2);border-radius:4px;cursor:pointer;transition:all .15s;padding:0;box-sizing:border-box}.cpk-eyedrop button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.cpk-inputs{display:flex;gap:6px;margin-bottom:14px}.cpk-input-grp{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;min-width:0}.cpk-input-grp input{width:100%;text-align:center;height:32px;padding:0 6px;font-size:12px;background:var(--bg-input);border:1px solid var(--border2);color:var(--text);border-radius:4px;outline:none;box-sizing:border-box}.cpk-input-grp input:focus{border-color:var(--accent)}.cpk-input-grp label{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}.cpk-colors-title{font-size:11px;color:var(--text3);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.cpk-colors-grid{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.cpk-saved-swatch .cpk-del-btn{opacity:0;pointer-events:none;transition:opacity .15s,all .15s}.cpk-saved-swatch:hover .cpk-del-btn{opacity:1;pointer-events:auto}.result-layout-strip{background:var(--bg-section);border:1px solid var(--border2);border-radius:var(--r);padding:12px 14px;container-type:inline-size}.result-layout-body{min-height:calc(56.25cqw - 101px)}.result-layout-strip-hdr{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}.result-layout-strip-hdr h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin:0}.result-layout-strip-hdr .result-edit-reset{margin-top:0}.result-layout-strip-hdr:has(.result-tabs){margin-bottom:16px;padding:2px 2px 0}.result-tabs{display:flex;gap:24px}.result-tab{background:none;border:none;padding:4px 2px 10px;margin:0;color:var(--text3);font-size:13px;font-weight:700;letter-spacing:.01em;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.result-tab:hover{color:var(--text2)}.result-tab.is-active{color:var(--text);border-bottom-color:var(--accent)}.result-tabs-actions{display:flex;gap:6px;align-items:center}.result-layout-strip .overlay-cycler{background:none;border:none;border-radius:0;padding:0}.result-random-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;background:var(--accent-bg);border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-size:11px;font-weight:600;text-transform:lowercase;letter-spacing:.04em;cursor:pointer;transition:all .15s}.result-random-pill:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.result-random-pill.is-busy{border-color:var(--accent);color:var(--accent)}.result-random-pill:disabled{opacity:.4;cursor:default}.result-random-spinner{width:11px;height:11px;border-radius:50%;border:2px solid var(--border2);border-top-color:var(--accent);animation:result-random-spin .55s linear infinite}@keyframes result-random-spin{to{transform:rotate(360deg)}}.scroll-indicator{position:relative;height:6px;margin-top:10px;border-radius:999px;background:#00000047;cursor:pointer}.scroll-indicator-thumb{position:absolute;top:0;height:100%;min-width:28px;border-radius:999px;background:#fffdf538;cursor:grab;transition:background .15s}.scroll-indicator-thumb:hover{background:#fffdf561}.scroll-indicator-thumb:active{cursor:grabbing;background:var(--accent)}.layout-picker-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.layout-picker-strip::-webkit-scrollbar{display:none}.layout-picker-strip .layout-picker-tile{flex:0 0 116px}.layout-picker{display:grid;grid-template-columns:180px 1fr;align-items:start;gap:12px;container-type:inline-size}.layout-block-toggle{display:flex;flex-direction:column;align-items:stretch;gap:6px}.layout-block-btn{height:30px;padding:0 14px;background:var(--bg-input);border:1px solid var(--border2);border-radius:999px;color:var(--text2);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.layout-block-btn:hover{border-color:var(--accent);color:var(--accent)}.layout-block-btn.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.layout-anchor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.layout-anchor-tile{padding:0;background:none;border:1px solid var(--border2);border-radius:var(--r);cursor:pointer;overflow:hidden;line-height:0;aspect-ratio:80 / 45;transition:border-color .15s,box-shadow .15s}.layout-anchor-tile:hover{border-color:var(--accent)}.layout-anchor-tile.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.layout-anchor-tile .layout-picker-icon{display:block;width:100%;height:100%}.layout-anchor-tile.is-active .layout-picker-title{fill:var(--accent);opacity:1}.layout-anchor-tile.is-active .layout-picker-subtitle{fill:var(--accent);opacity:.7}.layout-custom-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:calc(56.25cqw - 101px);overflow-y:auto;scrollbar-gutter:stable}.admin-layout-section{margin-bottom:28px}.admin-layout-section-hdr{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;border-bottom:1px solid var(--border2);padding-bottom:8px}.admin-layout-section-hdr h2{font-size:15px;margin:0}.admin-layout-section-hdr span{font-size:12px;color:var(--text3)}.layout-edit-preview{width:100%;aspect-ratio:16 / 9;border:1px solid var(--border2);border-radius:var(--r);overflow:hidden}.admin-field-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-editor-svg{width:100%;aspect-ratio:16 / 9;display:block;border-radius:var(--r);touch-action:none;user-select:none}.custom-editor-bg{fill:var(--bg-app)}.custom-editor-safe{fill:none;stroke:var(--border2);stroke-dasharray:6 6;stroke-width:1}.custom-editor-box{fill:var(--text2);opacity:.55;stroke:transparent;stroke-width:2}.custom-editor-box.title{opacity:.8}.custom-editor-box.is-selected{fill:var(--accent);opacity:.9;stroke:var(--accent)}.custom-editor-anchor{fill:var(--accent);opacity:.85}.custom-editor-guide{stroke:var(--accent);stroke-width:1;stroke-dasharray:5 4;opacity:.9;pointer-events:none}.custom-el-panel{border-top:1px solid var(--border2);margin-top:4px;padding-top:10px;display:flex;flex-direction:column;gap:10px}.custom-el-tabs{display:flex;flex-wrap:wrap;gap:6px}.custom-el-tab{height:26px;padding:0 10px;background:var(--bg-input);border:1px solid var(--border2);border-radius:999px;color:var(--text2);font-size:11px;font-weight:600;cursor:pointer}.custom-el-tab.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.custom-el-add{display:flex;gap:6px;align-items:center}.layout-edit-left{display:flex;flex-direction:column;gap:12px;align-self:start}.custom-help{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;padding:12px 14px;background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r)}.custom-help dt{font-size:11px;font-weight:700;color:var(--accent);white-space:nowrap;line-height:1.45}.custom-help dd{margin:0;font-size:11px;line-height:1.45;color:var(--text3)}.layout-edit-body{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.layout-edit-editor-col{display:flex;flex-direction:column;gap:10px}.layout-editor{width:100%;aspect-ratio:16 / 9;background:#1a1814;border:1px solid var(--border2);border-radius:var(--r);user-select:none;touch-action:none;cursor:default}.layout-editor-bg{fill:#1a1814}.layout-editor-grid line{stroke:#ffffff0f;stroke-width:.5;vector-effect:non-scaling-stroke}.layout-editor-layer .layout-editor-box{fill:#f59e0b2e;stroke:#f59e0b8c;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;cursor:move;transition:fill .1s}.layout-editor-layer:hover .layout-editor-box{fill:#f59e0b47}.layout-editor-layer.is-selected .layout-editor-box{fill:#f59e0b52;stroke:var(--accent);stroke-dasharray:none;stroke-width:1.5}.layout-editor-layer .layout-editor-box-subtitle{fill:#38bdf824;stroke:#38bdf880}.layout-editor-layer:hover .layout-editor-box-subtitle{fill:#38bdf83d}.layout-editor-layer.is-selected .layout-editor-box-subtitle{fill:#38bdf852;stroke:#38bdf8}.layout-editor-label{fill:#ffffffb3;font-size:10px;font-weight:700;letter-spacing:.05em;font-family:ui-sans-serif,system-ui,sans-serif}.layout-editor-handle{fill:#fff;stroke:var(--accent);stroke-width:1;vector-effect:non-scaling-stroke}.layout-editor-handle-nw,.layout-editor-handle-se{cursor:nwse-resize}.layout-editor-handle-ne,.layout-editor-handle-sw{cursor:nesw-resize}.layout-edit-coords{display:flex;flex-direction:column;gap:4px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text3)}.layout-edit-coord-row{display:flex;align-items:center;gap:12px;padding:6px 10px;background:var(--bg-section);border:1px solid var(--border2);border-radius:4px}.layout-edit-coord-label{font-weight:700;font-family:ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;color:var(--text2);width:60px}.layout-card-thumb{padding:8px}.layout-card-thumb svg{border-radius:calc(var(--r) - 4px);overflow:hidden}.layout-editor-frame{display:flex;flex-direction:column;gap:8px}.layout-editor-toolbar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-section);border:1px solid var(--border2);border-radius:4px;flex-wrap:wrap}.layout-editor-toolbar-label{font-size:11px;color:var(--text3);margin-right:auto}.layout-editor-toolbar-label strong{color:var(--text);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.05em}.layout-editor-toolbar-group{display:flex;gap:2px;background:var(--bg-input);border:1px solid var(--border2);border-radius:4px;padding:2px}.layout-editor-toolbar-divider{width:1px;height:18px;background:var(--border2)}.layout-editor-align-btn{background:none;border:none;color:var(--text3);width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer;transition:background .12s,color .12s;padding:0}.layout-editor-align-btn:hover{background:var(--bg-hover);color:var(--text)}.layout-editor-align-btn:active{background:var(--accent);color:var(--bg-app)}.layout-editor-align-btn:disabled{opacity:.35;cursor:not-allowed}.layout-editor-align-btn:disabled:hover{background:none;color:var(--text3)}.layout-edit-boxlist{display:flex;flex-direction:column;gap:12px;margin-top:8px}.layout-edit-boxgroup{border:1px solid var(--border2);border-radius:var(--r);background:var(--bg-section);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.layout-edit-boxgroup-hdr{display:flex;align-items:center;justify-content:space-between}.layout-edit-boxgroup-hdr h4{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text2)}.layout-edit-boxgroup-hdr .admin-icon-btn{padding:4px 10px;font-size:11px}.layout-edit-boxgroup-empty{margin:0;font-size:12px;color:var(--text3);font-style:italic}.layout-edit-boxrow{border:1px solid var(--border2);border-radius:4px;background:var(--bg-input);overflow:hidden}.layout-edit-boxrow.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.layout-edit-boxrow-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;background:none;border:none;color:var(--text2);cursor:pointer;font-family:inherit;text-align:left}.layout-edit-boxrow-head:hover{background:var(--bg-hover);color:var(--text)}.layout-edit-boxrow.is-selected .layout-edit-boxrow-head{color:var(--text)}.layout-edit-boxrow-coords{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.layout-edit-boxrow-opacity{font-size:11px;font-weight:600;color:var(--text3)}.layout-edit-boxrow-body{padding:10px;border-top:1px solid var(--border2);display:flex;flex-direction:column;gap:10px;background:var(--bg-section)}.layout-edit-boxrow-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layout-edit-boxrow-controls label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text3)}.layout-edit-boxrow-controls label>span{text-transform:uppercase;font-weight:600;letter-spacing:.04em}.layout-edit-boxrow-controls select{background:var(--bg-input);border:1px solid var(--border2);border-radius:3px;padding:4px 6px;color:var(--text);font-size:12px}.layout-edit-boxrow-opacity-slider{grid-column:1 / -1}.layout-edit-boxrow-opacity-slider input[type=range]{width:100%}.layout-edit-boxrow-actions{display:flex;gap:6px;justify-content:flex-end}.layout-edit-boxrow-actions .admin-icon-btn,.layout-edit-boxrow-actions .admin-btn-danger{padding:4px 10px;font-size:11px}.layout-picker-badge{display:inline-block;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:700;text-transform:none;letter-spacing:.02em;background:#3b82f62e;color:#8fc1ff;border-radius:3px;vertical-align:middle}.layout-editor-offstage{fill:#0a0907}.layout-editor-frame-border{fill:none;stroke:var(--accent);stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}.step-editor{display:flex;flex-direction:column;gap:16px}.step-editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.step-editor-title{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.step-editor-title strong{color:var(--text);font-weight:700;text-transform:none;letter-spacing:0}.step-editor-restart{background:none;border:none;cursor:pointer;font-family:inherit;color:var(--text3);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:2px}.step-editor-restart:hover{color:var(--accent)}.step-stepper{display:flex;align-items:center;background:var(--bg-section);border:1px solid var(--border2);border-radius:var(--r);padding:12px 20px}.step-step{display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--text3);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 0}.step-step:hover{color:var(--text2)}.step-dot{width:24px;height:24px;border-radius:50%;flex-shrink:0;border:1px solid var(--border2);background:var(--bg-input);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text2);transition:all .15s}.step-step.is-active{color:var(--text)}.step-step.is-active .step-dot{background:var(--accent);border-color:var(--accent);color:#fff}.step-step.is-done .step-dot{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.step-connect{flex:1;height:1px;background:var(--border2);margin:0 14px;min-width:18px}.step-body{display:grid;grid-template-columns:1fr 400px;gap:20px;align-items:stretch}.step-stage{display:flex;flex-direction:column;gap:16px;min-width:0}.step-preview{min-width:0}.step-text-card{background:var(--bg-section);border:1px solid var(--border2);border-radius:var(--r);padding:14px 16px 24px;display:flex;flex-direction:column;gap:14px;container-type:inline-size;container-name:textcard}.step-text-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:20px;border-bottom:1px solid var(--border2)}.step-text-add{background:none;border:none;cursor:pointer;font-family:inherit;padding:2px 2px 10px;color:var(--text3);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:color .15s}.step-text-add:hover{color:var(--accent)}.step-text-extra{display:flex;flex-direction:column;gap:12px}.step-text-history{margin-left:auto;display:flex;align-items:center;gap:6px;position:relative;bottom:6px}.step-history-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--text2);cursor:pointer;transition:color .12s,background .12s}.step-history-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.step-history-btn:disabled{opacity:.3;cursor:default}.step-text-tab{background:none;border:none;cursor:pointer;font-family:inherit;padding:2px 2px 10px;margin-bottom:-1px;color:var(--text3);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.step-text-tab:hover{color:var(--text2)}.step-text-tab.is-active{color:var(--text);border-bottom-color:var(--accent)}.tf-grid{display:flex;flex-direction:column;gap:12px}.tf-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.tf-col{display:flex;flex-direction:column;gap:12px;min-width:0}.tf-field{display:flex;flex-direction:column;gap:6px;min-width:0}.step-text-card .result-edit-textarea{min-height:104px;max-height:160px}.step-panel{display:flex;flex-direction:column;min-height:440px;background:var(--bg-section);border:1px solid var(--border2);border-radius:var(--r);overflow:hidden}.step-panel-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px}.step-pane{display:flex;flex-direction:column;gap:14px}.step-pane-toolbar{display:flex;justify-content:flex-end}.step-pane-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--border2)}.step-pane-title{margin:0;display:flex;align-items:baseline;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text)}.step-pane-num{color:var(--accent)}.step-tips{margin:0 16px 14px;border:1px solid var(--border2);border-radius:var(--r);background:var(--bg-input)}.step-tips>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:600;color:var(--text2)}.step-tips>summary::-webkit-details-marker{display:none}.step-tips>summary:after{content:"";width:7px;height:7px;margin-left:auto;border-right:1.5px solid var(--text3);border-bottom:1.5px solid var(--text3);transform:rotate(45deg);transition:transform .15s}.step-tips[open]>summary:after{transform:rotate(-135deg)}.step-tips>summary:hover{color:var(--text)}.step-tips-icon{color:var(--accent);display:inline-flex}.step-tips-body{margin:0;padding:2px 12px 12px;font-size:12px;line-height:1.55;color:var(--text2)}.step-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid var(--border2)}.step-footer .step-back{margin-right:auto}.step-footer .step-next{margin-left:auto}.step-footer .btn:disabled{opacity:.4;cursor:default}.step-panel .result-card{background:none;border:none;padding:0}.step-panel .layout-picker{display:flex;flex-direction:column;gap:14px;container-type:normal}.step-panel .layout-block-toggle{flex-direction:row;flex-wrap:wrap;margin-bottom:0}.step-panel .layout-anchor-grid,.step-panel .layout-custom-gallery{grid-template-columns:repeat(3,1fr)}.layout-custom-section{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--border2)}.layout-section-title{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}.step-panel .layout-custom-gallery{max-height:240px;overflow-y:auto}.step-refine-actions{display:flex;flex-direction:column;gap:8px}.step-refine-actions .btn{width:100%;justify-content:center}.step-refine-actions .cutout-control>button:first-child{margin-left:0}.step-overlay-wrap{display:flex;flex-direction:column;gap:12px}.step-overlay-wrap .overlay-cycler{background:none;border:none;padding:0;gap:12px}.step-overlay-wrap .overlay-cycler-body{display:flex;flex-direction:column;gap:12px;height:auto}.step-overlay-wrap .overlay-cycler-side{overflow:visible}.step-overlay-wrap .overlay-cycler-cats{flex-direction:row;flex-wrap:wrap}.step-overlay-wrap .overlay-cycler-cat{height:28px;padding:0 11px}.step-overlay-wrap .overlay-cycler-grid{grid-template-columns:repeat(3,1fr);max-height:340px}.step-export{display:flex;flex-direction:column;gap:14px}.step-export .result-actions{flex-direction:column;align-items:stretch}.step-export .result-actions .btn{width:100%;justify-content:center}@media(max-width:900px){.step-body{grid-template-columns:1fr}.step-panel{position:static;min-height:0}.step-stepper{flex-wrap:wrap;gap:8px 0}.fontsel-dd,.fz-dd{top:auto;bottom:calc(100% + 4px)}.result-page{padding-bottom:56px}}@container textcard (max-width: 860px){.tf-cols{grid-template-columns:1fr 1fr;column-gap:18px}}@container textcard (max-width: 560px){.tf-cols{grid-template-columns:1fr}}.result-meta-loose{margin-top:24px}.result-meta-loose .result-meta{background:none;border:none;border-radius:0;padding:0}.admin-login{min-height:100vh;display:grid;place-items:center;background:var(--bg-app);padding:32px}.admin-login-card{width:100%;max-width:360px;background:var(--bg-section);border:1px solid var(--border);border-radius:var(--r2);padding:28px;display:flex;flex-direction:column;gap:14px}.admin-login-brand{display:flex;align-items:baseline;gap:8px;font-size:18px;font-weight:800}.admin-login-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);border:1px solid var(--border2);border-radius:999px;padding:2px 8px}.admin-login-hint{font-size:12px;color:var(--text3);margin:0}.admin-login-field{display:flex;flex-direction:column;gap:6px}.admin-login-field span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3)}.admin-login-field input{background:var(--bg-app);border:1px solid var(--border2);border-radius:var(--r);color:var(--text);font-size:13px;padding:9px 12px}.admin-login-field input:focus{outline:none;border-color:var(--accent2)}.admin-login-error{font-size:12px;color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:var(--r);padding:8px 10px}.admin-login-back{font-size:12px;color:var(--text3);text-align:center}.admin-login-back:hover{color:var(--text2)}.admin-signout{display:inline-flex;align-items:center;gap:10px}.admin-signout-who{font-size:12px;color:var(--text3)}.btn-sm{padding:6px 12px;font-size:12px}.admin-dash-section{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--r2);padding:18px 20px;margin-bottom:16px;min-width:0}.admin-dash-hdr{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin:0 0 14px}.admin-dash-cols{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;align-items:start}@media(max-width:900px){.admin-dash-cols{grid-template-columns:1fr}}.admin-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;align-items:end;height:120px}.admin-bar-col{display:flex;flex-direction:column;align-items:center;gap:2px;height:100%;min-width:0}.admin-bar-stack{flex:1;width:100%;display:flex;align-items:flex-end}.admin-bar{width:100%;min-height:2px;border-radius:3px 3px 0 0;background:var(--accent2);opacity:.85}.admin-bar-count{font-size:10px;color:var(--text2);font-variant-numeric:tabular-nums;min-height:13px}.admin-bar-day{font-size:9px;color:var(--text3)}.admin-top-users{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.admin-top-users li{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);min-width:0}.admin-top-users li:last-child{border-bottom:none}.admin-top-user-name{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-top-user-email{font-size:11px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-top-user-count{margin-left:auto;font-size:13px;font-weight:700;color:var(--text2);font-variant-numeric:tabular-nums}.admin-recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.admin-recent-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);color:inherit;text-decoration:none;min-width:0}.admin-recent-list li:last-child .admin-recent-row{border-bottom:none}.admin-recent-row:hover .admin-recent-title{color:var(--accent2)}.admin-recent-thumb{width:48px;height:36px;object-fit:cover;border-radius:4px;background:var(--bg-app);border:1px solid var(--border);flex:none}.admin-recent-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.admin-recent-title{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-recent-meta{font-size:11px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-dash-all-link{display:inline-block;margin-top:12px;font-size:12px;color:var(--text2)}.admin-dash-all-link:hover{color:var(--accent2)}.admin-status-chip{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;border:1px solid var(--border2);color:var(--text2);flex:none}.admin-status-chip.is-complete{color:#4ade80;border-color:#4ade8059}.admin-status-chip.is-failed{color:#f87171;border-color:#f8717159}.admin-status-chip.is-running{color:var(--accent2);border-color:var(--accent2)}.admin-table-wrap{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--r2);overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.admin-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#ffffff05}.admin-td-thumb img,.admin-td-thumb-empty{display:block;width:56px;height:42px;object-fit:cover;border-radius:4px;background:var(--bg-app);border:1px solid var(--border)}.admin-td-title-main{display:block;color:var(--text);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-td-title-sub{display:block;font-size:11px;color:var(--text3);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-td-user-name{display:block;color:var(--text2);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-td-user-email{display:block;font-size:11px;color:var(--text3);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-td-date{color:var(--text3);white-space:nowrap;font-size:12px}.admin-td-cost{color:var(--text2);font-variant-numeric:tabular-nums;white-space:nowrap}.admin-td-na{color:var(--text3)}.admin-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.admin-pager-label{font-size:12px;color:var(--text3);font-variant-numeric:tabular-nums}.admin-result-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fb820014;border:1px solid rgba(251,130,0,.3);border-radius:var(--r2);padding:10px 14px;margin-bottom:14px;font-size:13px;color:var(--text2)}.admin-result-banner strong{color:var(--accent)}.admin-result-banner a{margin-left:auto;font-size:12px;color:var(--text3)}.admin-result-banner a:hover{color:var(--text2)}.app-header-admin-link{font-size:12px;font-weight:600;color:var(--text3);border:1px solid var(--border2);border-radius:999px;padding:4px 12px}.app-header-admin-link:hover{color:var(--text);border-color:var(--text3)}.admin-style-panel{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--r2);padding:18px;margin-bottom:16px;display:flex;flex-direction:column;gap:14px}.admin-style-panel-hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-style-panel-title{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.01em}.admin-style-panel-desc{font-size:12px;color:var(--text3);margin-top:3px;line-height:1.45;max-width:620px}.admin-style-img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.admin-style-upload-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:140px;background:var(--bg-input);border:1.5px dashed var(--border2);border-radius:var(--r2);color:var(--text3);cursor:pointer;padding:14px;text-align:center;transition:all .15s}.admin-style-upload-tile:hover,.admin-style-upload-tile.is-over{border-color:var(--accent);color:var(--text2);background:var(--bg-hover)}.admin-style-upload-tile:disabled{opacity:.6;cursor:wait}.admin-style-upload-tile strong{font-size:12px;font-weight:600;color:var(--text2)}.admin-style-upload-tile span{font-size:10px}.admin-style-img-tile{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;display:flex;flex-direction:column;transition:all .15s}.admin-style-img-tile:hover{border-color:var(--border2);transform:translateY(-1px)}.admin-style-img-tile.is-inactive{opacity:.55}.admin-style-img-thumb{position:relative;aspect-ratio:16 / 10;background:var(--bg-input);overflow:hidden;border-bottom:1px solid var(--border)}.admin-style-img-thumb img{width:100%;height:100%;object-fit:cover;display:block}.admin-style-img-actions{display:flex;gap:4px;padding:6px}.admin-style-img-actions .admin-mini-btn{flex:1}.admin-style-img-actions .admin-mini-btn.is-danger{flex:0 0 auto;min-width:34px}.admin-style-pill-row{display:flex;flex-wrap:wrap;gap:8px}.admin-style-pill{display:inline-flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border2);color:var(--text2);padding:7px 14px;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;text-align:left}.admin-style-pill:hover{background:var(--bg-hover);color:var(--text);border-color:var(--accent)}.admin-style-pill.is-hidden{opacity:.5;border-style:dashed}.admin-style-pill-flag{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent2)}.admin-modal-narrow{width:min(480px,100%)}.admin-modal-body-stacked{display:flex;flex-direction:column;gap:4px}.admin-field-hint{font-size:11px;color:var(--text3);line-height:1.45;margin-top:6px}.overlay-cycler{background:var(--bg-section);border:1px solid var(--border2);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.overlay-cycler-head{display:flex;align-items:center;justify-content:space-between}.overlay-cycler-head h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin:0}.overlay-cycler-meta{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}.overlay-cycler-error{font-size:12px;color:var(--danger);padding:8px 10px;background:#ef444414;border-radius:var(--r)}.overlay-cycler-empty{font-size:12px;color:var(--text2);padding:var(--sp-md);background:var(--bg-section);border-radius:var(--r);line-height:1.5}.overlay-cycler-empty code{font-family:SF Mono,ui-monospace,monospace;background:var(--bg-input);padding:1px 5px;border-radius:3px;font-size:11px}.overlay-cycler-body{display:grid;grid-template-columns:180px 1fr;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:12px;height:calc(56.25cqw - 101px)}.overlay-cycler-side{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow-y:auto}.overlay-cycler-cats{display:flex;flex-direction:column;align-items:stretch;gap:4px}.overlay-cycler-cat{height:30px;padding:0 14px;background:var(--bg-input);color:var(--text2);border:1px solid var(--border2);border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.overlay-cycler-cat:hover{border-color:var(--accent);color:var(--accent)}.overlay-cycler-cat-on{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.overlay-cycler-cat-count{margin-left:6px;font-size:10px;font-weight:700;color:var(--text3)}.overlay-cycler-cat-on .overlay-cycler-cat-count{color:var(--accent);opacity:.75}.overlay-cycler-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:8px;min-height:0;overflow-y:auto;scrollbar-gutter:stable}.overlay-cycler-thumb{padding:0;background:none;border:1px solid var(--border2);border-radius:var(--r);cursor:pointer;overflow:hidden;line-height:0;transition:border-color .15s,box-shadow .15s}.overlay-cycler-thumb:hover{border-color:var(--accent)}.overlay-cycler-thumb-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.overlay-cycler-thumb img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.overlay-cycler-thumb-none{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:var(--bg-input);line-height:1}.overlay-cycler-none-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text3)}.overlay-cycler-thumb-none:hover .overlay-cycler-none-label,.overlay-cycler-thumb-none.overlay-cycler-thumb-on .overlay-cycler-none-label{color:var(--accent)}.overlay-cycler-controls{display:grid;grid-template-columns:1fr;gap:8px}.overlay-cycler-controls>div{display:flex;flex-direction:column;gap:5px;min-width:0}.overlay-cycler-controls .tf-slider-row,.overlay-cycler-controls .tf-slider-row input[type=range]{min-width:0}.dev-overlay-page{flex:1;display:grid;grid-template-columns:1fr 360px;gap:var(--sp-xl);padding:var(--sp-xl);max-width:1600px;width:100%;margin:0 auto}@media(max-width:960px){.dev-overlay-page{grid-template-columns:1fr}}.dev-overlay-stage{display:flex;flex-direction:column;gap:var(--sp-md)}.dev-overlay-canvas{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:var(--r2);overflow:hidden;border:1px solid var(--border)}.dev-overlay-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dev-overlay-layer{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none}.dev-overlay-text{position:absolute;left:5%;bottom:8%;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4);z-index:2}.dev-overlay-text h1{font-size:56px;font-weight:900;letter-spacing:-.02em;line-height:1}.dev-overlay-text p{font-size:16px;margin-top:8px;opacity:.92}.dev-overlay-meta{font-size:12px;color:var(--text3);text-align:center}.dev-overlay-sidebar{display:flex;flex-direction:column;gap:var(--sp-md)}.overlay-upload-drop-col{display:flex;flex-direction:column;gap:8px}.overlay-upload-drop{position:relative;aspect-ratio:3 / 2;background-color:#18181c;background-image:linear-gradient(45deg,#2a2a30 25%,transparent 25%),linear-gradient(-45deg,#2a2a30 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a30 75%),linear-gradient(-45deg,transparent 75%,#2a2a30 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border:2px dashed var(--border2);border-radius:var(--r);display:grid;place-items:center;cursor:pointer;overflow:hidden;transition:border-color .15s}.overlay-upload-drop:hover{border-color:var(--accent2)}.overlay-upload-drop-over{border-color:var(--accent);background-color:var(--accent-bg)}.overlay-upload-empty{display:flex;flex-direction:column;gap:4px;text-align:center;color:var(--text2);font-size:12px}.overlay-upload-empty strong{color:var(--text);font-size:13px}.overlay-upload-bg,.overlay-upload-composite{position:absolute;inset:0;width:100%;height:100%;display:block}.overlay-upload-bg{object-fit:cover;z-index:0}.overlay-upload-composite{object-fit:cover;z-index:1;pointer-events:none}.overlay-upload-bg-switch{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:11px}.overlay-upload-bg-label{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-right:4px}.overlay-upload-info{color:var(--text2);background:var(--bg-section);border:1px solid var(--border);padding:8px 10px;border-radius:var(--r);font-size:11px;line-height:1.4}.overlay-upload-info-warn{color:var(--warn);background:#e6a1170f;border-color:#e6a11733}.overlay-upload-error{color:var(--danger);background:#ef444414;border:1px solid rgba(239,68,68,.18);padding:8px 10px;border-radius:var(--r);font-size:12px}.overlay-edit-preview{position:relative;aspect-ratio:3 / 2;background-color:#18181c;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.overlay-edit-preview img{position:absolute;inset:0;width:100%;height:100%;display:block}.overlay-edit-preview img.is-bg{object-fit:cover;z-index:0}.overlay-edit-preview img.is-overlay{object-fit:cover;z-index:1;pointer-events:none}