:root{--ink:#18211d;--muted:#66706a;--paper:#f4f2ec;--card:#fff;--line:#dcded8;--green:#1f5a43;--lime:#d9f45b;--shadow:0 16px 50px rgba(20,36,28,.09)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.top{height:68px;background:#17261f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.top>div{display:flex;align-items:center;gap:10px}.top small{color:#aebbb4;border-left:1px solid #496055;padding-left:10px}.mark{display:grid;place-items:center;width:32px;height:32px;background:var(--lime);color:#173222;font-weight:900;border-radius:9px}.actions button,.devices button{border:1px solid #52635b;background:transparent;color:inherit;border-radius:8px;padding:9px 13px;cursor:pointer}.primary{background:var(--lime)!important;color:#173222!important;border-color:var(--lime)!important;font-weight:800}button:disabled{opacity:.45;cursor:not-allowed}main{height:calc(100vh - 68px);display:grid;grid-template-columns:310px minmax(420px,1fr) 330px}.panel{background:var(--card);overflow:auto;padding:25px;border-right:1px solid var(--line)}.editor-panel{border-right:0;border-left:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--green);font-weight:900;margin-bottom:15px}h1{font:700 31px/1.05 Georgia,serif;margin:0 0 13px}h2{font:700 21px/1.15 Georgia,serif}p{color:var(--muted)}label{display:block;font-size:12px;font-weight:750;margin:18px 0 7px}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fbfcfa;padding:10px;font:inherit;color:var(--ink)}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.drop{border:1px dashed #aeb7b1;border-radius:8px;padding:10px;text-align:center;color:var(--green);cursor:pointer;margin-top:8px}.drop input{display:none}.wide{width:100%;padding:12px;border-radius:8px;border:0;display:flex;justify-content:space-between;margin-top:16px}.security{display:flex;gap:10px;background:#eef5ef;border-radius:9px;padding:12px;margin-top:18px}.security span{color:var(--green);font-weight:900}.security small{display:block;color:var(--muted);margin-top:2px}.workspace{min-width:0;display:flex;flex-direction:column}.previewbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.previewbar>div:first-child{display:flex;gap:10px;align-items:baseline}.previewbar span{color:var(--muted);font-size:12px}.devices{display:flex;background:#e6e5df;border-radius:9px;padding:3px}.devices button{color:var(--muted);border:0;font-size:11px;padding:6px 9px}.devices .active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #0001}.canvas{flex:1;padding:0 18px 18px;display:flex;justify-content:center;min-height:0}iframe{height:100%;width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:var(--shadow);transition:width .2s}.empty-icon{margin:70px auto 20px;width:74px;height:74px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:italic 26px Georgia;color:var(--green)}#empty{text-align:center}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.field-grid label{min-width:0}.field-grid .full{grid-column:1/-1}.segments{display:flex}.segments button{flex:1;border:1px solid var(--line);background:#fff;padding:8px;font-size:11px}.segments button.active{background:#e8efe9;color:var(--green)}#notice{font-size:12px;margin-top:10px;color:#a43131}.section-title{font-size:11px;letter-spacing:.12em;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:1000px){main{grid-template-columns:270px 1fr}.editor-panel{position:fixed;right:0;top:68px;bottom:0;width:330px;box-shadow:-10px 0 30px #0002}.workspace{margin-right:330px}}@media(max-width:760px){main{display:block;height:auto}.panel,.editor-panel{position:static;width:auto}.workspace{height:650px;margin:0}.top small{display:none}}