:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9edf8;background:#070914;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #8cf1ce;outline-offset:3px}[hidden]{display:none!important}.shell{height:100dvh;display:grid;grid-template-columns:360px minmax(0,1fr);transition:grid-template-columns .18s ease;overflow:hidden}.shell.collapsed{grid-template-columns:52px minmax(0,1fr)}aside{min-height:0;min-width:0;background:#111522;border-right:1px solid #293046;display:flex;flex-direction:column;z-index:2}.panel-header{padding:16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #293046}.brand{flex:1;white-space:nowrap}.brand strong{display:block;font-size:14px;letter-spacing:.12em}.brand span{font-size:11px;color:#929db5}.icon-button{width:32px;height:32px;flex-shrink:0;border:1px solid #343e55;border-radius:8px;background:#1c2335;color:#d9e4ff;font-size:20px}.collapsed .panel-header{padding:16px 9px}.collapsed .brand,.collapsed #panel-body{display:none}#panel-body{overflow:auto;min-height:0;flex:1}form{display:flex;flex-direction:column;min-height:100%}.section{padding:18px;border-bottom:1px solid #252d40}.section-title,summary{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#aab6cf;margin:0 0 14px}summary{cursor:pointer;margin:0}details[open]>summary{margin-bottom:16px}label{display:flex;flex-direction:column;gap:6px;color:#b6c0d5;font-size:12px;margin:0 0 13px}label:last-child{margin-bottom:0}input,select,textarea{width:100%;min-width:0;padding:9px 10px;color:#eef2fc;background:#090d18;border:1px solid #354058;border-radius:7px;font-size:13px}textarea{resize:vertical;line-height:1.5;min-height:76px}input:disabled,select:disabled{opacity:.5}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{flex-direction:row;align-items:center;gap:9px;color:#d4dbee}.check input{width:16px;height:16px;margin:0;accent-color:#77e5ba}p.hint{font-size:11px;color:#8e9bb5;line-height:1.55;margin:8px 0 0}.actions{padding:16px 18px;position:sticky;bottom:0;background:#111522f5;border-top:1px solid #293046;margin-top:auto}.primary{width:100%;padding:12px;border:0;border-radius:8px;color:#10291e;background:#88edbd;font-size:13px;font-weight:750}.secondary{padding:7px 10px;border:1px solid #354058;border-radius:6px;color:#c7d1e7;background:#1b2335;font-size:11px}.inline{display:flex;gap:8px;align-items:center}.inline input{flex:1}#session{font-size:11px;line-height:1.5;color:#9eacc7;overflow-wrap:anywhere;margin-top:10px}#session.err{color:#ff9caa}.preview{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr)}.preview-bar{display:flex;align-items:center;gap:10px;padding:0 16px;background:#0c101c;border-bottom:1px solid #20283c;color:#91a1be;font-size:11px}#preview-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.status-dot{width:6px;height:6px;background:#687893;border-radius:50%}.status-dot.active{background:#88edbd}.stage{position:relative;min-height:0;display:flex;justify-content:center;overflow:auto;background:radial-gradient(ellipse at 50% 40%,#151b2e,#060911 70%)}iframe{width:100%;height:100%;border:0;background:#080a16;flex-shrink:0}.stage.phone iframe{width:390px;max-width:100%}.stage.tablet iframe{width:768px;max-width:100%}.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;padding:28px}.placeholder .mark{margin:0 auto 22px;font-size:32px;color:#88edbd}.placeholder h2{font-weight:500;font-size:22px;margin:0 0 10px}.placeholder p{color:#8d9ab3;font-size:13px;line-height:1.6;max-width:330px}@media(max-width:700px){.shell{grid-template-columns:52px minmax(0,1fr)}aside{width:52px}.shell:not(.collapsed) aside{position:absolute;inset:0 auto 0 0;width:min(360px,calc(100vw - 28px));box-shadow:12px 0 40px #0009}.preview{grid-column:2}.preview-bar{padding:0 8px}}@media(prefers-reduced-motion:reduce){.shell{transition:none}}