:root{--bg: #0b0b0c;--panel: #141416;--line: #26262a;--fg: #f2f2f3;--dim: #8b8b93;--accent: #4f8cff;--danger: #ff6b6b;--ok: #4fd18b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);padding:18px;background:var(--panel)}.side h1{font-size:15px;margin:0 0 4px;letter-spacing:.02em}.side .who{color:var(--dim);font-size:12px;margin-bottom:20px}.nav button{display:block;width:100%;text-align:left;background:none;border:0;padding:9px 10px;border-radius:7px;cursor:pointer;color:var(--dim)}.nav button.on{background:#1e1e22;color:var(--fg)}.main{padding:24px 28px;max-width:1240px}.row{display:flex;gap:12px;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center;gap:16px}.btn{background:#22232a;border:1px solid var(--line);padding:8px 14px;border-radius:7px;cursor:pointer}.btn:hover{border-color:#3a3a42}.btn--primary{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}.btn--danger{color:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--dim);margin-bottom:5px}.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=url],.field input[type=number],.field textarea,.field select{width:100%;background:#0e0e10;border:1px solid var(--line);border-radius:7px;padding:9px 11px}.field textarea{min-height:90px;resize:vertical}.hint{font-size:12px;color:var(--dim);margin-top:5px}.err{color:var(--danger);font-size:13px;margin:8px 0;white-space:pre-wrap}.ok{color:var(--ok);font-size:13px;margin:8px 0}.thumb{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px;background:#000;display:block}.swatch{width:26px;height:26px;border-radius:6px;border:1px solid var(--line)}.pill{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}.login{max-width:340px;margin:14vh auto}.drop{border:1px dashed #3a3a42;border-radius:10px;padding:22px;text-align:center;color:var(--dim)}.drop.over{border-color:var(--accent);color:var(--fg)}.editor__top{margin-bottom:20px;align-items:flex-start}.editor__title{margin:6px 0 0;font-size:24px;letter-spacing:-.01em}.btn--quiet{background:none;border:0;padding:0;color:var(--dim);cursor:pointer}.btn--quiet:hover{color:var(--fg)}.pill--warn{color:#ffcf6b;border-color:#4a3c1a;background:#2a2110}.editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}@media (max-width: 1080px){.editor{grid-template-columns:1fr}}.editor__preview{position:sticky;top:24px}.block{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:16px}.block__h{margin:0 0 4px;font-size:15px;font-weight:600}.block__sub{margin:0 0 14px;color:var(--dim);font-size:13px}.block--danger{border-color:#3a2020}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.field label{display:block;font-size:13px;color:var(--dim);margin-bottom:6px}.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=url],.field input[type=number],.field textarea{width:100%;background:#0e0e10;border:1px solid var(--line);border-radius:8px;padding:11px 13px;font-size:14px}.input--big{font-size:17px!important;font-weight:500}.field textarea{min-height:110px;resize:vertical;line-height:1.55}.check{display:flex;gap:9px;align-items:center;margin-top:10px;font-size:13px;color:var(--fg)}.check--big{font-size:15px}.choice{display:flex;gap:11px;align-items:flex-start;padding:11px;border:1px solid transparent;border-radius:9px;cursor:pointer}.choice:hover{background:#191920}.choice:has(input:checked){border-color:#33506e;background:#141a22}.choice strong{display:block;font-size:14px;font-weight:500}.choice em{display:block;font-style:normal;color:var(--dim);font-size:12.5px;margin-top:2px}.shot{width:190px;border-radius:9px;display:block;background:#000}.strip{display:flex;gap:9px;flex-wrap:wrap}.strip__item{position:relative;width:92px}.strip__item img,.strip__item video{width:92px;height:70px;object-fit:cover;border-radius:7px;display:block;background:#000}.strip__x{position:absolute;top:-7px;right:-7px;width:21px;height:21px;border-radius:50%;border:1px solid var(--line);background:#1a1a1e;color:var(--danger);cursor:pointer;line-height:1;padding:0}.prev{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.prev__label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}.prev__stage{background:#050505;border-radius:9px;padding:20px 14px;display:grid;place-items:center}.prev__stage--open{display:flex;align-items:center;gap:9px;padding:16px 10px}.prev__side{flex:1;align-self:stretch;min-height:84px;border-radius:4px;opacity:.8}.prev__caption{text-align:center;margin-top:10px;font-size:12px;line-height:1.5}.prev__caption strong{display:block;font-size:13px}.prev__caption span{color:var(--dim)}.prev__caption em{display:block;color:var(--dim);font-style:italic}.prev__note{margin:9px 0 0;font-size:12px;color:var(--dim)}.card--open{cursor:pointer;transition:border-color .12s,transform .12s}.card--open:hover{border-color:#3a3a42;transform:translateY(-1px)}.check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex:none}.check--big input[type=checkbox]{width:19px;height:19px}.choice input[type=radio]{width:16px;height:16px;accent-color:var(--accent);flex:none;margin-top:2px}input[type=color]{width:54px;height:34px;padding:2px;background:#0e0e10;border:1px solid var(--line);border-radius:7px;cursor:pointer}.box,.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=url],.field input[type=number],.field textarea,.field select{background:#0e0e10;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:11px 13px}.box{font:12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.field input:focus,.field textarea:focus,.box:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f8cff2e}.name{font-size:13px;font-weight:600;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name--edit{cursor:text;border-bottom:1px dashed transparent}.card--open:hover .name--edit{border-bottom-color:#4a4a55}.name--box{background:#0e0e10;border:1px solid var(--accent);border-radius:6px;padding:3px 7px;margin:-4px 0;width:100%;font-weight:600}.name--box:focus{outline:none}.group__h{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:28px 0 12px;font-weight:600}.group__h:first-of-type{margin-top:0}.btn--small{padding:5px 11px;font-size:12.5px}.lines__row{display:flex;gap:8px;align-items:flex-start;margin-bottom:7px}.lines__row textarea{flex:1;min-height:0!important;background:#0e0e10;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:14px;line-height:1.5;resize:vertical}.lines__row textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f8cff2e}.lines__x{width:30px;height:34px;flex:none;border:1px solid var(--line);background:#1a1a1e;color:var(--danger);border-radius:8px;cursor:pointer;line-height:1}.lines__x:hover{border-color:#4a2a2a}.block .field textarea{min-height:62px}
