:root{--fib-3: 3px;--fib-5: 5px;--fib-8: 8px;--fib-13: 13px;--fib-21: 21px;--fib-34: 34px;--fib-55: 55px;--fib-89: 89px;--fib-144: 144px;--fib-233: 233px;--ink: #111827;--muted: #6b7280;--line: #e5e7eb;--bg: #f7f8fa;--brand: #4f46e5;--brand-d: #4338ca;--ok: #059669;--warn: #d97706;--err: #dc2626;--white: #fff}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--brand);text-decoration:none}button{font:inherit;cursor:pointer}.layout{display:grid;grid-template-columns:var(--fib-233) 1fr;min-height:100vh}.sidebar{background:var(--white);border-right:1px solid var(--line);padding:var(--fib-21)}.sidebar .brand{font-weight:800;font-size:var(--fib-21);margin-bottom:var(--fib-34);display:flex;gap:var(--fib-8);align-items:center}.sidebar .brand .dot{width:var(--fib-21);height:var(--fib-21);border-radius:var(--fib-8);background:var(--brand)}.nav a{display:block;padding:var(--fib-13);border-radius:var(--fib-8);color:var(--ink);margin-bottom:var(--fib-5)}.nav a.active,.nav a:hover{background:var(--bg);color:var(--brand-d);font-weight:600}.nav .logout{margin-top:var(--fib-34);color:var(--err);background:none;border:0;padding:var(--fib-13)}.content{padding:var(--fib-34);max-width:987px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--fib-34)}.topbar h1{font-size:var(--fib-34);margin:0}.muted{color:var(--muted)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--fib-13);padding:var(--fib-21);margin-bottom:var(--fib-21)}.btn{background:var(--brand);color:#fff;border:0;border-radius:var(--fib-8);padding:var(--fib-13) var(--fib-21);font-weight:600}.btn:hover{background:var(--brand-d)}.btn.sec{background:var(--white);color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--err)}.btn.sm{padding:var(--fib-5) var(--fib-13);font-size:var(--fib-13)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--fib-13);border-bottom:1px solid var(--line)}th{font-size:var(--fib-13);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}label{display:block;font-size:var(--fib-13);font-weight:600;margin-bottom:var(--fib-5)}input,textarea,select{width:100%;padding:var(--fib-13);border:1px solid var(--line);border-radius:var(--fib-8);font:inherit;margin-bottom:var(--fib-13)}textarea{min-height:var(--fib-89);resize:vertical}.row{display:flex;gap:var(--fib-13)}.row>*{flex:1}.badge{display:inline-block;padding:var(--fib-3) var(--fib-8);border-radius:var(--fib-21);font-size:var(--fib-13);font-weight:600}.badge.active{background:#d1fae5;color:var(--ok)}.badge.pending{background:#fef3c7;color:var(--warn)}.badge.draft{background:#e5e7eb;color:var(--muted)}.err-msg{color:var(--err);font-size:var(--fib-13);margin-bottom:var(--fib-13)}.ok-msg{color:var(--ok);font-size:var(--fib-13);margin-bottom:var(--fib-13)}.center{min-height:100vh;display:grid;place-items:center;padding:var(--fib-21)}.auth-box{background:var(--white);border:1px solid var(--line);border-radius:var(--fib-13);padding:var(--fib-55);width:100%;max-width:377px}.auth-box h1{margin:0 0 var(--fib-8);font-size:var(--fib-34)}.code{font-family:ui-monospace,Menlo,monospace;background:var(--bg);padding:var(--fib-3) var(--fib-8);border-radius:var(--fib-5)}.dns-box{background:var(--bg);border-radius:var(--fib-8);padding:var(--fib-21);font-family:ui-monospace,monospace;font-size:var(--fib-13)}@media(max-width:768px){.layout{grid-template-columns:1fr}.sidebar{display:none}}.content:has(.appearance-grid){max-width:1280px}.appearance-grid{display:grid;grid-template-columns:377px 1fr;gap:var(--fib-21);align-items:start}.appearance-grid input[type=range]{padding:0}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--fib-13)}.color-field{font-weight:600;font-size:var(--fib-13)}.color-field>span:first-child{display:block;margin-bottom:var(--fib-5)}.color-input{display:flex;align-items:center;gap:var(--fib-8)}.color-input input[type=color]{width:var(--fib-34);height:var(--fib-34);padding:2px;margin:0;border-radius:var(--fib-8)}.color-input code{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted)}.sec-edit{border:1px solid var(--line);border-radius:var(--fib-8);padding:var(--fib-13);margin-bottom:var(--fib-13)}.sec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--fib-8)}.sec-actions{display:flex;align-items:center;gap:var(--fib-5)}.mini-toggle{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin:0}.mini-toggle input{width:auto;margin:0}.sec-body input,.sec-body textarea,.sec-body select{margin-bottom:var(--fib-8)}.sec-body textarea{min-height:var(--fib-55)}.preview-wrap{position:sticky;top:var(--fib-21);border:1px solid var(--line);border-radius:var(--fib-13);overflow:hidden;background:#fff;box-shadow:0 var(--fib-5) var(--fib-21) #0000000f}.preview-bar{background:#1f2937;color:#fff;font-size:12px;padding:var(--fib-8) var(--fib-13);font-weight:600}.pv{font-family:var(--pc-font);color:var(--pc-ink);background:var(--pc-bg);max-height:70vh;overflow-y:auto}.pv-ann{background:var(--pc-brand);color:#fff;text-align:center;font-size:12px;padding:6px}.pv-header{display:flex;justify-content:space-between;align-items:center;padding:var(--fib-13) var(--fib-21);background:var(--pc-headerbg);border-bottom:1px solid var(--pc-line);gap:var(--fib-13)}.pv-header.centered{flex-direction:column;text-align:center}.pv-logo-wrap{display:flex;align-items:center;gap:var(--fib-8)}.pv-logo{width:var(--fib-34);height:var(--fib-34);border-radius:var(--pc-radius);background:var(--pc-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.pv-muted{color:var(--pc-muted);font-size:13px}.pv-main{padding:var(--fib-21)}.pv-hero{border:1px solid var(--pc-line);border-radius:var(--pc-radius);background:var(--pc-surface);padding:var(--fib-34) var(--fib-21);margin-bottom:var(--fib-21)}.pv-hero.center{text-align:center}.pv-hero h2{font-size:var(--fib-34);margin:0 0 var(--fib-8);line-height:1.1}.pv-hero p{margin:0 0 var(--fib-13);opacity:.9}.pv-banner{border-radius:var(--pc-radius);color:#fff;text-align:center;padding:var(--fib-21);font-weight:600;margin-bottom:var(--fib-21)}.pv-text{margin-bottom:var(--fib-21)}.pv-text h3{margin:0 0 var(--fib-8)}.pv-text p{color:var(--pc-muted);margin:0 0 var(--fib-8);line-height:1.5}.pv-sec-title{margin:0 0 var(--fib-13)}.pv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:var(--fib-13)}.pv-card{background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:var(--pc-radius);padding:var(--fib-13);display:flex;flex-direction:column;gap:var(--fib-5)}.pv-thumb{height:var(--fib-89);border-radius:var(--pc-radius);background:linear-gradient(135deg,#eee,#ddd);display:flex;align-items:center;justify-content:center;color:#aaa;font-size:var(--fib-21);overflow:hidden}.pv-thumb img{width:100%;height:100%;object-fit:cover}.pv-price{font-weight:700;font-size:var(--fib-21)}.pv-btn{background:var(--pc-brand);color:#fff;border-radius:var(--pc-radius);padding:var(--fib-8);text-align:center;font-size:13px;font-weight:600}.pv-btn.accent{background:var(--pc-accent)}@media(max-width:980px){.appearance-grid{grid-template-columns:1fr}.preview-wrap{position:static}}