:root{--bg:#F3F5F8;--card:#fff;--border:#E1E7EE;--border-2:#EDF1F5;--text:#152232;--muted:#5B6C80;--muted-2:#8A9BAD;--brand:#5C83AB;--brand-2:#3B5F86;--brand-soft:#EEF3F8;--brand-3:#9FB9D3;--brand-deep:#2B4763;--brand-600:#4E759D;--brand-text:#3B5F86;--gold:#C9923A;--gold-light:#F5D98B;--neon:#9FB9D3;--neon-glow:rgba(92,131,171,.45);--dark:#101C29;--dark-2:#1B2733;--danger:#ef4444;--success:#22c55e;--warn:#f59e0b;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.06);--shadow-lg:0 20px 40px rgba(15,23,42,.12)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.45}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:14px;color:inherit;background:#fff}input[type=range],input[type=checkbox],input[type=radio],progress{accent-color:var(--brand)}a{color:inherit;text-decoration:none}svg{display:block}:root{--side-w:60px;--side-w-open:220px}.app{display:grid;grid-template-columns:var(--side-w) 1fr;grid-template-rows:60px 1fr;grid-template-areas:"logo header" "side main";min-height:100vh;position:relative;transition:grid-template-columns .22s ease}.app.side-pinned{grid-template-columns:var(--side-w-open) 1fr}.logo{grid-area:logo;background:var(--dark);border-right:1px solid var(--dark-2);border-bottom:1px solid var(--dark-2);display:flex;align-items:center;justify-content:center;padding:0;gap:10px;overflow:hidden;transition:width .22s ease,padding .22s ease}.logo .badge{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo .badge svg{width:38px;height:38px;border-radius:10px}.logo b{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:14px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#fff;opacity:0;transition:opacity .12s ease;white-space:nowrap;pointer-events:none;display:flex;flex-direction:column;gap:2px;line-height:1}.app:not(.side-open):not(.side-pinned) .logo b{display:none}.logo b span{color:var(--brand-3);font-weight:500;font-size:11px;letter-spacing:.3em;margin:0}.app.side-pinned .logo{padding:0 18px;justify-content:flex-start}.app.side-pinned .logo b{opacity:1;transition-delay:.08s}.app.side-open:not(.side-pinned) .logo{position:absolute;top:0;left:0;height:60px;width:var(--side-w-open);z-index:16;padding:0 18px;justify-content:flex-start}.app.side-open:not(.side-pinned) .logo b{opacity:1;transition-delay:.08s}.app.side-open:not(.side-pinned) .side{position:absolute;top:60px;bottom:0;left:0;width:var(--side-w-open);z-index:15;box-shadow:8px 0 30px #0f172a1f}.header{grid-area:header;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px}.header .crumb{color:var(--muted);font-size:13px;font-weight:500}.header .crumb b{color:var(--text);font-weight:600}.header .actions{display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand-600),var(--brand-2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;box-shadow:0 0 0 1px #5c83ab66}.side{grid-area:side;background:#fff;border-right:1px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;position:relative;z-index:6}.side::-webkit-scrollbar{width:4px}.side::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.side .item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;color:var(--muted);font-weight:500;font-size:13.5px;cursor:pointer;transition:background .15s,color .15s;position:relative;white-space:nowrap;min-height:40px;flex-shrink:0}.side .item:hover{background:#f8fafc;color:var(--text)}.side .item.active{background:var(--brand-soft);color:var(--brand-text);font-weight:600}.side .item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--brand)}.side .item svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}.side .item span{opacity:0;transition:opacity .12s ease;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.app.side-open .side .item span{opacity:1;transition-delay:.08s}.side .divider{height:1px;background:var(--border);margin:10px 4px;flex-shrink:0}.side .label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted-2);padding:8px 12px 6px;font-weight:700;opacity:0;transition:opacity .12s ease;white-space:nowrap;height:26px;overflow:hidden;flex-shrink:0}.app.side-open .side .label{opacity:1;transition-delay:.08s}.side .item:after{content:attr(data-label);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#0d0d0f;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:60;box-shadow:0 6px 20px #00000026}.app:not(.side-open) .side .item:hover:after{opacity:1;transition-delay:.35s}.side .pin-btn{margin-top:auto;display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;border:0;background:transparent;text-align:left;transition:background .15s,color .15s;flex-shrink:0}.side .pin-btn:hover{background:#f8fafc;color:var(--text)}.side .pin-btn svg{width:18px;height:18px;fill:currentColor;flex-shrink:0;transition:transform .2s}.app.side-open .side .pin-btn.pinned svg{transform:rotate(45deg)}.side .pin-btn span{opacity:0;transition:opacity .12s ease;white-space:nowrap}.app.side-open .side .pin-btn span{opacity:1;transition-delay:.08s}.app.side-open:not(.side-pinned) .main:before{content:"";position:fixed;inset:60px 0 0 var(--side-w-open);background:#0f172a0f;z-index:5;pointer-events:none;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main{grid-area:main;padding:24px;overflow:auto}.view{display:none}.view.active{display:block}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px;flex-wrap:wrap}.page-head h1{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em}.page-head .sub{color:var(--muted);font-size:13px;margin-top:2px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px}.tabs .tab{padding:10px 14px;font-size:13.5px;color:var(--muted);font-weight:500;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.tabs .tab.active{color:var(--brand-text);border-bottom-color:var(--brand);font-weight:600}.tabs .tab .count{margin-left:6px;color:var(--muted);font-size:12px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.search{position:relative;flex:1;max-width:320px}.search input{width:100%;padding:9px 12px 9px 34px;border:1px solid var(--border);border-radius:8px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5c83ab2e}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:var(--muted-2)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:8px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s;border:1px solid transparent;white-space:nowrap}.btn svg{width:15px;height:15px;fill:currentColor}.btn.primary{background:var(--brand-600);color:#fff}.btn.primary:hover{background:var(--brand-2)}.btn.ghost{background:#fff;color:var(--text);border-color:var(--border)}.btn.ghost:hover{background:#f8fafc;border-color:#cbd5e1}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{background:#dc2626}.btn.sm{padding:6px 10px;font-size:12.5px}.btn.icon{padding:8px;width:34px;height:34px;justify-content:center}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600;padding:14px 16px;background:#fafbfc;border-bottom:1px solid var(--border)}.table td{padding:14px 16px;border-bottom:1px solid var(--border-2);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#fafbfc}.thumb{width:80px;height:48px;border-radius:6px;background:#0f172a;background-size:cover;background-position:center;flex-shrink:0;position:relative;overflow:hidden}.thumb:after{content:"";position:absolute;inset:0;background:#00000026;display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' opacity='0.85'><path d='M8 5v14l11-7z'/></svg>");background-repeat:no-repeat;background-position:center;background-size:18px;transition:opacity .12s}.thumb:has(img.preview):after{opacity:0}.thumb img.preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;animation:previewFade .18s ease-out}@keyframes previewFade{0%{opacity:0}to{opacity:1}}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:6px}.tile{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px}.tile .lbl{font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600;margin-bottom:4px}.tile .val{font-size:22px;font-weight:700;letter-spacing:-.3px}.tile .sub{font-size:11.5px;color:var(--muted);margin-top:2px}.tile.hero{background:linear-gradient(135deg,var(--brand-soft),#fff);border-color:#ead9aa}.tile.hero .val{color:var(--brand-text)}.tcell-name{display:flex;align-items:center;gap:12px}.tcell-name .name{font-weight:600;font-size:13.5px}.tcell-name .id{font-size:12px;color:var(--muted);margin-top:2px}.row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.icon-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:#f1f5f9;color:var(--text)}.icon-btn.danger:hover{background:#fef2f2;color:var(--danger)}.icon-btn svg{width:16px;height:16px;fill:currentColor}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.empty svg{width:56px;height:56px;fill:#cbd5e1;margin:0 auto 12px}.empty h3{color:var(--text);font-size:16px;font-weight:600;margin-bottom:6px}.modal-root{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal-root.show{display:flex}.modal{background:#fff;border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow:auto;animation:pop .18s ease}.modal.lg{max-width:820px}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-head{padding:20px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{font-size:16px;font-weight:700}.modal-body{padding:22px}.modal-foot{padding:16px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:#fafbfc;border-radius:0 0 14px 14px}.drop{border:2px dashed #cbd5e1;border-radius:12px;padding:36px 20px;text-align:center;background:#fafbfc;cursor:pointer;transition:border-color .15s,background .15s}.drop.drag{border-color:var(--brand);background:var(--brand-soft)}.drop svg{width:44px;height:44px;fill:#94a3b8;margin:0 auto 10px}.drop h4{font-size:15px;font-weight:600;margin-bottom:4px}.drop p{color:var(--muted);font-size:13px}.sep{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:18px 0;text-transform:uppercase;letter-spacing:.6px}.sep:before,.sep:after{content:"";flex:1;height:1px;background:var(--border)}.field{margin-bottom:14px}.field label:not(.toggle){display:block;font-size:12.5px;font-weight:600;margin-bottom:6px;color:#334155}.field .help{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.4}.input,.select,.textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .15s,box-shadow .15s;background:#fff}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5c83ab2e}.textarea{resize:vertical;min-height:80px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5}.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.row2>*{min-width:0}.toggle{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;min-width:0}.toggle input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;clip:rect(0,0,0,0);border:0;padding:0;margin:0}.toggle .track{width:36px;height:20px;background:#cbd5e1;border-radius:999px;position:relative;transition:background .15s;flex-shrink:0}.toggle .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .15s}.toggle input:checked+.track{background:var(--brand)}.toggle input:checked+.track:after{transform:translate(16px)}.toggle .lbl{font-size:13px;font-weight:500;line-height:1.35;flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.color{display:flex;align-items:center;gap:8px}.color input[type=color]{width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer}.color input[type=text]{flex:1;min-width:0;width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.editor{display:grid;grid-template-columns:380px 1fr;gap:20px;align-items:start}@media (max-width:1100px){.editor{grid-template-columns:1fr;gap:14px}}.panels{display:flex;flex-direction:column;gap:10px;position:sticky;top:12px;max-height:calc(100vh - 108px);overflow-y:auto;overflow-x:hidden;padding-right:8px}@media (max-width:1100px){.panels{position:static;max-height:none;padding:2px}}.panels::-webkit-scrollbar{width:6px}.panels::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.panels::-webkit-scrollbar-thumb:hover{background:#94a3b8}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;flex-shrink:0;transition:box-shadow .15s,border-color .15s}.panel:hover{border-color:#d8d8db}.panel.open{box-shadow:0 1px 4px #0f172a0f}.panel-head{padding:12px 14px;display:flex;align-items:center;gap:8px;cursor:pointer;background:#fff;transition:background .15s;min-height:44px}.panel-head:hover{background:#fafbfc}.panel-head .chev{width:14px;height:14px;fill:var(--muted);transition:transform .2s;flex-shrink:0;margin-left:auto}.panel-head .ttl{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;flex:1;min-width:0;overflow:hidden}.panel-head .ttl svg{width:16px;height:16px;fill:var(--brand);flex-shrink:0}.panel-head .ttl>*:not(svg):not(.panel-badge){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.panel-badge{font-size:9.5px;font-weight:800;letter-spacing:.4px;padding:2px 7px;border-radius:999px;text-transform:uppercase;line-height:1.4;flex-shrink:0}.panel-badge.on{background:#dcfce7;color:#166534}.panel-badge.off{background:#f1f5f9;color:#94a3b8}.panel.open .panel-head .chev{transform:rotate(180deg)}.panel-body{padding:14px;border-top:1px solid var(--border);display:none;animation:panelIn .18s ease-out}.panel.open .panel-body{display:block}@keyframes panelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;background:#fff;color:var(--muted);transition:all .15s}.pb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width:640px){.pb-grid,.ap-grid{grid-template-columns:repeat(2,1fr)}}.pb-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.pb-swatch:hover{border-color:#cbd5e1}.pb-swatch.on{border-color:var(--brand-600);background:var(--brand-soft);box-shadow:0 0 0 3px #5c83ab2e;position:relative}.pb-swatch.on:after,.ap-swatch.on:after,.btn-v2-preset.on:after{content:"\2713";position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--brand-600);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;pointer-events:none}.ap-swatch,.btn-v2-preset{position:relative}.pb-swatch span{font-size:10px;color:var(--muted);text-align:center;line-height:1.2}.pb-swatch-frame{width:100%;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 30% 20%,#3a4656,#1c2530 55%,#0f151c);border-radius:6px;position:relative;overflow:hidden}.pb-mini{position:relative;display:flex;align-items:center;justify-content:center;--pb-size:38px;--pb-color:var(--pbm-color,#5C83AB);--pb-color2:#9FB9D3;--pb-icon:#fff;--pb-glow:7px;--pb-el-1:0 0 0 1px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3);--pb-el-2:0 0 0 1px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.34), 0 4px 12px rgba(0,0,0,.28);--pb-el-3:0 0 0 1px rgba(0,0,0,.14), 0 2px 6px rgba(0,0,0,.4), 0 8px 20px rgba(0,0,0,.34);--pb-icon-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.6)) drop-shadow(0 2px 6px rgba(0,0,0,.45));width:var(--pb-size);height:var(--pb-size);pointer-events:none}.pb-mini svg{width:41%;height:41%;fill:var(--pb-icon);translate:5% 0}.pb-mini .lbl,.pb-mini .ring{display:none}.pb-mini-1{border-radius:50%;background:var(--pb-color);box-shadow:var(--pb-el-2)}.pb-mini-2{border-radius:50%;background:#0000002e;border:2.5px solid var(--pb-icon);box-shadow:var(--pb-el-1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pb-mini-2 svg{filter:var(--pb-icon-shadow)}.pb-mini-3{border-radius:50%;background:#ffffff42;-webkit-backdrop-filter:blur(32px) saturate(50%) brightness(1.08);backdrop-filter:blur(32px) saturate(50%) brightness(1.08);border:1px solid rgba(255,255,255,.48);box-shadow:var(--pb-el-2),inset 0 1px 1px #fff9,inset 0 -2px 3px #0000001f}.pb-mini-3 svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.pb-mini-4{background:transparent}.pb-mini-4 svg{width:54%;height:54%;filter:var(--pb-icon-shadow)}.pb-mini-5{border-radius:28%;background:var(--pb-color);box-shadow:var(--pb-el-2)}.pb-mini-6{border-radius:22%;background:#ff2b2b;box-shadow:var(--pb-el-2);width:calc(var(--pb-size) * 1.28);height:calc(var(--pb-size) * .9)}.pb-mini-6 svg{width:34%;height:34%}.pb-mini-7{border-radius:999px;background:var(--pb-color);width:auto;height:auto;padding:14px 26px;gap:10px;box-shadow:var(--pb-el-2)}.pb-mini-7 svg{width:18px;height:18px;translate:0 0;flex-shrink:0}.pb-mini-7 .lbl{display:block;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--pb-icon);white-space:nowrap;line-height:1}.pb-mini-8{border-radius:50%;background:var(--pb-color);box-shadow:var(--pb-el-2),0 0 0 6px color-mix(in srgb,var(--pb-color) 28%,transparent)}.pb-mini-8 .ring{display:block;position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--pb-color);opacity:0;animation:pbRing 2.6s cubic-bezier(.2,.6,.3,1) infinite}@keyframes pbRing{0%{scale:1;opacity:.55}70%{scale:1.45;opacity:0}to{scale:1.45;opacity:0}}.pb-mini-9{border-radius:50%;background:var(--pb-color);box-shadow:var(--pb-el-2),0 0 0 5px color-mix(in srgb,var(--pb-color) 38%,transparent),0 0 0 11px color-mix(in srgb,var(--pb-color) 15%,transparent),0 0 calc(var(--pb-glow) * 1.6) color-mix(in srgb,var(--pb-color) 70%,transparent)}.pb-mini-10{border-radius:50%;background:linear-gradient(135deg,var(--pb-color2) 0 50%,var(--pb-color) 50% 100%);box-shadow:var(--pb-el-2),inset 0 1px #ffffff47}.pb-mini-10 svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.pb-mini-11{border-radius:50%;background:var(--pb-color);box-shadow:var(--pb-el-3),inset 0 2px 1px #ffffff4d,inset 0 -3px 6px #0003}.pb-mini-12{border-radius:50%;background:#0c0c0e9e;-webkit-backdrop-filter:blur(22px) saturate(60%);backdrop-filter:blur(22px) saturate(60%);border:1px solid rgba(255,255,255,.18);box-shadow:var(--pb-el-2)}.pb-mini-13{border-radius:50%;background:var(--pb-color);box-shadow:var(--pb-el-2),0 0 0 3px #fff,0 0 0 7px var(--pb-color),0 0 0 8px #0000001f}.pb-mini-14{border-radius:12px;background:#0c0c0ed1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);width:auto;height:auto;padding:13px 22px;gap:10px;box-shadow:var(--pb-el-2)}.pb-mini-14 svg{width:16px;height:16px;translate:0 0;fill:var(--pb-color);flex-shrink:0}.pb-mini-14 .lbl{display:block;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.4px;color:#fff;white-space:nowrap;line-height:1}.pb-mini-15{border-radius:50%;background:#fffffff0;box-shadow:var(--pb-el-2)}.pb-mini-15 svg{fill:#0d0d0f}.pb-mini-16{border-radius:50%;background:#0a0a0d;box-shadow:var(--pb-el-2),inset 0 0 0 1px #ffffff1a}.pb-mini-17{border-radius:50%;background:linear-gradient(135deg,var(--pb-color2) 0%,var(--pb-color) 55%,color-mix(in srgb,var(--pb-color) 65%,#000) 100%);box-shadow:var(--pb-el-2),inset 0 2px 1px #ffffff59,inset 0 -3px 6px #00000038}.pb-mini-17 svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.pb-mini-18{border-radius:50%;background:#0000004d;border:5px solid var(--pb-color);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--pb-el-2),inset 0 0 0 1px #ffffff1f}.pb-mini-18 svg{width:44%;height:44%;filter:var(--pb-icon-shadow)}.pb-mini-19{border-radius:50%;background:var(--pb-color);box-shadow:var(--pb-el-2),0 0 calc(var(--pb-glow) * 1.4) color-mix(in srgb,var(--pb-color2) 70%,transparent),0 0 0 2px color-mix(in srgb,var(--pb-color2) 55%,transparent)}.pb-mini-20{border-radius:14px;position:relative;overflow:hidden;width:calc(var(--pb-size) * 1.45);height:calc(var(--pb-size) * .92);background:#0a0c10db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);box-shadow:var(--pb-el-2),inset 0 1px #ffffff14}.pb-mini-20:before{content:"";position:absolute;left:14%;right:14%;bottom:12%;height:3px;border-radius:2px;background:#ffffff2e}.pb-mini-20:after{content:"";position:absolute;left:14%;width:34%;bottom:12%;height:3px;border-radius:2px;background:var(--pb-color)}.pb-mini-20 svg{width:36%;height:36%;translate:3% -6%}.ap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width:640px){.ap-grid{grid-template-columns:repeat(2,1fr)}}.ap-swatch{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 6px 10px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s}.ap-swatch:hover{border-color:#cbd5e1;transform:translateY(-1px)}.ap-swatch.on{border-color:var(--brand-600);background:var(--brand-soft);box-shadow:0 0 0 3px #5c83ab24,0 4px 12px #5c83ab26}.ap-swatch span{font-size:10.5px;color:var(--muted);text-align:center;line-height:1.2;font-weight:600;letter-spacing:.1px}.ap-swatch.on span{color:var(--brand-text)}.ap-frame{width:100%;aspect-ratio:16/10;border-radius:6px;background:linear-gradient(135deg,#3b3b42,#1a1a1e);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.ap-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 25%,rgba(255,255,255,.08) 0%,transparent 50%)}.ap-stage{position:absolute;left:0;top:0;width:260px;height:162px;transform:scale(var(--ap-scale,.33));transform-origin:0 0}.ap-mute-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px}.ap-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:92%;font-family:Inter,system-ui,sans-serif}.ap-box .apt{display:none;font-size:15px;font-weight:700;line-height:1.25;letter-spacing:-.1px;max-width:100%;white-space:normal}.ap-box .aps{font-size:13.5px;font-weight:500;line-height:1.3;letter-spacing:.1px;max-width:100%;white-space:normal}.ap-box .api svg{width:34px;height:34px;fill:currentColor}.ap-mute-hint .ap-box{--ap-shadow:0 4px 12px rgba(0,0,0,.28), 0 16px 48px rgba(0,0,0,.3);--ap-ease:cubic-bezier(.2,.8,.2,1);gap:10px;padding:20px 26px;border-radius:14px;transition:scale .2s var(--ap-ease),background-color .2s var(--ap-ease),border-color .2s var(--ap-ease),box-shadow .2s var(--ap-ease)}.ap-mute-hint svg{width:34px;height:34px;opacity:.95}.ap-mute-hint .aps{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13.5px;font-weight:500;letter-spacing:.1px;line-height:1.3}.ap-mute-hint .apt{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.1px;line-height:1.25}.ap-mute-hint.tpl-blue-classic{background:#0000006b}.ap-mute-hint.tpl-blue-classic .ap-box{background:var(--pb-color,#5C83AB);color:#fff;box-shadow:var(--ap-shadow),inset 0 1px #ffffff38}.ap-mute-hint.tpl-blue-classic .apt{display:block}.ap-mute-hint.tpl-blue-tall{background:#0000006b}.ap-mute-hint.tpl-blue-tall .ap-box{background:var(--pb-color,#5C83AB);color:#fff;padding:22px 26px;border-radius:12px;box-shadow:var(--ap-shadow),inset 0 1px #ffffff38}.ap-mute-hint.tpl-dark{background:#0006}.ap-mute-hint.tpl-dark .ap-box{background:#101318;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:var(--ap-shadow),inset 0 1px #ffffff0f}.ap-mute-hint.tpl-gold{background:#0000006b}.ap-mute-hint.tpl-gold .ap-box{background:linear-gradient(160deg,#f5d98b,#c9923a);color:#1a1204;box-shadow:var(--ap-shadow),inset 0 1px #ffffff59}.ap-mute-hint.tpl-gold .apt{display:block}.ap-mute-hint.tpl-gold svg{fill:#1a1204}.ap-mute-hint.tpl-red{background:#0000006b}.ap-mute-hint.tpl-red .ap-box{background:#e2483f;color:#fff;box-shadow:var(--ap-shadow),inset 0 1px #ffffff2e}.ap-mute-hint.tpl-neon-cyber{background:#0000007a}.ap-mute-hint.tpl-neon-cyber .ap-box{background:#0c0f14eb;color:#fff;border:1.5px solid var(--pb-color2,#9FB9D3);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--ap-shadow),0 0 0 5px color-mix(in srgb,var(--pb-color2,#9FB9D3) 18%,transparent)}.ap-mute-hint.tpl-neon-cyber .apt{display:block;color:var(--pb-color2,#9FB9D3)}.ap-mute-hint.tpl-neon-cyber svg{fill:var(--pb-color2,#9FB9D3)}.ap-mute-hint.tpl-glass-blur{background:#00000047}.ap-mute-hint.tpl-glass-blur .ap-box{background:#ffffff29;color:#fff;-webkit-backdrop-filter:blur(28px) saturate(60%) brightness(1.05);backdrop-filter:blur(28px) saturate(60%) brightness(1.05);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:var(--ap-shadow),inset 0 1px #fff6}.ap-mute-hint.tpl-glass-blur .aps{text-shadow:0 1px 2px rgba(0,0,0,.35)}.ap-mute-hint.tpl-emoji-mega{background:#00000075}.ap-mute-hint.tpl-emoji-mega .ap-box{background:transparent;box-shadow:none;padding:0;gap:14px;color:#fff}.ap-mute-hint.tpl-emoji-mega svg{width:64px;height:64px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5)) drop-shadow(0 10px 30px rgba(0,0,0,.4))}.ap-mute-hint.tpl-emoji-mega .aps{font-size:15px;font-weight:600;letter-spacing:.2px;text-shadow:0 1px 8px rgba(0,0,0,.6)}.ap-mute-hint.tpl-yellow-alert{background:#0000006b}.ap-mute-hint.tpl-yellow-alert .ap-box{background:#f5c518;color:#1a1204;border-radius:12px;box-shadow:var(--ap-shadow),inset 0 1px #fff6}.ap-mute-hint.tpl-yellow-alert .apt{display:block}.ap-mute-hint.tpl-yellow-alert svg{fill:#1a1204}.ap-mute-hint.tpl-cinema-wave{background:#0006}.ap-mute-hint.tpl-cinema-wave .ap-box{background:linear-gradient(160deg,#1c2a3a,#0b1219);color:var(--pb-color2,#9FB9D3);border:1px solid color-mix(in srgb,var(--pb-color2,#9FB9D3) 28%,transparent);box-shadow:var(--ap-shadow)}.ap-mute-hint.tpl-cinema-wave .apt{display:block;color:#fff}.ap-mute-hint.tpl-cinema-wave svg{fill:var(--pb-color2,#9FB9D3)}.ap-mute-hint.tpl-pill-pulse{background:#00000061}.ap-mute-hint.tpl-pill-pulse .ap-box{background:#22a85b;color:#fff;border-radius:999px;flex-direction:row;gap:10px;padding:14px 26px;box-shadow:var(--ap-shadow),inset 0 1px #ffffff40}.ap-mute-hint.tpl-pill-pulse svg{width:22px;height:22px}.ap-mute-hint.tpl-pill-pulse .aps{font-size:14px;font-weight:700;letter-spacing:.2px}.ap-mute-hint.tpl-top-banner{background:#0000003d;align-items:flex-start;padding-top:18px}.ap-mute-hint.tpl-top-banner .ap-box{background:#0d0f13eb;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;border:1px solid rgba(255,255,255,.1);flex-direction:row;align-items:center;gap:12px;padding:12px 20px 12px 16px;box-shadow:var(--ap-shadow)}.ap-mute-hint.tpl-top-banner .apt{display:block;color:#fff;font-size:14px}.ap-mute-hint.tpl-top-banner svg{width:22px;height:22px;fill:var(--pb-color2,#9FB9D3)}.ap-mute-hint.tpl-top-banner .aps{font-size:12.5px;color:#ffffffb8;white-space:nowrap}.ap-mute-hint.tpl-minimal-gray{background:#00000038}.ap-mute-hint.tpl-minimal-gray .ap-box{background:#181a1edb;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:10px;flex-direction:row;align-items:center;gap:8px;padding:10px 18px;box-shadow:0 2px 8px #0000003d,0 8px 24px #0003}.ap-mute-hint.tpl-minimal-gray svg{width:18px;height:18px}.ap-mute-hint.tpl-minimal-gray .aps{font-size:12.5px;font-weight:500}.an-tabs{display:flex;border-bottom:1px solid var(--border);background:#fff;overflow-x:auto}.an-tabs .an-tab{padding:14px 20px;font-size:13.5px;font-weight:600;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.an-tabs .an-tab:hover{color:var(--text)}.an-tabs .an-tab.on{color:var(--brand-text);border-bottom-color:var(--brand)}.an-legend{display:flex;flex-wrap:wrap;gap:12px;padding:12px 20px;font-size:12px;border-bottom:1px solid var(--border)}.an-legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:1;transition:opacity .15s}.an-legend-item.off{opacity:.35}.an-legend-swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0}.an-chart-wrap{position:relative;width:100%;height:340px;background:#000;overflow:hidden}.an-chart-poster{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35;z-index:1}.an-chart-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#00000059,#00000026)}.an-chart-svg{position:absolute;inset:0;z-index:2}.an-tooltip{position:absolute;top:16px;left:0;background:#0f172aeb;color:#fff;padding:10px 14px;border-radius:8px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .12s;z-index:5;box-shadow:0 6px 18px #00000059;white-space:nowrap;line-height:1.6}.an-tooltip.show{opacity:1}.an-tooltip .tt-row{display:flex;align-items:center;gap:6px}.an-tooltip .tt-sw{width:8px;height:8px;border-radius:2px}.an-tooltip .tt-time{color:#a3a3ab;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.an-table{width:100%;border-collapse:collapse;background:#fff}.an-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:700;padding:14px 16px;background:#fafbfc;border-bottom:1px solid var(--border);white-space:nowrap}.an-table th.num{text-align:right}.an-table td{padding:12px 16px;border-bottom:1px solid var(--border-2);font-size:13px;font-variant-numeric:tabular-nums}.an-table td.num{text-align:right;font-weight:600}.an-table tr:last-child td{border-bottom:none}.an-table .dim-cell{display:inline-flex;align-items:center;gap:8px;font-weight:600}.an-table .dim-sw{width:10px;height:10px;border-radius:2px;flex-shrink:0}.chip.on{background:var(--brand-600);border-color:var(--brand-600);color:#fff;font-weight:600;padding-left:8px}.chip.on:before{content:"\2713";font-size:11px;margin-right:6px;opacity:.9}.chip:hover{border-color:var(--brand-3);color:var(--text)}.chip.on:hover{background:var(--brand-2);border-color:var(--brand-2);color:#fff}.slider{display:flex;align-items:center;gap:10px}.slider input[type=range]{flex:1}.slider .val{font-size:12px;color:var(--muted);min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.preview-wrap{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px}.preview-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.preview-tabs .pt{padding:7px 14px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.preview-tabs .pt svg{width:14px;height:14px;fill:currentColor}.preview-tabs .pt.on{background:var(--brand-soft);color:var(--brand-text);border-color:var(--brand)}.frame-wrap{display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#0d0d0f,#1a1a1e);border-radius:10px;padding:20px;min-height:440px;overflow:hidden}.frame{background:#000;border-radius:8px;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff0d;position:relative;transition:width .3s ease,max-width .3s ease,aspect-ratio .3s ease;aspect-ratio:var(--player-aspect,16/9)}.frame.desktop{width:min(100%,720px,calc((100vh - 240px) * (var(--player-aspect,16/9))));max-width:100%}@media (max-width:820px){.frame.desktop{width:min(100%,calc((100vh - 300px) * (var(--player-aspect,16/9))))}}.frame.mobile{width:min(280px,80%);--player-aspect:9/16}.frame iframe{width:100%;height:100%;border:0;display:block}@media (max-width:640px){.frame-wrap{padding:12px;min-height:280px}.frame.desktop{max-width:100%}}.embed-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:14px}.embed-tabs .et{padding:9px 14px;font-size:13px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer}.embed-tabs .et.on{color:var(--brand-text);border-bottom-color:var(--brand);font-weight:600}.code-wrap{position:relative}.code-wrap textarea{width:100%;min-height:130px;padding:12px;border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;background:#0f172a;color:#e2e8f0;resize:vertical}.code-wrap .copy{position:absolute;top:8px;right:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:#0f172a;color:#fff;padding:11px 18px;border-radius:8px;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200;box-shadow:var(--shadow-lg)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.tag{display:inline-flex;padding:2px 8px;border-radius:999px;background:#f1f5f9;color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.2px}.tag.green{background:#dcfce7;color:#166534}.tag.red{background:#fee2e2;color:#991b1b}#authGate{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 80% at 50% 0%,#1b2e42,#101c29 60%)}#authGate[hidden]{display:none}.auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:18px}.auth-brand{display:flex;align-items:center;gap:12px;color:#fff;font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:800;font-size:17px;letter-spacing:.2em;text-transform:uppercase;line-height:1}.auth-brand span{display:block;color:var(--brand-3);font-weight:500;font-size:11px;letter-spacing:.32em;margin-top:4px}.auth-foot{color:#94a6b8;font-size:12.5px;text-align:center}#userAvatar:empty{display:none}.hidden{display:none!important}.center-play.kx-anchor{width:auto!important;height:auto!important}.kx-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--kx-icon-gap,8px);padding:var(--kx-padding-y,12px) var(--kx-padding-x,20px);background:var(--kx-bg,#0D0D0F);color:var(--kx-color,#fff);font-family:var(--kx-font-family,"Inter",system-ui,sans-serif);font-weight:var(--kx-font-weight,600);font-size:var(--kx-font-size,14px);letter-spacing:var(--kx-letter-spacing,0);text-transform:var(--kx-text-transform,none);border:var(--kx-border-width,0) solid var(--kx-border-color,transparent);border-radius:var(--kx-border-radius,8px);opacity:var(--kx-opacity,1);box-shadow:var(--kx-shadow,none),var(--kx-glow,0 0 0 transparent);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.1;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;white-space:nowrap}.kx-btn:hover,.kx-btn.kx-hover-forced{transform:translateY(-1px);filter:brightness(1.08)}.kx-btn:active{transform:translateY(0);filter:brightness(.94)}.kx-btn-icon{width:var(--kx-icon-size,18px);height:var(--kx-icon-size,18px);flex-shrink:0}.kx-btn-label{line-height:1.1}.kx-btn[data-icon-pos=right]{flex-direction:row-reverse}.kx-btn[data-icon-pos=top]{flex-direction:column;gap:calc(var(--kx-icon-gap,8px) / 1.4)}.kx-btn[data-icon-only="1"] .kx-btn-label{display:none}.kx-btn-full{width:100%}.kx-btn-mini{transform-origin:center;pointer-events:none}@keyframes kx-pulse{0%,to{transform:scale(1)}50%{transform:scale(calc(1 + var(--kx-anim-intensity,5) * .008))}}.kx-anim-pulse{animation:kx-pulse var(--kx-anim-speed,1.6s) ease-in-out var(--kx-anim-delay,0ms) infinite}@keyframes kx-glow-pulse{0%,to{box-shadow:var(--kx-shadow,none),0 0 0 transparent}50%{box-shadow:var(--kx-shadow,none),0 0 calc(var(--kx-anim-intensity,5) * 6px) var(--kx-color,#fff)}}.kx-anim-glow-pulse{animation:kx-glow-pulse var(--kx-anim-speed,1.6s) ease-in-out var(--kx-anim-delay,0ms) infinite}@keyframes kx-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.kx-anim-shimmer{background-image:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.35) 50%,transparent 75%);background-size:200% 100%;background-repeat:no-repeat;background-blend-mode:overlay;animation:kx-shimmer var(--kx-anim-speed,1.8s) linear var(--kx-anim-delay,0ms) infinite}@keyframes kx-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(calc(var(--kx-anim-intensity,5) * -1.4px))}60%{transform:translateY(calc(var(--kx-anim-intensity,5) * -.7px))}}.kx-anim-bounce{animation:kx-bounce var(--kx-anim-speed,1.4s) ease var(--kx-anim-delay,0ms) infinite}@keyframes kx-shake{0%,90%,to{transform:translate(0)}92%{transform:translate(calc(var(--kx-anim-intensity,5) * -.4px))}94%{transform:translate(calc(var(--kx-anim-intensity,5) * .4px))}96%{transform:translate(calc(var(--kx-anim-intensity,5) * -.3px))}98%{transform:translate(calc(var(--kx-anim-intensity,5) * .3px))}}.kx-anim-shake{animation:kx-shake var(--kx-anim-speed,2s) linear var(--kx-anim-delay,0ms) infinite}.btn-v2-preview{margin:6px 0 14px;border-radius:12px;overflow:hidden;container-type:inline-size;background:linear-gradient(180deg,#1a1a1e,#0d0d0f);border:1px solid #1a1a1e}.btn-v2-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 4px}.btn-v2-preview-title{color:var(--brand-3);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.btn-v2-preview-hint{color:#ffffff80;font-size:10.5px;font-weight:500}.btn-v2-preview-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 12px 16px}@container (max-width:620px){.btn-v2-preview-stage{grid-template-columns:minmax(0,1fr)}}.btn-v2-preview-cell{display:flex;flex-direction:column;align-items:center;gap:6px}.btn-v2-preview-label{font-size:11px;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn-v2-preview-frame{width:100%;min-width:0;min-height:70px;background:radial-gradient(ellipse at center,#26262a,#0a0a0d);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:14px 8px;overflow:hidden}.btn-v2-section-title{font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--muted);text-transform:uppercase;margin:14px 0 8px}.btn-v2-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.btn-v2-preset{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 8px;min-width:0;border:1.5px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,transform .1s,box-shadow .15s;text-align:left}.btn-v2-preset:hover{border-color:#cbd5e1;transform:translateY(-1px)}.btn-v2-preset.on{border-color:var(--brand-600);box-shadow:0 0 0 3px #5c83ab24}.btn-v2-preset-mini{height:56px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#26262a,#0a0a0d);border-radius:6px;overflow:hidden;padding:6px}.btn-v2-preset-meta{display:flex;flex-direction:column;gap:2px;padding:0 2px}.btn-v2-preset-meta b{font-size:12px;font-weight:700;color:var(--text)}.btn-v2-preset-meta span{font-size:11px;color:var(--muted);font-weight:500}.btn-v2-editor{display:flex;flex-direction:column;gap:6px}.btn-v2-acc{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.btn-v2-acc-head{width:100%;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:#fff;border:0;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--text);text-align:left;transition:background .15s}.btn-v2-acc-head:hover{background:#fafbfc}.btn-v2-acc-head .chev{width:12px;height:12px;fill:var(--muted);transition:transform .18s}.btn-v2-acc.open .btn-v2-acc-head .chev{transform:rotate(180deg)}.btn-v2-acc-body{display:none;padding:10px 12px 12px;border-top:1px solid var(--border-2);background:#fafbfc}.btn-v2-acc.open .btn-v2-acc-body{display:block}.v2-row{display:flex;align-items:center;gap:10px;padding:6px 0;flex-wrap:wrap}.v2-row>label{flex:0 0 90px;font-size:11.5px;font-weight:600;color:#334155;text-transform:capitalize}.v2-row .v2-slider{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.v2-row .v2-slider input[type=range]{flex:1;accent-color:var(--brand)}.v2-row .v2-slider .v2-val{font-size:11px;color:var(--muted);min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.v2-row .v2-color{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.v2-row .v2-color input[type=color]{width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;flex-shrink:0}.v2-row .v2-color input[type=text]{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.v2-row .v2-select,.v2-row .v2-input{flex:1;min-width:0;padding:7px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px;background:#fff}.v2-row .v2-toggle{flex:1;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#334155;cursor:pointer}.v2-row .v2-toggle input{position:absolute;opacity:0;pointer-events:none}.v2-row .v2-toggle>span{width:32px;height:18px;background:#cbd5e1;border-radius:999px;position:relative;transition:background .15s;flex-shrink:0}.v2-row .v2-toggle>span:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 2px #0003}.v2-row .v2-toggle input:checked+span{background:var(--brand)}.v2-row .v2-toggle input:checked+span:after{transform:translate(14px)}.v2-hr{height:1px;background:var(--border);margin:8px 0}@media (max-width:640px){.btn-v2-preview-stage,.btn-v2-presets{grid-template-columns:1fr}}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}button:focus-visible,.chip:focus-visible,.tab:focus-visible,.pt:focus-visible,.et:focus-visible,.pb-swatch:focus-visible,.ap-swatch:focus-visible,.an-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.search input:focus-visible{outline:none;box-shadow:0 0 0 3px #5c83ab40}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,var(--brand-600),var(--brand-2));box-shadow:0 1px #ffffff26 inset,0 1px 3px #5c83ab59}.btn.primary:hover{background:linear-gradient(180deg,var(--brand-2),var(--brand-deep));box-shadow:0 1px #fff3 inset,0 4px 12px #5c83ab66}.btn.primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.page-head{flex-direction:column;align-items:stretch;gap:12px}.page-head>div:last-child{width:100%;flex-wrap:wrap}.page-head h1{font-size:20px}.tabs{overflow-x:auto;scrollbar-width:thin}.table{font-size:12px}.table th,.table td{padding:10px 8px}.thumb{width:56px;height:36px}.main{padding:14px 12px}}@media (max-width:820px){:root{--side-w:56px;--side-w-open:220px}.app.side-open{grid-template-columns:var(--side-w) 1fr}.app.side-open .side{position:absolute;top:60px;bottom:0;left:0;width:var(--side-w-open);z-index:30;box-shadow:8px 0 30px #0f172a26}.app.side-open .logo{padding:0;justify-content:center}.app.side-open .logo b{opacity:0}}@media (max-width:640px){.an-tabs{scrollbar-width:none}.an-tabs::-webkit-scrollbar{display:none}.an-tabs .an-tab{padding:12px 14px;font-size:12.5px}.an-chart-wrap{height:280px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile{padding:10px 12px}.tile .val{font-size:18px}}@media (max-width:640px){.modal{max-width:100%;border-radius:14px 14px 0 0;max-height:95vh;margin-top:auto;align-self:flex-end}.modal-root{align-items:flex-end;padding:0}}.wh-row{border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-top:12px;background:#fafbfc}.wh-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.wh-name{font-weight:700;font-size:13.5px}.wh-head .tag{margin-left:auto}.wh-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:760px){.wh-grid{grid-template-columns:1fr}}.wh-copy{display:flex;gap:6px;align-items:center}.wh-copy .input{flex:1;min-width:0}.input.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.wh-help{color:var(--muted);font-size:12px;line-height:1.55;margin-top:8px}.wh-help code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:#eef2f7;padding:1px 5px;border-radius:4px;color:#0f172a}.wh-actions{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.wh-msg{font-size:12px;color:var(--muted)}.wh-msg.err{color:#991b1b}@media (max-width:640px){.row2{grid-template-columns:1fr}.table thead{display:none}.table,.table tbody{display:block;width:100%}.table tr{display:grid;grid-template-columns:auto auto 1fr;gap:6px 10px;align-items:center;padding:12px;border-bottom:1px solid var(--border-2)}.table tr:last-child{border-bottom:0}.table td{display:block;padding:0;border:0;font-size:12.5px}.table td:first-child,.table td:last-child{grid-column:1/-1}.table td:nth-child(3){color:var(--muted);font-size:12px}.table td:nth-child(4){justify-self:end}.table td[colspan]{grid-column:1/-1;text-align:center;padding:24px 8px}.tcell-name .name{font-size:14px;line-height:1.3}.row-actions{justify-content:flex-start;gap:8px;padding-top:4px}.icon-btn{width:40px;height:40px}.tabs .tab{white-space:nowrap;padding:12px}.tabs .tab .count{display:inline}.btn.sm{min-height:40px;padding:8px 12px}.btn{min-height:44px}.preview-tabs .pt,.chip{min-height:40px}.header{padding:0 12px}.header .actions{gap:8px}code,.wh-help code,.sec-help code{white-space:normal;word-break:break-all}.wh-copy{flex-wrap:wrap}.wh-copy .input{flex:1 1 100%}.wh-actions .btn{flex:1 1 auto;justify-content:center}}@media (max-width:820px){.editor{grid-template-columns:minmax(0,1fr)}.main{overflow:visible}.editor>div:last-child{order:-1;position:sticky;top:0;z-index:20;background:var(--bg,#f5f6f8);padding:10px 0}.preview-wrap{padding:10px;box-shadow:0 8px 24px -12px #0f172a40}.preview-tabs{margin-bottom:10px}.frame-wrap{padding:8px;min-height:0}.frame.desktop{max-width:100%}.frame.mobile{width:min(150px,45%)}.panels{padding:0}}.an-cols-pop{position:fixed;z-index:120;width:260px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #0f172a29;padding:8px;max-height:70vh;overflow:auto}.an-cols-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px;font-size:13px}.an-cols-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:6px;font-size:13px;cursor:pointer;min-height:36px}.an-cols-row:hover{background:#f8fafc}.an-cols-row input{width:16px;height:16px;accent-color:var(--brand)}.brand-apply{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border:1px solid var(--brand-soft);background:linear-gradient(135deg,#f4f7fb,#eef3f8);border-radius:10px}.brand-apply>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.brand-apply b{font-size:12.5px;font-weight:700;color:var(--brand-2)}.brand-apply span{font-size:11.5px;color:var(--muted)}.ap-mute-hint.tpl-top-banner .aps{white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px}.ps-presets{display:grid;gap:6px}.ps-preset{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.ps-preset:hover{border-color:var(--brand-3);background:var(--brand-soft)}.ps-preset b{font-size:12.5px;font-weight:700;color:var(--text)}.ps-preset span{font-size:11.5px;color:var(--muted)}.onb{max-width:520px;margin:0 auto;text-align:left}.onb h2{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text);margin:0 0 6px;text-align:center}.onb-sub{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 22px;text-align:center}.onb-steps{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}.onb-steps li{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff}.onb-n{width:28px;height:28px;border-radius:50%;background:var(--brand-soft);color:var(--brand-text);font-weight:800;font-size:13px;display:grid;place-items:center;flex-shrink:0;font-variant-numeric:tabular-nums}.onb-steps b{display:block;font-size:13.5px;color:var(--text)}.onb-steps li>div>span{font-size:12.5px;color:var(--muted)}.onb .btn{display:flex;margin:0 auto;justify-content:center;min-width:240px}.help.warn{color:#9b5f0e;background:#d98a1f1a;border:1px solid rgba(217,138,31,.3);border-radius:8px;padding:8px 10px;margin-top:8px}