:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1c2240;background:#f7f8fc;--bg:#f7f8fc;--panel:#fff;--text:#1d2240;--muted:#80879a;--stroke:#e9ecf4;--purple:#5147ed;--purple-tint:#f0efff;--hover:#f6f6ff;--shadow:0 5px 24px #171e3d05;--input:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}h1,h2,h3,p{margin-top:0}body.dark{--bg:#111525;--panel:#1b2032;--text:#f4f6fc;--muted:#a1a8b8;--stroke:#353a50;--purple:#8a83ff;--purple-tint:#242548;--hover:#252d44;--shadow:none;--input:#171b2c}.layout{display:flex;min-height:100vh}.sidebar{width:248px;flex:0 0 248px;background:var(--panel);border-right:1px solid var(--stroke);padding:30px 15px 23px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 42px}.brand-mark{background:#554af5;color:#fff;border-radius:13px;width:39px;height:39px;display:grid;place-items:center;font-size:26px}.brand strong{letter-spacing:-.8px;font-size:20px}.brand strong span{color:var(--purple)}.brand small{display:block;font-weight:700;color:var(--muted);font-size:9px;letter-spacing:1.75px;margin-top:2px}.nav{display:flex;flex-direction:column;gap:8px}.nav-item{width:100%;text-align:left;background:none;border:0;color:#747b8f;font-size:14px;font-weight:650;border-radius:10px;padding:13px 16px;display:flex;align-items:center;gap:13px}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--purple-tint);color:var(--purple)}.nav-icon{font-size:20px;width:22px;text-align:center}.sidebar-foot{display:flex;align-items:center;gap:10px;border-top:1px solid var(--stroke);padding:22px 12px 0;margin-top:auto}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:12px}.sidebar-foot small{font-size:10px;color:var(--muted);margin-top:4px}.dot{background:#e7a543;display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.dot.green{background:#21bd8b}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke);padding:0 clamp(20px,3vw,47px);background:var(--panel)}.breadcrumbs{font-size:11px;letter-spacing:1.1px;color:#abb0bd;font-weight:750}.breadcrumbs span{margin-left:10px}.breadcrumbs span:last-child{color:var(--text)}.top-actions{display:flex;gap:15px;align-items:center}.mode{font-size:10px;font-weight:800;letter-spacing:.6px;color:#966100;background:#fff4df;border:1px solid #ffe5ad;border-radius:6px;padding:7px 9px}.mode.real{color:#177957;background:#e6faf0;border-color:#b8efd5}.icon-btn,.menu-btn{color:var(--text);width:33px;height:33px;background:none;border:0;border-radius:7px;font-size:23px}.icon-btn:hover,.menu-btn:hover{background:var(--hover)}.avatar{width:33px;height:33px;border-radius:100%;background:var(--purple-tint);display:grid;place-items:center;color:var(--purple);font-size:11px;font-weight:800}.menu-btn{display:none}.content{padding:38px clamp(20px,3vw,47px) 60px;max-width:1500px;width:100%;margin:0 auto;flex:1}.view{display:none}.view.active{display:block}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:29px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:1.6px;color:var(--purple);margin-bottom:12px}h1{font-weight:800;letter-spacing:-1.55px;font-size:33px;margin-bottom:8px}h2{font-size:16px;letter-spacing:-.3px;margin-bottom:6px}h3{font-size:14px}.heading p,.panel-title p{color:var(--muted);font-size:13px;margin:0;line-height:1.7}.btn{border:1px solid transparent;border-radius:9px;padding:12px 16px;font-size:12px;font-weight:750;transition:opacity .18s,transform .18s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:#5147ed;color:#fff;box-shadow:0 5px 10px #5147ed22}.btn.primary span{padding-left:8px}.btn.outline{background:var(--panel);border:1px solid var(--stroke);color:var(--text)}.btn.full{width:100%;margin-top:10px}.btn.small{padding:9px 12px;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:23px 20px;box-shadow:var(--shadow)}.metric span{color:var(--muted);font-weight:750;letter-spacing:.8px;font-size:10px}.metric strong{font-size:30px;font-weight:800;letter-spacing:-1px;display:block;margin:13px 0 8px}.metric small{color:var(--muted);font-size:11px}.home-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:13px;box-shadow:var(--shadow);padding:23px}.panel-title{margin-bottom:21px}.preset{width:100%;background:none;border:1px solid var(--stroke);border-radius:11px;display:flex;gap:13px;align-items:center;text-align:left;color:var(--text);padding:11px 15px;margin-bottom:11px}.preset:hover{border-color:#bcb9ff;background:var(--hover)}.preset-art{width:49px;height:49px;border-radius:9px;display:grid;place-items:center;font-size:24px}.preset-art.gold{color:#a27a11;background:#f7eed3}.preset-art.orange{color:#cd6d36;background:#fbe9df}.preset-art.pink{color:#bf4e81;background:#fce4ef}.preset b,.preset small{display:block}.preset b{font-size:13px;margin-bottom:4px}.preset small{color:var(--muted);font-size:11px}.preset>span:last-child{margin-left:auto;color:var(--muted)}.timeline{display:grid;gap:21px}.timeline>div{display:flex;gap:14px;align-items:flex-start}.timeline em{font-style:normal;color:var(--purple);font-weight:850;font-size:11px;background:var(--purple-tint);border-radius:8px;padding:9px}.timeline b,.timeline small{display:block}.timeline b{font-size:12px;margin-bottom:5px}.timeline small{font-size:11px;color:var(--muted)}.disclaimer{padding:15px 18px;background:var(--purple-tint);color:var(--text);font-size:12px;line-height:1.8;margin-top:22px;border-radius:10px}.studio-grid{display:grid;grid-template-columns:minmax(350px,.88fr) minmax(380px,1.12fr);gap:19px;align-items:start}.form-panel>label,.form-panel .two label,.settings-grid .panel>label:not(.choice){display:block;font-size:12px;font-weight:700;margin-bottom:16px}.form-panel label input,.form-panel label select,.form-panel label textarea,.settings-grid input[type=password]{display:block;margin-top:8px;width:100%;border-radius:8px;padding:11px 12px;border:1px solid var(--stroke);background:var(--input);color:var(--text);outline:none;font-size:12px}.form-panel label input:focus,.form-panel label select:focus,.form-panel label textarea:focus,.settings-grid input[type=password]:focus{border-color:var(--purple)}textarea{resize:vertical;min-height:88px;line-height:1.6}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-divider{height:1px;background:var(--stroke);margin:4px 0 22px}.form-section h3{font-size:12px;margin-bottom:12px}.segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:var(--bg);border:1px solid var(--stroke);border-radius:9px;padding:4px;margin-bottom:20px}.seg{background:transparent;color:var(--muted);border:0;border-radius:6px;padding:10px 5px;font-size:12px;font-weight:700}.seg.active{color:var(--purple);background:var(--panel);box-shadow:0 1px 5px #00000010}.toggle-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--stroke)}.toggle-line b,.toggle-line small{display:block}.toggle-line b{font-size:12px;margin-bottom:4px}.toggle-line small{font-size:11px;color:var(--muted)}.switch input{display:none}.switch span{display:block;width:37px;height:22px;border-radius:30px;background:#b6b9c7;position:relative;cursor:pointer}.switch span:after{content:"";display:block;position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:white;transition:.2s}.switch input:checked+span{background:#5147ed}.switch input:checked+span:after{left:18px}.budget{background:var(--bg);border:1px solid var(--stroke);border-radius:10px;padding:13px;margin-top:13px}.budget span{font-size:11px;color:var(--muted)}.budget b{display:block;font-size:13px;margin:5px 0}.budget small{font-size:10px;line-height:1.5;color:var(--muted);display:block}.results-col{display:grid;gap:17px}.result-head{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-bottom:18px}.result-head h2{margin:0 0 5px}.result-head p{font-size:11px;color:var(--muted);margin:0}.empty{padding:53px 14px;display:flex;flex-direction:column;align-items:center;text-align:center}.empty-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--purple-tint);color:var(--purple);font-size:30px;margin-bottom:15px}.empty h3{font-size:13px;margin:4px 0 8px}.empty p{font-size:11px;color:var(--muted);max-width:260px;line-height:1.6}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.asset{min-width:0;border-radius:11px;border:1px solid var(--stroke);overflow:hidden;background:var(--panel)}.asset-media{width:100%;height:205px;display:grid;place-items:center;background:var(--bg);overflow:hidden;position:relative}.asset-media img,.asset-media video{height:100%;width:100%;object-fit:cover}.asset-media img{height:100%;width:100%;object-fit:contain}.asset-media .tag{position:absolute;top:11px;left:11px;font-size:10px;padding:5px 7px;border-radius:5px;background:#171c2dbb;color:white}.asset-foot{padding:12px}.asset-foot strong{display:block;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.asset-foot small{font-size:10px;color:var(--muted);display:block;margin:4px 0 10px}.asset-actions{display:flex;flex-wrap:wrap;gap:6px}.asset-actions button{border:1px solid var(--stroke);background:var(--panel);color:var(--text);border-radius:6px;padding:6px 9px;font-size:10px;font-weight:700}.copy-empty{color:var(--muted);font-size:12px;line-height:1.6}.copy-section{margin-bottom:16px}.copy-section h3{font-size:11px;color:var(--purple);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.copy-section p{margin-bottom:7px;font-size:12px;line-height:1.6}.copy-section ol{margin:0;padding-left:18px;font-size:12px;line-height:1.8}.progress{border:1px solid var(--stroke);background:var(--bg);border-radius:8px;padding:13px;margin-bottom:15px}.progress[hidden]{display:none}.progress .bar{background:var(--stroke);height:7px;border-radius:20px;overflow:hidden}.progress .bar i{display:block;background:#5147ed;width:0;height:100%;transition:width .25s}.progress p{font-size:11px;color:var(--muted);margin:8px 0 0}.library-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.search{display:flex;align-items:center;gap:9px;max-width:360px;flex:1;border:1px solid var(--stroke);padding:0 10px;border-radius:8px;color:var(--muted)}.search input{width:100%;border:0;outline:none;background:transparent;color:var(--text);padding:12px 0;font-size:12px}.library-head select{background:var(--input);color:var(--text);border:1px solid var(--stroke);border-radius:7px;padding:11px 9px;font-size:12px}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.status-box{display:flex;align-items:start;gap:11px;border:1px solid var(--stroke);background:var(--bg);padding:15px;border-radius:10px;margin-bottom:22px}.status-box b{font-size:13px}.status-box p{font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.6}.hint{font-size:10px;color:var(--muted);font-weight:400}.buttons{display:flex;gap:10px;margin-top:8px}.fine{font-size:10px;color:var(--muted);line-height:1.6;margin:14px 0 0}.choice{display:flex;gap:10px;align-items:start;border:1px solid var(--stroke);border-radius:9px;padding:15px;margin-bottom:12px}.choice input{accent-color:#5147ed}.choice b,.choice small{display:block}.choice b{font-size:12px}.choice small{font-size:11px;color:var(--muted);margin-top:5px}.settings-note{background:var(--bg);border:1px solid var(--stroke);border-radius:9px;margin-top:21px;padding:15px}.settings-note b{font-size:11px}.settings-note p{margin:7px 0 0;font-size:11px;line-height:1.8;color:var(--muted)}.settings-note code{font-size:10px;word-break:break-all;color:var(--text)}.footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;padding:21px 46px;border-top:1px solid var(--stroke)}.toast{position:fixed;right:20px;bottom:20px;background:#1f2442;color:#fff;padding:13px 17px;border-radius:10px;opacity:0;transform:translateY(12px);transition:.2s;max-width:min(400px,calc(100vw - 40px));font-size:12px;line-height:1.5;pointer-events:none;z-index:20;box-shadow:0 12px 35px #0003}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#b93442}@media(max-width:1170px){.sidebar{width:210px;flex-basis:210px}.studio-grid{grid-template-columns:1fr}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.sidebar{position:fixed;left:-265px;width:245px;height:100vh;transition:left .2s;box-shadow:0 10px 30px #0002}.sidebar.open{left:0}.menu-btn{display:block}.topbar{height:65px}.heading{align-items:start}.heading .btn{padding:10px 11px}.metric-grid{grid-template-columns:repeat(2,1fr)}.home-grid,.settings-grid{grid-template-columns:1fr}.content{padding-top:25px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.heading{display:block}.heading>.btn{margin-top:15px}.heading h1{font-size:26px}.metric{padding:16px}.metric strong{font-size:24px}.topbar{padding:0 17px}.top-actions{gap:7px}.content{padding:25px 15px 40px}.panel{padding:16px}.two{grid-template-columns:1fr;gap:0}.result-grid{grid-template-columns:1fr 1fr;gap:9px}.asset-media{height:172px}.asset-foot{padding:8px}.result-head{flex-wrap:wrap}.result-head .btn{margin-top:9px}.footer{padding:16px;font-size:9px;flex-direction:column;gap:5px}.studio-grid{grid-template-columns:1fr}.breadcrumbs{font-size:10px}.library-grid{grid-template-columns:1fr 1fr}.library-head{flex-wrap:wrap}.buttons{flex-wrap:wrap}}
/* Switch inputs do not appear as duplicate native checkboxes. */
.form-panel .switch input[type="checkbox"]{display:none!important}
