@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color-scheme:dark;font-family:DM Sans,sans-serif;background:#10131b;color:#f7f7f2;font-synthesis:none;--red: #e8474e;--red-bright: #ff6268;--panel: #191e2a;--panel-2: #202634;--line: rgba(255, 255, 255, .1);--muted: #99a1b2;--paper: #f6f3eb;--ink: #272522}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 77% 4%,rgba(232,71,78,.13),transparent 25rem),linear-gradient(180deg,#121620,#0d1017)}button,input,select{font:inherit}button,summary,select,input[type=checkbox],input[type=radio]{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--red-bright);outline-offset:3px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);position:sticky;top:0;z-index:20;background:#10131bdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:38px;aspect-ratio:1;display:grid;place-items:center;border-radius:10px;background:var(--red);color:#fff;font:800 24px/1 Manrope;box-shadow:0 8px 24px #e8474e40}.brand strong,.brand small{display:block}.brand strong{font:700 14px/1.25 Manrope;letter-spacing:-.02em}.brand small{color:var(--muted);font-size:11px;margin-top:2px}.top-actions{display:flex;gap:10px}.ghost-button,.primary-button,.copy-button{border:0;border-radius:10px;color:inherit}.ghost-button{padding:10px 16px;background:transparent;color:#c5cad5}.ghost-button:hover{background:#ffffff0f}.primary-button{background:var(--red);font-weight:700;padding:13px 20px;box-shadow:0 10px 26px #e8474e2e;transition:.2s ease}.primary-button:hover:not(:disabled){background:var(--red-bright);transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button.compact{padding:10px 17px}main{width:min(1440px,100%);margin:auto;padding:0 clamp(20px,5vw,76px) 80px}.hero{min-height:310px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:54px 0 42px}.eyebrow{color:var(--red-bright);font:700 11px/1 Manrope;letter-spacing:.18em;margin:0 0 20px}h1{font:800 clamp(38px,5vw,66px)/.98 Manrope;letter-spacing:-.055em;margin:0;max-width:830px}h1 span{color:#777f91}.hero-copy{color:#a6adbc;font-size:16px;line-height:1.65;max-width:650px;margin:24px 0 0}.hero-note{min-width:230px;display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:15px 17px;background:#ffffff06}.hero-note strong,.hero-note small{display:block}.hero-note strong{font:700 13px/1.4 Manrope}.hero-note small{color:var(--muted);font-size:11px}.status-dot{width:9px;height:9px;border-radius:50%;background:#68d391;box-shadow:0 0 0 5px #68d3911a}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);gap:22px;align-items:start}.settings-panel,.preview-panel{border:1px solid var(--line);background:#191e2ae6;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0003}.preview-panel{padding:0 24px 24px;position:sticky;top:98px}.panel-heading{display:flex;min-height:76px;padding:0 24px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.preview-heading{padding-inline:0}.panel-heading>div{display:flex;align-items:center;gap:12px}.panel-heading h2{font:700 17px/1 Manrope;margin:0}.step-number{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#e8474e1f;color:var(--red-bright);font:700 10px Manrope}.autosave{color:var(--muted);font-size:11px}.autosave:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#68d391;margin-right:7px}details{border-bottom:1px solid var(--line)}details:last-child{border-bottom:0}summary{list-style:none;min-height:72px;padding:0 24px;display:flex;align-items:center;gap:12px}summary::-webkit-details-marker{display:none}summary:after{content:"+";margin-left:auto;color:#737b8e;font-size:20px;transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}summary span{font:650 14px Manrope}summary small{color:var(--muted);font-size:11px}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:5px 24px 26px}.field{display:grid;align-content:start;gap:8px}.field>span,legend{color:#cbd0da;font-size:12px;font-weight:600}.field small{color:#727b8d;font-size:10px;line-height:1.45}.full{grid-column:1 / -1}input[type=text],input:not([type]),select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;color:#edf0f5;background:#131722;transition:border .15s,box-shadow .15s}input[type=text]:hover,input:not([type]):hover,select:hover{border-color:#fff3}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:8px}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#131722;border:1px solid var(--line);border-radius:10px;padding:4px}.segmented input{position:absolute;opacity:0}.segmented span{display:grid;place-items:center;min-height:34px;border-radius:7px;font-size:12px;color:#969eae}.segmented input:checked+span{color:#fff;background:#2b3242;box-shadow:0 2px 7px #00000038}.toggle-row{grid-column:1 / -1;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#ffffff05}.toggle-row.compact-toggle{grid-column:auto}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{color:#d6dae2;font-size:12px}.toggle-row small{color:#747d8f;font-size:10px;margin-top:3px}.switch{appearance:none;flex:0 0 auto;width:36px;height:20px;border-radius:999px;background:#363d4b;position:relative;transition:background .2s}.switch:after{content:"";width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;transition:transform .2s;box-shadow:0 2px 5px #0000004d}.switch:checked{background:var(--red)}.switch:checked:after{transform:translate(16px)}.dependent-options{display:flex;flex-wrap:wrap;gap:9px;transition:opacity .2s}.dependent-options label{border:1px solid var(--line);background:#151a25;border-radius:8px;padding:9px 11px;color:#aeb5c2;font-size:11px}.dependent-options input{accent-color:var(--red);margin:0 5px 0 0;vertical-align:-1px}.dependent-options.disabled{opacity:.35}.valid-badge{color:#80dda4;background:#68d39117;border-radius:999px;font-size:10px;padding:6px 10px}.valid-badge.invalid{color:#ff8a8f;background:#e8474e1a}.paper{min-height:325px;padding:26px 30px 34px;margin-top:24px;color:var(--ink);background:var(--paper);border-radius:8px;box-shadow:0 14px 28px #00000040;position:relative;overflow:hidden}.paper:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-70px;bottom:-70px;border:22px solid rgba(232,71,78,.07)}.paper-header{display:flex;justify-content:space-between;color:#929087;padding-bottom:15px;border-bottom:1px solid #d9d5ca;text-transform:uppercase;letter-spacing:.13em;font-size:7px}.paper article{padding-top:27px;font-family:Georgia,serif}.paper h3{max-width:370px;font-size:21px;line-height:1.2;letter-spacing:-.025em;margin:0 0 16px}.paper p{font-size:11px;line-height:1.7;margin:0}.paper sup{color:#b7232a;font-weight:700;margin-left:1px}.paper h4{font-size:12px;margin:33px 0 10px;padding-bottom:5px;border-bottom:1px solid #d9d5ca}.paper .reference{font-size:9px;line-height:1.65;overflow-wrap:anywhere}.code-card{margin-top:16px;border:1px solid var(--line);border-radius:11px;background:#11151e;overflow:hidden}.code-heading{height:43px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#8d96a7;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.copy-button{background:#262d3b;color:#c8ced9;padding:6px 9px;font-size:9px}pre{height:142px;overflow:auto;margin:0;padding:13px;color:#9fb3c8;font:9px/1.6 Consolas,monospace;scrollbar-width:thin}.download-button{width:100%;margin-top:16px;display:flex;align-items:center;justify-content:space-between;text-align:left}.download-button small{font-weight:500;opacity:.72}.privacy-note{color:#697285;text-align:center;font-size:9px;margin:10px 0 0}footer{display:flex;justify-content:space-between;width:min(1440px,100%);margin:auto;padding:26px clamp(20px,5vw,76px);border-top:1px solid var(--line);color:#687184;font-size:10px}footer a{color:#8d95a5;text-decoration:none}.toast{position:fixed;z-index:100;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:11px 16px;border-radius:9px;background:#f1f2ed;color:#171a22;box-shadow:0 12px 36px #00000052;font-size:12px;transition:.22s ease}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:980px){.hero{min-height:auto}.hero-note{display:none}.workspace{grid-template-columns:1fr}.preview-panel{position:static}}@media(max-width:620px){.topbar{height:66px}.brand small,.ghost-button{display:none}.primary-button.compact{font-size:11px}main{padding-inline:14px}.hero{padding:42px 6px 32px}h1{font-size:40px}.hero-copy{font-size:14px}.settings-panel,.preview-panel{border-radius:14px}.section-grid{grid-template-columns:1fr;padding-inline:17px}.toggle-row.compact-toggle{grid-column:1 / -1}summary,.panel-heading{padding-inline:17px}.preview-panel{padding-inline:17px}.paper{padding:22px}.download-button small{display:none}footer{flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}