:root{--nav:#1c2d43;--nav-soft:#2b405b;--ink:#20324a;--muted:#6f7d8f;--line:#dfe5ed;--bg:#f3f6fa;--blue:#365fd0;--green:#23745c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 "Segoe UI",Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;background:white;border:1px solid var(--line);border-radius:6px;padding:9px 15px;color:var(--ink)}button:hover{background:#edf2fc}button:disabled{opacity:.5;cursor:default}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.sidebar{width:232px;background:var(--nav);color:#c8d3e3;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{color:white;font-size:23px;font-weight:650;padding:27px 22px;display:flex;align-items:center;gap:4px;letter-spacing:-.7px}.brand:hover{text-decoration:none}.brand>span:last-child{font-weight:350}.logo{display:grid;place-items:center;background:#597ee6;border-radius:8px;width:33px;height:34px;font-size:22px;margin-right:8px}.site-label{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:19px 25px;color:white}.site-label small{display:block;color:#9eadc2;margin-left:18px;margin-top:3px}.site-dot{display:inline-block;width:7px;height:7px;background:#64c8ad;border-radius:50%;margin-right:10px}nav{padding:20px 13px}nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:4px 0;color:#cbd5e4;border-radius:6px}nav a:hover,nav a.active{background:var(--nav-soft);color:white;text-decoration:none}nav a.active{box-shadow:inset 3px 0 #85a4ff}nav a>span{font-size:19px;width:22px}nav small{margin-left:auto;background:#ffffff13;padding:1px 8px;border-radius:4px}.nav-caption{font-size:10px;letter-spacing:1.7px;color:#8fa0b7;margin:6px 26px 13px}.planned{display:grid;gap:18px;padding:0 28px;color:#9eacc1}.sidebar-bottom{margin-top:auto;padding:22px;border-top:1px solid #ffffff12;font-size:12px}.sidebar-bottom span{float:right;color:#9eadc2}.workspace{margin-left:232px}.topbar{min-height:73px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:var(--muted);font-size:12px}.topbar>div{display:flex;gap:10px;align-items:center}.prototype-label{font-size:9px;letter-spacing:1px;border:1px solid var(--line);padding:4px 8px;margin-right:12px;border-radius:4px}.avatar{display:grid;place-items:center;background:#e9eefb;color:#3657a2;font-weight:650;border-radius:50%;height:29px;width:29px}.design-notice{padding:11px 36px;background:#edf1fb;color:#405986;font-size:12px;font-weight:650;border-bottom:1px solid #dce4f5}.design-notice span{font-weight:400;margin-left:16px}main{padding:30px 36px;min-height:calc(100vh - 170px);max-width:1600px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:16px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;color:var(--muted);margin:0 0 7px}h1{font-size:29px;letter-spacing:-.8px;font-weight:650;margin:0 0 6px}h2{font-size:16px;margin:0;font-weight:650}p{margin:0 0 12px}.muted,.subtext{color:var(--muted)}.primary{color:white;background:var(--blue);border-color:var(--blue)}.primary:hover{background:#284eaf;color:white}.actions{display:flex;gap:8px;align-items:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:8px;padding:19px 23px}.stat small{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:28px;font-weight:600;margin:5px 0}.stat span{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,1fr);gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:22px}.panel-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head a{font-size:12px}.panel-body{padding:22px}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shortcut{border:1px solid var(--line);background:#f8fafd;padding:18px;text-align:left;border-radius:6px;display:flex;gap:14px;align-items:center;color:var(--ink)}.shortcut:hover{background:#edf2fc;text-decoration:none}.shortcut .icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#e8eefc;color:var(--blue);font-size:23px}.shortcut strong{display:block;font-size:13px}.shortcut small{color:var(--muted);font-size:11px}.status-row{padding:15px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5;gap:12px}.status-row:first-child{padding-top:0}.status-row:last-child{border:0;padding-bottom:0}.status-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.badge{padding:4px 9px;border-radius:4px;background:#edf1f7;color:#637189;font-size:11px;white-space:nowrap}.badge.green{color:#226d55;background:#e8f4ee}.badge.amber{color:#87651f;background:#fbf2dc}.sample-tag{font-size:10px;color:var(--muted)}table{width:100%;border-collapse:collapse;text-align:left}th{background:#fafbfd;color:var(--muted);font-weight:500;font-size:11px}td,th{padding:14px 20px;border-bottom:1px solid #edf0f5}td{font-size:12px}td small{display:block;color:var(--muted);margin-top:3px}tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.toolbar{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}input,textarea,select{border:1px solid #ccd5e1;border-radius:5px;background:white;padding:9px 11px;color:var(--ink);max-width:100%}.toolbar input{flex:1;min-width:100px}.toolbar input::placeholder{color:#7e8b9e}.table-footer{padding:13px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer{padding:0 36px 20px;font-size:10px;color:var(--muted)}footer span{float:right}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.editor-toolbar{background:white;padding:12px 15px;border:1px solid var(--line);border-radius:7px;display:flex;justify-content:space-between;gap:10px;margin-bottom:22px}.section{margin-bottom:20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:8px}.section-name{display:flex;align-items:center;gap:10px}.section-name strong{font-size:12px;letter-spacing:.4px}.section-head button{padding:4px 8px;font-size:11px}.section-content{background:white;border:1px solid var(--line);border-radius:7px;padding:14px;display:grid;gap:12px}.section-content.two{grid-template-columns:1fr 1fr}.column{border:1px dashed #cdd7e5;border-radius:5px;padding:10px;min-width:0}.column-label{font-size:9px;color:var(--muted);letter-spacing:1px;margin-bottom:10px}.element{background:#f7f9fd;border:1px solid #e1e7f1;border-radius:5px;margin-bottom:9px;padding:13px;display:flex;align-items:center;gap:10px;width:100%;text-align:left}.element .symbol{color:#6d87bc;font-size:18px}.element strong{display:block;font-size:12px}.element small{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.element .edit{margin-left:auto;font-size:10px;color:var(--blue)}.add-element{width:100%;border:1px dashed #cdd7e5;font-size:11px;padding:8px}.add-section{width:100%;padding:13px;background:transparent;border-style:dashed;color:var(--blue)}.inspector .panel-body{padding:18px}.inspector label,label{display:block;font-size:12px;font-weight:550;margin-bottom:15px}.inspector input,.inspector select,label input,label textarea{display:block;width:100%;margin-top:7px}.inspector p{font-size:11px}.device-group{display:flex;gap:3px;padding:3px;background:#eef2f7;border-radius:5px}.device-group button{font-size:10px;padding:6px;border:0;background:transparent}.device-group button.selected{background:white;box-shadow:0 1px 4px #0001}.note{border-left:3px solid #a3b7ec;background:#f1f5ff;padding:12px;font-size:11px;margin-top:16px}.roles{display:flex;gap:7px;flex-wrap:wrap}.role-note{padding:20px;background:#f8fafd;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}dialog{width:500px;border:1px solid var(--line);border-radius:10px;padding:25px;color:var(--ink);box-shadow:0 20px 70px #142a4640}dialog::backdrop{background:#15283f66}.dialog-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.dialog-title button{border:0;padding:0 8px;font-size:22px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}#toast{position:fixed;bottom:25px;right:25px;background:var(--nav);color:white;padding:13px 20px;border-radius:7px;box-shadow:0 5px 20px #0002;opacity:0;pointer-events:none;transition:opacity .2s;max-width:420px}#toast.visible{opacity:1}.preview-page{max-width:800px;margin:auto}.preview-page.mobile{max-width:375px}.preview-page.tablet{max-width:650px}.preview-hero{text-align:center;background:#e9eef9;padding:55px 25px}.preview-section{background:white;padding:30px;border:1px solid var(--line)}.preview-section h2{font-size:22px;margin-bottom:15px}.placeholder-image{height:150px;background:#eef1f5;display:grid;place-items:center;color:var(--muted);border:1px dashed #bac6d8}.preview-button{display:inline-block;background:var(--blue);color:white;padding:11px 20px;border-radius:5px;margin-top:12px}.preview-page h1{font-size:34px}.small-button{padding:5px 9px;font-size:11px}.empty{padding:30px;text-align:center;color:var(--muted)}
.shortcut.primary{background:var(--blue);color:white;border-color:var(--blue)}.shortcut.primary:hover{background:#284eaf}
@media(min-width:1600px){main{padding-top:40px}}@media(max-width:1100px){.sidebar{width:200px}.workspace{margin-left:200px}main{padding:25px}.topbar{padding:0 25px}.design-notice{padding:10px 25px}.grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:minmax(0,1fr) 235px}.prototype-label{display:none}.section-head{align-items:start;flex-direction:column}}@media(max-width:760px){.sidebar{position:static;width:auto}.brand{padding:15px 20px}.site-label,.planned,.nav-caption,.sidebar-bottom{display:none}nav{display:flex;gap:3px;padding:6px;overflow:auto}nav a{white-space:nowrap;font-size:12px;padding:8px}nav a>span,nav small{display:none}.workspace{margin-left:0}.topbar{padding:12px 18px;min-height:52px}.design-notice{padding:10px 18px}.design-notice span{display:block;margin:3px 0 0}main{padding:23px 16px}.page-head{align-items:start;flex-direction:column}h1{font-size:25px}.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:23px}.editor-layout{grid-template-columns:1fr}.inspector{order:-1}.inspector .panel-body{display:flex;flex-wrap:wrap;gap:12px}.inspector label{flex:1;min-width:110px}.inspector .note{display:none}.shortcuts{gap:9px}.shortcut{padding:12px;gap:8px}.shortcut .icon{width:28px;height:30px}.section-content.two{grid-template-columns:1fr}.editor-toolbar{flex-wrap:wrap}footer{padding:0 16px 20px}footer span{display:none}.topbar>div>span:last-child{display:none}}
.setup{max-width:650px}.setup label{margin-top:18px}.setup input{width:100%}.alert{padding:14px 18px;background:#fff0ed;border:1px solid #efc7bf;color:#852e24;border-radius:6px;margin-bottom:20px}code{background:#eef2f7;padding:2px 5px;border-radius:3px}.setup li{margin:12px 0}.topbar form{margin:0}
.topbar{gap:14px;flex-wrap:wrap}.topbar>div{flex-wrap:wrap;justify-content:flex-end}.view-website{display:inline-flex;align-items:center;white-space:nowrap;padding:8px 12px;border:1px solid #d8e2f5;border-radius:6px;background:#f2f6ff;color:var(--blue);font-weight:600}.view-website:hover{background:#e5edff;text-decoration:none}@media(max-width:760px){.topbar .topbar-account{display:none}.topbar>div{margin-left:auto}}
:root .pages-list main{font-size:16px}.pages-list .toolbar input,.pages-list .toolbar select,.pages-list .toolbar button{font-size:16px}.pages-list th,.pages-list td{font-size:15px}.pages-list td:first-child>a{font-size:16px}.pages-list td small,.pages-list .badge,.pages-list .table-footer{font-size:13px}