:root{--bg:#151515;--panel:#1d1d1d;--panel-2:#242424;--line:#343434;--text:#f3f1ec;--muted:#96928c;--orange:#ff6a1b;--yellow:#ffc62f;--input:#191919;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#1f1f1f;border-right:1px solid var(--line);padding:26px 20px;display:flex;flex-direction:column;z-index:10}.admin-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:600 16px var(--display);letter-spacing:.12em}.admin-logo{position:relative;width:42px;height:46px;overflow:hidden}.admin-logo img{position:absolute;width:124px;max-width:none;left:-45px;top:-30px}.admin-brand>span:last-child{line-height:1}.admin-brand small{display:block;color:#a5a19c;font:500 7px var(--sans);letter-spacing:.26em;margin-top:5px}.workspace-label{margin:52px 12px 12px;color:#6e6b67;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.admin-sidebar nav{display:flex;flex-direction:column;gap:3px}.admin-sidebar nav a{display:flex;gap:13px;align-items:center;padding:12px;border-radius:4px;color:#aaa6a0;text-decoration:none;font-size:12px;transition:.2s}.admin-sidebar nav a span{font-size:9px;color:#5f5c58}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#292929;color:#fff}.admin-sidebar nav a.active span{color:var(--orange)}.sidebar-foot{margin-top:auto;padding:15px 10px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.status-dot,.preview-dot{width:7px;height:7px;border-radius:50%;background:#5ac692;box-shadow:0 0 0 4px rgba(90,198,146,.1)}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:10px;color:#d5d1cc}.sidebar-foot small{font-size:8px;color:#686560;margin-top:3px}.admin-main{margin-left:245px;min-height:100vh}.admin-header{height:92px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:#1b1b1b;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:8}.admin-header p{margin:0;color:#77736e;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.admin-header h1{font:600 24px var(--display);margin:4px 0 0}.header-tools{display:flex;gap:8px}.icon-button,.view-site,.device-buttons button,.reset-button,.save-button{border:1px solid var(--line);background:#242424;color:#c8c4be;padding:10px 14px;font:500 11px var(--sans);cursor:pointer;text-decoration:none;transition:.2s}.icon-button:hover,.reset-button:hover{border-color:#5b5752;color:#fff}.view-site,.save-button{background:linear-gradient(135deg,var(--yellow),var(--orange));border-color:var(--orange);color:#181818;font-weight:600}.view-site span,.save-button span{margin-left:13px}.editor-layout{display:grid;grid-template-columns:minmax(520px,760px) minmax(340px,1fr);gap:26px;padding:26px 30px 110px}.editor-form{min-width:0}.editor-card{background:var(--panel);border:1px solid var(--line);padding:27px;margin-bottom:18px;scroll-margin-top:115px}.card-heading{display:flex;gap:15px;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.card-heading>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #493a2f;color:var(--orange);font-size:9px}.card-heading h2{font:600 18px var(--display);margin:0}.card-heading p{color:var(--muted);font-size:11px;margin:5px 0 0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{margin-bottom:19px}.field.full{width:100%}.field.compact{max-width:220px}.field label{display:block;margin-bottom:7px;color:#c4c0ba;font-size:10px;font-weight:600;letter-spacing:.03em}.field input,.field textarea{width:100%;border:1px solid #373737;background:var(--input);color:#efede9;padding:12px 13px;border-radius:2px;outline:none;font:400 12px/1.55 var(--sans);transition:.2s}.field textarea{resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,106,27,.07)}.field small{display:flex;justify-content:flex-end;color:#686560;font-size:8px;margin-top:6px}.subheading{margin:8px 0 14px;padding-top:15px;border-top:1px solid #2d2d2d;color:#77736e;text-transform:uppercase;letter-spacing:.14em;font-size:8px}.account-editor{padding:18px;background:#202020;border:1px solid #303030;margin-bottom:14px}.account-editor h3{font:600 13px var(--display);margin:0 0 18px;color:var(--yellow)}.notice{padding:13px 15px;background:rgba(255,106,27,.07);border-left:2px solid var(--orange);color:#bcaaa0;font-size:10px;line-height:1.6;margin-bottom:20px}.form-actions{position:fixed;left:275px;right:30px;bottom:18px;z-index:9;display:flex;align-items:center;gap:10px;padding:13px 15px;background:rgba(31,31,31,.96);border:1px solid #3b3b3b;box-shadow:0 12px 40px rgba(0,0,0,.4);backdrop-filter:blur(10px)}.form-actions>div{margin-right:auto}.form-actions strong,.form-actions span,.form-actions small{display:block}.form-actions>div>span{color:#d3cfca;font-size:10px}.form-actions small{color:#686560;font-size:8px;margin-top:3px}.preview-panel{position:sticky;top:118px;height:calc(100vh - 145px);min-width:0;background:#1b1b1b;border:1px solid var(--line);padding:14px;display:flex;flex-direction:column}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-head>div:first-child{display:flex;align-items:center;gap:10px}.preview-head strong{font:600 11px var(--display)}.device-buttons{display:flex}.device-buttons button{padding:6px 9px;font-size:8px}.device-buttons button.active{background:#34302b;color:var(--yellow);border-color:#5b4632}.preview-frame{flex:1;overflow:hidden;background:#0f0f0f;display:flex;justify-content:center}.preview-frame iframe{width:100%;height:100%;border:0;background:#fff;transition:.3s}.preview-frame.mobile iframe{width:390px}.preview-panel>p{text-align:center;color:#65625e;font-size:8px;margin:10px 0 0}.toast{position:fixed;right:28px;top:108px;z-index:20;display:flex;gap:12px;align-items:center;min-width:280px;padding:15px;background:#272727;border:1px solid #3b3b3b;box-shadow:0 15px 45px rgba(0,0,0,.45);transform:translateX(calc(100% + 40px));opacity:0;transition:.35s}.toast.show{transform:none;opacity:1}.toast>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(90,198,146,.12);color:#5ac692}.toast strong,.toast small{display:block}.toast strong{font-size:11px}.toast small{font-size:8px;color:#7b7772;margin-top:3px}@media(max-width:1100px){.editor-layout{grid-template-columns:1fr}.preview-panel{position:relative;top:0;height:680px}.field-grid.three{grid-template-columns:1fr 1fr}}@media(max-width:760px){.admin-sidebar{position:relative;width:100%;height:auto}.admin-sidebar nav{display:grid;grid-template-columns:1fr 1fr}.workspace-label,.sidebar-foot{display:none}.admin-main{margin-left:0}.admin-header{padding:0 18px}.icon-button{display:none}.editor-layout{padding:16px 14px 120px}.field-grid,.field-grid.three{grid-template-columns:1fr}.form-actions{left:14px;right:14px;bottom:10px}.form-actions>div,.reset-button{display:none}.save-button{margin-left:auto}.preview-panel{height:560px}}