:root{font-family:Arial,Helvetica,sans-serif;color:#17273d;background:#f2f5fa;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #79a9ff;outline-offset:2px}.toolbar{height:80px;background:#fff;border-bottom:1px solid #dee5ef;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;font-size:24px;letter-spacing:-1px;color:#10213a;text-decoration:none}.brand>span{color:#176bff}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;margin-top:4px}.view-switch{display:flex;background:#eef2f8;border:1px solid #e0e6f0;padding:4px;border-radius:9px;gap:3px}.view-switch button{border:0;background:transparent;color:#607088;border-radius:6px;padding:8px 18px;font-size:12px}.view-switch button[aria-pressed=true]{background:white;color:#176bff;box-shadow:0 2px 6px #14243b12}.primary,.secondary{border:0;border-radius:7px;padding:12px 16px;font-weight:600;font-size:12px}.primary{background:#176bff;color:#fff}.primary:hover{background:#1054cc}.primary span{margin-left:15px}.secondary{border:1px solid #d5e1f2;background:#eef5ff;color:#1054cc}.workspace{height:calc(100vh - 116px);display:grid;grid-template-columns:260px minmax(250px,1fr) 285px}.panel{background:#fff;overflow:auto;padding:23px 18px}.sections-panel{border-right:1px solid #dee5ef}.properties-panel{border-left:1px solid #dee5ef}.eyebrow{font-size:9px;letter-spacing:1.2px;color:#176bff;font-weight:700}h1{font-size:21px;line-height:1.2;margin:12px 0}h2{font-size:16px;margin:10px 0}.panel-heading p{font-size:12px;line-height:1.6;color:#758298;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;margin:16px 0;color:#43536b}.field input,.field textarea,.field select{width:100%;min-width:0;padding:10px;border:1px solid #dce3ee;border-radius:6px;color:#233650;background:#fff;font-weight:400;font-size:12px}.field textarea{resize:vertical;line-height:1.5}.field input[type=color]{width:100%;height:38px;padding:4px;cursor:pointer}.field small{font-weight:400;color:#778599;line-height:1.5}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.section-heading>span{font-size:11px;color:#7b8aa0}.section-list{list-style:none;margin:8px 0;padding:0}.section-list li{display:flex;align-items:center;border:1px solid transparent;border-radius:7px;margin:5px 0;padding:4px;background:#f7f9fc;gap:2px}.section-list li.active{border-color:#9dbfff;background:#edf4ff}.section-select{flex:1;min-width:0;background:none;border:0;text-align:left;padding:10px 6px;font-size:12px;color:#203858}.section-actions{display:flex}.section-actions button{padding:4px;border:0;background:transparent;color:#687c98;font-size:14px}.section-actions button:last-child{color:#b34855}.add-section{border-top:1px solid #e7edf4;margin-top:18px;padding-top:6px}.add-section>.secondary{width:100%}.storage-note{font-size:11px;line-height:1.6;color:#7b8799;margin-top:24px}.preview-panel{display:flex;flex-direction:column;min-width:0;padding:22px 24px 12px}.preview-caption{display:flex;justify-content:space-between;gap:15px;color:#7a8799;font-size:11px;margin-bottom:16px}.preview-caption i{display:inline-block;width:6px;height:6px;background:#20a484;border-radius:50%;margin-right:6px}.preview-scroll{flex:1;min-height:0;overflow:auto;text-align:center;padding:0 4px 12px}iframe{width:1100px;height:100%;min-height:500px;border:1px solid #dce4ef;border-radius:10px;background:#fff;box-shadow:0 8px 25px #132d4a0c;display:block;margin:0 auto}.preview-note{font-size:10px;color:#8994a4;text-align:center;margin:10px 0 0}.status-bar{height:36px;background:white;border-top:1px solid #dde5ef;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:11px;color:#76849b;gap:12px}#properties{padding-bottom:20px}.empty{color:#708097;font-size:13px;line-height:1.6}.danger{color:#ab3444!important}.image-tools{display:flex;flex-direction:column;gap:8px}.image-tools button{align-self:flex-start;font-size:11px}.image-thumbnail{width:100%;height:90px;object-fit:cover;border-radius:7px}.property-divider{margin-top:24px;padding-top:15px;border-top:1px solid #e6ecf4}.status-bar .danger{font-weight:600}@media(max-width:1050px){.workspace{grid-template-columns:220px minmax(240px,1fr) 240px}.panel{padding:18px 13px}.preview-panel{padding:18px 12px}}@media(max-width:800px){.toolbar{height:auto;min-height:80px;padding:14px;flex-wrap:wrap}.brand{font-size:20px}.view-switch{order:3;width:100%;justify-content:center}.workspace{height:auto;grid-template-columns:1fr 1fr}.preview-panel{grid-column:1/-1;grid-row:2;height:620px}.panel{max-height:560px}.properties-panel{grid-column:2;grid-row:1}.status-bar{height:auto;min-height:40px;font-size:10px}.primary{font-size:11px}.preview-scroll{min-height:460px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

.back-to-site{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #176bff;border-radius:7px;color:#fff;background:#176bff;text-decoration:none;font-size:12px;white-space:nowrap}.back-to-site:hover{color:#fff;border-color:#1054cc;background:#1054cc}@media(max-width:800px){.back-to-site{font-size:11px;padding:9px 10px}}