@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,700&family=JetBrains+Mono:wght@400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:ital,wght@0,400;0,700;1,400;1,700&family=Oswald:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap");@import url("https://use.typekit.net/szn0efu.css");@import url("https://use.typekit.net/zce7jry.css");:root{--bg-base:#0d0f14;--bg-surface:#141720;--bg-card:#1a1e2a;--bg-card-hover:#1f2433;--bg-input:#12151e;--border:#252b3b;--border-subtle:#1d2130;--accent-orange:#ee7f00;--accent-orange-dim:#c56a00;--accent-green:#2ecc71;--accent-red:#e74c3c;--accent-blue:#4a9eff;--status-ok:#2ecc71;--status-warn:#ee7f00;--status-error:#e74c3c;--status-info:#4a9eff;--status-neutral:#6b7a99;--text-primary:#e8ecf4;--text-secondary:#8892aa;--text-muted:#4a5568;--text-accent:#ee7f00;--text-link:#4a9eff;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:28px;--text-2xl:38px;--text-3xl:52px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-card:0 2px 8px rgba(0,0,0,.4);--shadow-modal:0 8px 32px rgba(0,0,0,.6);--transition-fast:120ms ease;--transition-base:200ms ease;--sidebar-width:240px;--topbar-height:48px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.accent{color:var(--text-accent)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;padding:var(--space-6) 0;display:flex;flex-direction:column}.nav-logo{padding:0 var(--space-5) var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-5)}.nav-brand{display:flex;align-items:center;gap:var(--space-3)}.nav-brand-logo{width:34px;height:auto;flex-shrink:0}.nav-brand-text{display:flex;flex-direction:column}.nav-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);line-height:1.1}.mag-logo{height:26px;width:auto;max-width:100%;object-fit:contain;display:block}.mag-logo--sm{height:18px}.nav-sub{font-size:var(--text-sm);letter-spacing:.02em;color:var(--text-muted);margin-top:2px}.nav-item{display:block;padding:var(--space-3) var(--space-5);font-size:var(--text-base);color:var(--text-secondary);border-left:3px solid transparent;transition:all var(--transition-fast);cursor:pointer}.nav-item:hover{color:var(--text-primary);background:var(--bg-card);text-decoration:none}.nav-item.active{color:var(--accent-orange);border-left-color:var(--accent-orange);background:rgba(238,127,0,.07);font-weight:500}.sidebar-footer{margin-top:auto;padding:var(--space-4) var(--space-5) 0;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.sidebar-foot-row{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.sidebar-user{font-size:var(--text-sm);color:var(--text-secondary)}.app-version{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.main{padding:var(--space-10) var(--space-12) var(--space-12);max-width:1400px;overflow-x:hidden}.page-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-6)}.section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;margin-bottom:var(--space-3)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.card+.card{margin-top:var(--space-5)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;font-family:var(--font-ui);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);line-height:1}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent-orange);color:#000;border-color:var(--accent-orange)}.btn-primary:not(:disabled):hover{background:var(--accent-orange-dim)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border-color:var(--border)}.btn-secondary:not(:disabled):hover{border-color:var(--accent-orange);color:var(--accent-orange)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:not(:disabled):hover{color:var(--text-primary);background:var(--bg-card-hover)}.btn-danger{background:transparent;color:var(--status-error);border-color:rgba(231,76,60,.3)}.btn-danger:not(:disabled):hover{background:rgba(231,76,60,.1)}.btn-logout{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border)}.btn-logout:not(:disabled):hover{background:var(--bg-input);border-color:var(--accent-orange);color:var(--accent-orange)}.btn-sm{padding:4px 10px}.btn-sm,.tag{font-size:var(--text-xs)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-weight:600;letter-spacing:.04em;white-space:nowrap}.tag-orange{background:rgba(238,127,0,.15);color:#ee7f00}.tag-green{background:rgba(46,204,113,.12);color:#2ecc71}.tag-red{background:rgba(231,76,60,.12);color:#e74c3c}.tag-blue{background:rgba(74,158,255,.12);color:#4a9eff}.tag-muted{background:rgba(107,122,153,.15);color:#8892aa}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-green{background:#2ecc71;box-shadow:0 0 6px #2ecc71}.dot-orange{background:#ee7f00;box-shadow:0 0 6px #ee7f00}.dot-red{background:#e74c3c;box-shadow:0 0 6px #e74c3c}.dot-neutral{background:#6b7a99}.count-badge{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-input);padding:2px 7px;border-radius:var(--radius-full)}.count-badge--alert{background:rgba(231,76,60,.2);color:var(--status-error)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border)}.table td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle}.table td.primary{color:var(--text-primary);font-weight:500}.table tr:hover td{background:hsla(0,0%,100%,.02)}.table tr.row-off td{opacity:.42}.table tr.row-off td.cell-publish{opacity:1}.switch{position:relative;display:inline-block;width:38px;height:20px;padding:0;border:1px solid var(--border);background:var(--bg-input);cursor:pointer;vertical-align:middle;transition:background var(--transition-fast),border-color var(--transition-fast)}.switch,.switch:after{border-radius:var(--radius-full)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-secondary);transition:transform var(--transition-fast),background var(--transition-fast)}.switch.on{background:var(--accent-orange);border-color:var(--accent-orange)}.switch.on:after{transform:translateX(18px);background:var(--bg-card)}.switch:not(:disabled):hover{border-color:var(--accent-orange)}.switch:disabled{opacity:.5;cursor:default}.table code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-orange);background:rgba(238,127,0,.08);padding:1px 5px;border-radius:3px}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-ui);width:100%;transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--accent-orange)}.input::placeholder{color:var(--text-muted)}.input-error,.input-error:focus{border-color:var(--status-error)}select.input{cursor:pointer}.user-add-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(140px,.8fr) minmax(180px,1.4fr) auto;grid-gap:var(--space-3);gap:var(--space-3);align-items:center}@media (max-width:720px){.user-add-row{grid-template-columns:1fr}}.form-hint{margin-top:var(--space-2);font-size:var(--text-sm)}.form-hint-error{color:var(--status-error)}.brand-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);grid-gap:var(--space-6);gap:var(--space-6);align-items:start}@media (max-width:900px){.brand-form{grid-template-columns:1fr}}.brand-form-fields{display:flex;flex-direction:column;gap:var(--space-4)}.brand-field,.brand-form-logo{display:flex;flex-direction:column;gap:var(--space-2)}.brand-field{min-width:0}.brand-field-label{font-size:var(--text-sm);color:var(--text-muted)}.brand-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:560px){.brand-field-row{grid-template-columns:1fr}}.brand-swatches{display:inline-flex;gap:var(--space-2)}.brand-swatch{width:22px;height:22px;border-radius:var(--radius-sm);border:1px solid var(--border);display:inline-block}.brand-logo-cell{display:inline-flex;align-items:center;justify-content:center;width:56px;height:40px}.brand-logo-cell img{max-width:100%;max-height:100%;object-fit:contain}.btn-role-demote{background:transparent;color:var(--accent-orange);border:1px solid var(--accent-orange)}.btn-role-demote:not(:disabled):hover{background:rgba(238,127,0,.12)}.btn-role-promote{background:var(--accent-orange);color:var(--bg-card);border:1px solid var(--accent-orange)}.btn-role-promote:not(:disabled):hover{background:var(--accent-orange-dim)}.input:disabled{cursor:not-allowed;opacity:.5}.prop-fieldset{border:0;margin:0;padding:0;min-width:0}.prop-fieldset:disabled{opacity:.55}.prop-fieldset:disabled .shape-pick,.prop-fieldset:disabled .wh-lock,.prop-fieldset:disabled button{cursor:not-allowed}.prop-locked-note{font-size:var(--text-xs);color:var(--accent-orange);background:rgba(238,127,0,.08);border:1px solid rgba(238,127,0,.25);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.input-label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:6px;display:block}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-5)}.tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-secondary);cursor:pointer;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast);font-family:var(--font-ui)}.tab:hover{color:var(--text-primary)}.icon{width:1em;height:1em;flex-shrink:0}.tab .icon{width:16px;height:16px}.tab.active{color:var(--accent-orange);border-bottom-color:var(--accent-orange);font-weight:500}.metric-grid{display:flex;flex-wrap:wrap;gap:var(--space-5)}.metric-card{flex:1 1 260px;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4) var(--space-5);flex-direction:column;text-align:center}.metric-card,.metric-title{display:flex;align-items:center}.metric-title{width:100%;justify-content:center;min-height:28px;margin-bottom:var(--space-4)}.metric-caption{margin-top:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-muted)}.metric-caption b{color:var(--text-secondary);font-weight:700}.metric-template{width:100%;margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3);text-align:left}.metric-template-label{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.metric-template select.input{flex:1 1;min-width:0}.metric-template+.metric-template{margin-top:0;padding-top:var(--space-3);border-top:none}.donut{position:relative;width:132px;height:132px}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-track{fill:none;stroke:var(--border)}.donut-arc{fill:none;stroke:var(--accent-orange);stroke-linecap:round;transition:stroke-dashoffset var(--transition-base)}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-value{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);line-height:1}.donut-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-top:var(--space-1)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.row,.row-between{display:flex;align-items:center}.row-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);display:block}.thumb,.thumb-empty{width:56px;height:36px}.thumb-empty{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input)}.empty{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-6);text-align:center}.errmsg{color:var(--status-error);font-family:var(--font-mono);font-size:var(--text-xs)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.tpl-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.tpl-thumb{display:block;aspect-ratio:2/3;background:var(--bg-base);border-bottom:1px solid var(--border);overflow:hidden}.tpl-thumb:hover{opacity:.9}.tpl-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4)}.tpl-meta-text{min-width:0;flex:1 1}.tpl-name{display:block;color:var(--text-primary);font-weight:600;font-size:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-name:hover{text-decoration:none;color:var(--accent-orange)}.tpl-sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.tpl-edit{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.tpl-edit:hover{color:var(--accent-orange);border-color:var(--accent-orange)}.tpl-edit .icon{width:16px;height:16px}.tpl-menu-wrap{position:relative;flex-shrink:0}.tpl-menu{position:fixed;z-index:1000;min-width:200px;display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal)}.tpl-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-ui);text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.tpl-menu-item:hover{background:var(--bg-card-hover);color:var(--accent-orange);text-decoration:none}.tpl-menu-item .icon{width:16px;height:16px;flex-shrink:0}.tpl-menu-item--danger{color:var(--status-error)}.tpl-menu-item--danger:hover{background:rgba(231,76,60,.1);color:var(--status-error)}.editor-root{overflow:hidden}.editor-missing,.editor-root{display:flex;flex-direction:column;height:100vh}.editor-missing{align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-secondary)}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.editor-title{font-size:var(--text-md);color:var(--text-primary)}.editor-back{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);font-size:22px;font-weight:800;line-height:1;color:var(--text-secondary);background:var(--bg-card-hover);border:1px solid var(--border);transition:all var(--transition-fast)}.editor-back:hover{color:var(--accent-orange);border-color:var(--accent-orange);text-decoration:none}.save-pill{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.save-saved{background:rgba(46,204,113,.12);color:var(--accent-green)}.save-saving{background:rgba(74,158,255,.12);color:var(--accent-blue)}.save-dirty{background:rgba(238,127,0,.15);color:var(--accent-orange)}.icon-btn{padding:5px 7px}.icon-btn .icon{width:18px;height:18px}.export-group{display:inline-flex;align-items:center;gap:var(--space-1)}.export-label{font-size:var(--text-xs);color:var(--text-muted);margin-right:var(--space-1);text-transform:uppercase;letter-spacing:.08em}.editor-body{flex:1 1;display:flex;min-height:0}.editor-panel{background:var(--bg-surface);display:flex;flex-direction:column;min-height:0}.editor-left{width:240px;border-right:1px solid var(--border);flex-shrink:0}.editor-right{width:320px;border-left:1px solid var(--border);flex-shrink:0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border);gap:var(--space-2)}.layer-list{overflow-y:auto;flex:1 1;padding:var(--space-2)}.layer-row{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent}.layer-row:hover{background:var(--bg-card)}.layer-row.active{background:rgba(238,127,0,.08);border-color:var(--accent-orange)}.layer-row.drop-after:after,.layer-row.drop-before:before{content:"";position:absolute;left:4px;right:4px;height:2px;background:var(--accent-orange);border-radius:2px;pointer-events:none}.layer-row.drop-before:before{top:-1px}.layer-row.drop-after:after{bottom:-1px}.layer-row.locked{cursor:default}.layer-lock,.layer-row.locked .layer-name{color:var(--text-muted)}.layer-lock{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.layer-lock:hover{color:var(--text-primary);background:var(--bg-input)}.layer-lock.active{color:var(--accent-orange)}.layer-lock .icon{width:15px;height:15px}.layer-type{width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-input);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary)}.layer-type .icon{width:14px;height:14px}.layer-type--variable{background:var(--accent-orange);color:#000;font-weight:700}.layer-type--brand{box-shadow:inset 0 0 0 2px var(--accent-orange);color:var(--accent-orange);font-weight:700}button.layer-type--btn{border:none;cursor:pointer;padding:0}button.layer-type--btn:hover:not(:disabled){outline:1px solid var(--accent-orange)}button.layer-type--btn:disabled{cursor:not-allowed}.layer-name{flex:1 1;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-del{color:var(--text-muted);padding:2px 6px}.layer-del:hover{color:var(--status-error)}.btn-group-create{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.btn-group-create:hover{color:var(--accent-orange);border-color:var(--accent-orange);background:var(--bg-card-hover)}.btn-group-create .icon{width:15px;height:15px}.layer-chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:22px;padding:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.layer-chevron:hover{color:var(--text-primary)}.layer-chevron .icon{width:13px;height:13px}.layer-row.drop-into{background:rgba(238,127,0,.14);box-shadow:inset 0 0 0 1px var(--accent-orange)}.layer-list.drop-root{box-shadow:inset 0 0 0 2px rgba(238,127,0,.4);border-radius:var(--radius-md)}.editor-canvas-wrap{flex:1 1;display:flex;flex-direction:column;min-width:0;min-height:0}.canvas-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-base)}.canvas-zoom{font-size:var(--text-xs);color:var(--text-secondary);min-width:44px}.canvas-brand,.canvas-hint{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.canvas-brand{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.canvas-brand select.input{width:auto;padding:4px 8px;font-size:var(--text-xs)}.editor-canvas{flex:1 1;position:relative;overflow:hidden;background:repeating-conic-gradient(#15171f 0 25%,#11131a 0 50%) 50% /24px 24px;cursor:default}.editor-canvas.panning{cursor:-webkit-grab;cursor:grab}.canvas-stage{position:absolute;left:0;top:0;background:#fff;box-shadow:var(--shadow-modal)}.snap-guide{position:absolute;background:var(--accent-orange);pointer-events:none;z-index:9999}.align-btns{display:flex;gap:var(--space-2)}.elem-menu{position:absolute;top:var(--space-3);left:var(--space-3);z-index:50;flex-direction:column;gap:var(--space-1);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.elem-item,.elem-menu{display:flex;padding:var(--space-2)}.elem-item{align-items:center;border:none;background:transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.elem-item:hover{background:var(--bg-card-hover);color:var(--accent-orange)}.elem-item .icon{width:20px;height:20px;flex-shrink:0}.elem-label{max-width:0;margin-left:0;overflow:hidden;opacity:0;white-space:nowrap;transition:max-width var(--transition-base),opacity var(--transition-base),margin-left var(--transition-base)}.elem-menu:hover .elem-label{max-width:160px;margin-left:var(--space-2);opacity:1}.shape-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.shape-pick{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:7px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.shape-pick.active,.shape-pick:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.shape-pick.active{background:var(--bg-card-hover)}.shape-pick svg{width:100%;height:100%}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:rgba(0,0,0,.6)}.modal{width:100%;max-width:420px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);padding:var(--space-6)}.modal-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-5)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}.dialog-error{display:block;margin-top:4px;font-size:var(--text-xs);color:var(--status-error);font-family:var(--font-ui)}.modal-wide{max-width:720px}.modal-backdrop--top{z-index:1100}.img-picker{display:flex;flex-direction:column;gap:var(--space-2)}.img-thumbs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-2);gap:var(--space-2)}.img-thumb{position:relative;aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border);background:var(--bg-input)}.img-thumb.selected{border-color:var(--accent-orange)}.img-thumb-btn{padding:0;border:0;cursor:pointer;background:none}.img-thumb-btn,.img-thumb-btn img{display:block;width:100%;height:100%}.img-thumb-btn img{object-fit:contain}.img-thumb-del{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-sm);cursor:pointer;background:rgba(13,15,20,.72);color:var(--text-secondary)}.img-thumb-del:hover{background:var(--status-error);color:#fff}.img-thumb-del .icon{width:14px;height:14px}.img-picker-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.asset-empty,.img-empty{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;padding:var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-md)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:var(--space-3);gap:var(--space-3);max-height:60vh;overflow-y:auto;padding:2px}.asset-del-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3)}.asset-del-preview{display:flex;justify-content:center;margin-bottom:var(--space-3)}.asset-del-preview img{max-width:100%;max-height:200px;border-radius:var(--radius-md);border:1px solid var(--border)}.asset-del-list{margin:0 0 var(--space-2);padding-left:var(--space-5);max-height:200px;overflow-y:auto;font-size:var(--text-sm);color:var(--text-primary)}.asset-del-list li{margin-bottom:4px}.prop-scroll{overflow-y:auto;padding:var(--space-4)}.prop-row{display:block;margin-bottom:var(--space-3)}.prop-label{display:block;font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin-bottom:4px}.prop-grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.prop-wh{display:grid;grid-template-columns:1fr auto 1fr;grid-column-gap:var(--space-2);column-gap:var(--space-2);align-items:stretch;margin-bottom:var(--space-3)}.prop-wh .prop-label{margin-bottom:4px}.wh-lock{align-self:stretch;width:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.wh-lock:hover{color:var(--text-primary)}.wh-lock.active,.wh-lock:hover{border-color:var(--accent-orange)}.wh-lock.active{color:var(--accent-orange)}.wh-lock.shift{border-style:dashed;border-color:var(--accent-orange)}.wh-lock .icon{width:13px;height:13px}.prop-inline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.prop-label--inline{margin-bottom:0;flex-shrink:0}.prop-hint{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-3)}.input-color{padding:2px;height:36px;cursor:pointer}.color-field{display:flex;align-items:center;gap:var(--space-2);width:100%}.color-swatch{width:40px;flex:0 0 40px}.color-hex{flex:1 1 auto;min-width:0;text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.04em}.fill-editor{margin-bottom:var(--space-3)}.fill-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.fill-tab{flex:1 1;padding:7px 8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.fill-tab:hover{color:var(--text-primary)}.fill-tab.active,.fill-tab:hover{border-color:var(--accent-orange)}.fill-tab.active{color:var(--accent-orange);background:var(--bg-card-hover)}.shadow-editor{margin-top:var(--space-4)}.brandstyle-toggle,.shadow-toggle{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;margin-bottom:var(--space-3)}.brandstyle-toggle input,.shadow-toggle input{cursor:pointer}.bg-color-row{display:flex;align-items:center;gap:var(--space-3)}.bg-color-row .color-field{flex:1 1 auto;width:auto;min-width:0}.bg-transparent-toggle{display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto;cursor:pointer;white-space:nowrap}.bg-transparent-swatch{display:inline-block;background-color:#fff;background-image:repeating-conic-gradient(#cfd3dc 0 25%,#fff 0 50%);background-size:10px 10px;cursor:not-allowed}textarea.input{resize:vertical;line-height:1.4}.rich-field{min-height:68px;max-height:220px;overflow-y:auto;line-height:1.4;cursor:text}.rich-field:focus{outline:none;border-color:var(--accent-orange)}.rich-field.is-disabled{opacity:.5;cursor:default}.var-list{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.var-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}.var-key{color:var(--accent-orange)}.var-key,.var-label{font-size:var(--text-sm)}.var-label{flex:1 1;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.var-add{border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}.ap-kpi{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-muted)}.ap-kpi b{color:var(--text-primary);font-weight:700}.ap-matrix td{padding-top:var(--space-2);padding-bottom:var(--space-2)}.ap-matrix .ap-num{text-align:right;white-space:nowrap}.ap-matrix .ap-num b{color:var(--text-primary)}.ap-cell{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.ap-counts{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.ap-counts .accent-ok{color:var(--status-ok)}.ap-counts .accent-err{color:var(--status-error)}.ap-tag{margin-left:var(--space-2)}.ap-note{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-top:var(--space-4)}.ap-note--warn{background:rgba(238,127,0,.08);border-color:rgba(238,127,0,.35);margin-top:0;margin-bottom:var(--space-5)}.ap-note b,.ap-note--warn{color:var(--text-primary)}.ap-toolbar{justify-content:space-between;gap:var(--space-4);margin:var(--space-6) 0 var(--space-4)}.ap-filter,.ap-toolbar{display:flex;align-items:center}.ap-filter{gap:var(--space-3)}.ap-filter-label{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.ap-filter select.input{width:auto;min-width:200px}.ap-filter-count{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.ap-errline{margin-top:2px;display:block}.ap-credit{margin-top:2px;font-size:var(--text-sm);color:var(--text-muted)}.ap-credit--none,.ap-credit--todo{font-style:italic;opacity:.7}.ap-ai{margin-top:2px;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.ap-ai--off,.ap-ai--todo{font-style:italic;opacity:.7}.ap-ai--err{font-style:italic;color:var(--status-error)}.ap-ai-link{background:none;border:0;padding:0;cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--accent-orange);text-decoration:underline}.ap-ai-link:hover{opacity:.8}.switch--muted{opacity:.45}.modal-tall{max-height:88vh;overflow-y:auto}.cap-head{margin-bottom:var(--space-4)}.cap-head-title{font-weight:700;color:var(--text-primary)}.cap-block{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.cap-block-head{margin-bottom:var(--space-3)}.cap-platform{font-weight:700;color:var(--text-primary)}.cap-field{display:block;margin-bottom:var(--space-3)}.cap-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:var(--text-sm);color:var(--text-muted)}.cap-count{font-family:var(--font-mono);font-size:var(--text-xs)}.cap-count--over{color:var(--status-error);font-weight:700}.cap-text{resize:vertical;line-height:1.45;white-space:pre-wrap}.cap-note{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.cap-note--warn{color:var(--accent-orange)}.cap-switch{display:inline-flex;align-items:center;gap:var(--space-2)}.cap-ai-vals{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-3)}.cap-ai-emoji{font-size:var(--text-lg)}.cap-ai-tags{color:var(--text-secondary)}.cap-ai-todo{font-style:italic}.job-cell{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.job-chip{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.job-chip .icon{width:15px;height:15px}.job-chip--ok{color:var(--status-ok)}.job-chip--err{color:var(--status-error)}.job-chip--send{color:var(--accent-orange)}.job-chip--off{opacity:.55}.job-label{color:var(--text-muted)}.job-id,.job-label{font-size:var(--text-xs)}.job-id{max-width:9ch;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.acc-add-row{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(110px,.7fr) minmax(170px,1.3fr) minmax(150px,1.1fr) minmax(160px,1.2fr) auto;grid-gap:var(--space-3);gap:var(--space-3);align-items:center}@media (max-width:1100px){.acc-add-row{grid-template-columns:1fr 1fr}}@media (max-width:620px){.acc-add-row{grid-template-columns:1fr}}