:root{--navy:#142b49;--blue:#2865a5;--ink:#233246;--muted:#718096;--line:#e3e9ef;--bg:#f4f7fa;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Tahoma,sans-serif}.top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1160px)/2),24px);gap:18px}.top a{color:var(--blue);text-decoration:none;font-weight:700}.brand{color:var(--navy)!important;font-size:18px}.wrap{max-width:1160px;margin:38px auto;padding:0 22px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.intro small{letter-spacing:2px;color:var(--blue);font-weight:bold}.intro h1{font-size:34px;margin:8px 0}.intro p{margin:0;color:var(--muted)}.status{background:#e8f2fb;color:#245b91;padding:10px 15px;border-radius:30px;font-size:13px;font-weight:bold}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:22px}.tab{border:0;background:transparent;padding:14px 22px;font-size:15px;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent}.tab.active{color:var(--navy);border-color:var(--blue);font-weight:bold}.pane{display:none}.pane.active{display:block}.layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(350px,1.15fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 6px 24px #1d35570a}.card h2{font-size:19px;margin:0 0 18px;color:var(--navy)}.form label{display:block;font-weight:bold;font-size:13px;margin:14px 0;color:#43546a}.form input,.form textarea,.form select{display:block;width:100%;margin-top:7px;border:1px solid #d7e0e9;border-radius:9px;padding:12px;background:#fff;font:inherit;color:var(--ink);outline-color:#77a9dc}.form textarea{resize:vertical}.actions{display:flex;gap:9px;margin-top:18px}.primary,.ghost,.item-actions button{border:0;border-radius:9px;padding:11px 17px;cursor:pointer;font-weight:bold}.primary{background:var(--navy);color:#fff}.ghost{background:#edf1f5;color:#40536a}.hint{font-size:12px;color:var(--muted);line-height:1.7}.list-head{display:flex;justify-content:space-between;align-items:center}.list-head span{background:#edf3f8;padding:5px 10px;border-radius:20px}.items{display:grid;gap:10px}.item{border:1px solid var(--line);border-radius:11px;padding:13px;display:flex;justify-content:space-between;align-items:center;gap:12px}.item strong{display:block;font-size:14px}.item small{display:block;color:var(--muted);margin-top:5px;line-height:1.5}.item-actions{display:flex;gap:6px;flex-shrink:0}.item-actions button{padding:7px 10px;background:#edf2f7;color:#31465e;font-size:12px}.item-actions .del{color:#a33;background:#fff0f0}.preview{margin-top:20px}.preview-inner{background:#f4f7fa;border-radius:12px;padding:18px;color:var(--muted);min-height:90px}.preview-inner iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px}.preview-inner p{margin-bottom:0}.empty{padding:25px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}footer{text-align:center;color:var(--muted);padding:35px;font-size:12px}[hidden]{display:none!important}@media(max-width:760px){.top{padding:0 14px;font-size:12px}.wrap{margin:22px auto}.intro{align-items:flex-start;gap:12px;flex-direction:column}.layout{grid-template-columns:1fr}.tab{padding:12px 14px}.item{align-items:flex-start;flex-direction:column}.item-actions{width:100%}}

.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-section{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.settings-section h3{margin:4px 0 12px}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.color-grid label{display:flex;align-items:center;justify-content:space-between;gap:10px}.color-grid input[type=color]{width:52px;height:38px;padding:2px;border:1px solid var(--line);border-radius:9px;background:#fff}.appearance-preview{position:sticky;top:18px;height:max-content}.preview-site{padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--cream);color:var(--ink);font-family:inherit}.preview-header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line);font-size:12px}.preview-hero{margin:16px 0;padding:25px 18px;border-radius:var(--radius,22px);background:linear-gradient(120deg,var(--accent-soft,#fff0bf),var(--surface));}.preview-hero small{font-weight:800}.preview-hero h2{font-size:25px;margin:10px 0}.preview-hero p{color:var(--muted);font-size:14px}.preview-hero button{border:0;border-radius:12px;padding:10px 18px;background:var(--accent);color:var(--ink);font-weight:800}.preview-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-tiles div{padding:16px 6px;text-align:center;border-radius:var(--radius,22px);background:var(--surface);border:1px solid var(--line);font-size:13px}@media(max-width:850px){.appearance-grid{grid-template-columns:1fr}.appearance-preview{position:static}}