:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17333a;background:#edf3f2;line-height:1.45;--navy:#0b3440;--teal:#087b78;--mint:#dff3ee;--line:#c9d9d6;--red:#a43d3d}*{box-sizing:border-box}body{margin:0}header{background:linear-gradient(120deg,#092e39,#0c5360);color:white;padding:24px max(22px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;align-items:center}h1{margin:2px 0;font-size:clamp(1.55rem,4vw,2.35rem);letter-spacing:-.03em}.eyebrow{font-size:.72rem;letter-spacing:.16em;color:#9ee0d5;font-weight:800}.status{display:flex;gap:8px;align-items:center;font-size:.85rem}#onlineDot{width:9px;height:9px;border-radius:50%;background:#65d6a6}.notice{background:#fff7da;border-bottom:1px solid #e7d48b;padding:11px max(22px,calc((100vw - 1240px)/2));font-size:.88rem}nav{background:white;border-bottom:1px solid var(--line);padding:0 max(22px,calc((100vw - 1240px)/2));display:flex;gap:28px}nav a{padding:15px 2px;color:var(--navy);text-decoration:none;font-weight:700;border-bottom:3px solid transparent}nav a:hover{border-color:var(--teal)}main{max-width:1240px;margin:24px auto;padding:0 20px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.work,.side,.stack{display:grid;gap:16px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 7px 22px #17333a0a}.section-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:17px}.section-title h2,.panel h2{margin:0;font-size:1.08rem}.section-title p{margin:3px 0 0;color:#5c7378;font-size:.85rem}.num{display:grid;place-items:center;min-width:30px;height:30px;border-radius:8px;background:var(--mint);color:var(--teal);font-weight:900}.grid{display:grid;gap:14px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{font-size:.8rem;font-weight:750;color:#38545a;display:grid;gap:6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #aebfbd;border-radius:8px;background:#fff;color:#15343a;font:inherit}textarea{resize:vertical}.toggle{display:flex;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}.toggle input,.checks input{width:auto}.checks{display:grid;gap:8px}.checks label{display:flex;align-items:flex-start}.previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.previews span,.tag{background:#eef7f5;border-radius:99px;padding:6px 10px;font-size:.78rem}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}button,.filebtn{border:0;border-radius:8px;background:var(--teal);color:white;padding:10px 14px;font-weight:800;cursor:pointer;text-align:center}.secondary,.filebtn{background:#e6f0ef;color:#17434a}.ghost{background:transparent;color:#31575d;border:1px solid var(--line)}.danger{background:#fff0ef;color:var(--red)}.big{width:100%;padding:15px;font-size:1rem;margin:2px 0 16px}.filebtn input{display:none}.previewbox{background:#f4f8f7;padding:12px;border-radius:9px}.previewbox pre{white-space:pre-wrap;margin:5px 0 0}.message{padding:10px 13px;border-radius:8px;margin:8px 0;font-size:.85rem}.warning{background:#fff7da}.error{background:#ffebe8;color:#742b27}.success{background:#e0f5e9}.hidden{display:none!important}.output textarea{font-family:ui-monospace,SFMono-Regular,monospace;line-height:1.6}.setup-grid{display:grid;gap:12px}.editable-list{display:grid;gap:8px}.list-row{display:grid;grid-template-columns:1fr auto;gap:8px}.settings-group{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.settings-group h3{margin:0 0 10px}.help{color:#64787c;font-size:.82rem}footer{text-align:center;padding:28px;color:#6a7f83;font-size:.78rem}@media(max-width:850px){.layout{grid-template-columns:1fr}.side{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:1fr}}@media(max-width:600px){header{padding:18px;align-items:flex-start}.status{font-size:0}main{padding:0 10px;margin:12px auto}.panel{padding:16px;border-radius:11px}.two,.side{grid-template-columns:1fr}nav{padding:0 14px;gap:17px}.previews{display:grid}.notice{padding:10px 14px}}