:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e5ece9;background:#111716;font-synthesis:none;color-scheme:dark;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #c3fa6b}button{cursor:pointer;border:1px solid #3c4943;border-radius:6px;background:#202a25;color:#e5ece9;padding:9px 13px;transition:background .15s}button:hover{background:#303d33}button:disabled{opacity:.45;cursor:not-allowed}button[aria-pressed=true]{border-color:#c3fa6b;background:#2e3b25;color:#d5ffaa}input,select,textarea{min-width:0;max-width:100%;border:1px solid #3a4640;border-radius:5px;background:#111a16;color:#e5ece9;padding:10px}input[type=checkbox]{accent-color:#c3fa6b;width:17px;height:17px;vertical-align:middle;margin:0 8px 0 0}input[type=range]{accent-color:#c3fa6b;padding:0;width:100%}input[type=color]{padding:3px;height:40px;min-width:50px}a{color:#c3fa6b;text-decoration:none}main{max-width:1440px;margin:auto;padding:0 48px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3730}.brand{display:flex;align-items:center;gap:8px;color:#e5ece9;font-size:18px;font-weight:750;letter-spacing:1.5px}.brand>span:last-child{font-weight:350;color:#9aa89e}.brand-mark{font-size:35px;color:#c3fa6b;margin-right:7px}.privacy-badge{font-size:12px;letter-spacing:1.8px;color:#a6b4aa}.privacy-badge span{margin:0 12px;color:#4d5b52}.intro{display:flex;align-items:end;justify-content:space-between;padding:38px 0 32px}.brand-icon{width:32px;height:32px;object-fit:contain;margin-right:7px}.intro-banner{width:clamp(180px,22vw,310px);height:105px;object-fit:contain;align-self:center;margin:0 20px}.copyright{display:block;margin-bottom:12px;font-size:11px}.copyright a{color:#a6b4aa}.suite-footer-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px;font-size:12px}@media(max-width:1100px){.intro{flex-wrap:wrap;gap:16px}.intro-banner{width:clamp(160px,30vw,240px);margin:0}}.eyebrow{font-size:12px;letter-spacing:2px;color:#a4b996;margin:0 0 13px}h1{font-size:clamp(32px,3.7vw,52px);letter-spacing:-2px;line-height:1.07;margin:0;font-weight:650}h1 span{color:#bdeb82}.intro>p{font-size:16px;color:#a8b4ad;margin:0 0 3px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.modes button{display:flex;align-items:center;gap:15px;text-align:left;padding:20px;background:#1b241f}.modes button[aria-pressed=true]{background:#263322}.step{font-size:13px;color:#a0b295}.modes strong{display:block;font-size:16px;font-weight:600}.modes small{display:block;color:#a3afa7;margin-top:4px;font-size:14px}.mode-symbol{margin-left:auto;font-size:24px;color:#b4c0b3}.workspace{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.25fr);gap:28px;align-items:start}.panel{background:#19221d;border:1px solid #334037;border-radius:9px;padding:24px}.section-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}h2{font-size:19px;line-height:1.3;margin:0;font-weight:600;letter-spacing:-.3px}.chip{font-size:11px;letter-spacing:.8px;border:1px solid #46553f;padding:4px 7px;border-radius:3px;color:#b2c7a2;white-space:nowrap}label{display:block;font-size:14px;color:#bdc9c0}textarea{display:block;width:100%;min-height:147px;resize:vertical;margin-top:9px;font-family:Consolas,monospace;font-size:14px;line-height:1.8}textarea::placeholder{color:#708176}fieldset{border:0;margin:24px 0;padding:0}legend{font-size:15px;font-weight:550;padding:0;margin-bottom:12px}.resolution-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.resolution-buttons button{padding:8px 3px;font-size:12px}.hint,.muted{font-size:13px;color:#95a69a;line-height:1.6}.hint{margin:13px 0}.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.inline .muted{flex:1}.text-button{padding:0;border:0;background:none;color:#c3fa6b;font-size:13px}.primary{background:#c3fa6b;border-color:#c3fa6b;color:#1a2813;font-weight:650}.primary:hover{background:#d4ff96}.wide{display:flex;width:100%;justify-content:space-between;align-items:center;padding:14px 18px}.preview-toolbar{display:flex;gap:12px;align-items:end;margin-bottom:12px}.preview-toolbar label:first-child{flex:1}.preview-toolbar select{display:block;margin-top:6px;width:100%}.preview-toolbar input{display:block;margin-top:6px}.previews{display:grid;grid-template-columns:1fr;gap:10px}.previews.two{grid-template-columns:1fr 1fr}.preview{position:relative;overflow:hidden;border:1px solid #455348;border-radius:7px;min-height:240px}.preview-label{position:absolute;top:16px;left:16px;font:11px Consolas,monospace;letter-spacing:.6px;color:#fff;text-shadow:0 1px 3px #000}.preview-label span{display:block;opacity:.7;margin-top:4px}.preview svg{display:block;width:100%;height:260px}.preview-note{position:absolute;bottom:12px;left:16px;font:10px Consolas,monospace;color:#fff;opacity:.6;text-shadow:0 1px 2px #000}.preview-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:13px}.preview-actions label{font-size:13px}.preview-actions label:last-child{margin-left:auto;display:flex;align-items:center;gap:7px}.preview-actions select{padding:4px 8px}.output{margin-top:22px}.code{width:100%;font-family:Consolas,monospace;font-size:clamp(12px,1.2vw,16px);margin:9px 0 12px;padding:15px 12px;color:#d9efc5;background:#101711}.output .inline button{font-size:13px;flex:1}details{border-top:1px solid #354238;margin-top:18px;padding-top:14px}summary{cursor:pointer;font-size:14px;font-weight:550;color:#c6d6c5}details>p{font-size:14px;color:#a6b7ab}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 Consolas,monospace;color:#b8cba9;max-height:300px;overflow:auto}.editor>label{margin-top:18px}.editor select{display:block;width:100%;margin-top:6px}.color-row{display:flex;gap:20px;margin:18px 0}.color-row>label:last-child{flex:1}.color-row input{display:block;margin-top:7px}.color-row span{font-size:12px}.slider-row{display:flex;align-items:center;gap:12px}.slider-row>span{min-width:94px;text-transform:capitalize}.slider-row>input[type=number]{width:78px;margin-left:auto;padding:5px;font-size:14px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.checks label{font-size:13px}.feedback{font-size:14px;color:#c3fa6b;min-height:30px;margin-top:18px}.error,.notice{border:1px solid #c58e63;background:#3c2b20;padding:16px;border-radius:6px;color:#ffdab5}.notice button{display:block;margin-top:10px}.evidence{margin-top:14px}.evidence ul{font-size:14px;color:#b4c1b7;padding-left:20px}.evidence li{margin:7px 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px;border-bottom:1px solid #334336}th{color:#b8d6a1}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.bottom-grid details{margin:0}.bottom-grid .inline button{font-size:13px}.history-toggle{margin-top:20px;font-size:13px}.history{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.history button{font-size:12px}.how summary{font-size:19px}.resolution-fields,.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.resolution-fields input,.recovery-grid select{display:block;width:100%;margin-top:6px}.preset-options{margin:18px 0;font-size:14px}.preset-options button{margin:0 6px 6px 0}footer{border-top:1px solid #303c33;padding:25px 0 35px;font-size:12px;color:#839787;display:flex;gap:20px;justify-content:space-between}footer p{margin:0;text-align:right}@media(min-width:1500px){main{padding:0 60px}}@media(max-width:1050px){main{padding:0 24px}.workspace{gap:18px;grid-template-columns:minmax(300px,1fr) minmax(0,1.1fr)}.panel{padding:18px}.modes button{padding:15px;gap:9px}.mode-symbol{display:none}.resolution-buttons{grid-template-columns:repeat(3,1fr)}.previews.two{grid-template-columns:1fr}.previews.two .preview svg{height:210px}.intro>p{font-size:14px}}@media(max-width:720px){main{padding:0 16px}header{height:70px}.privacy-badge{font-size:9px;letter-spacing:1px}.privacy-badge span{margin:0 3px}.brand{font-size:13px;gap:4px}.brand-mark{font-size:28px;margin-right:2px}.intro{display:block;padding:28px 0 24px}.intro>p{margin-top:18px}.modes{grid-template-columns:1fr;gap:7px;margin-bottom:20px}.modes button{padding:12px 15px}.modes small{font-size:12px;margin-top:1px}.modes strong{font-size:14px}.mode-symbol{display:block}.workspace{grid-template-columns:1fr}.result{margin-top:10px}.bottom-grid{grid-template-columns:1fr}.preview-toolbar{gap:7px}.preview-toolbar label{font-size:12px}.preview-toolbar select{font-size:12px;padding:8px 4px}.chip{font-size:9px;white-space:normal}.section-heading{gap:8px}.resolution-buttons{grid-template-columns:repeat(4,1fr)}.resolution-buttons button{font-size:11px}footer{display:block}footer p{text-align:left;margin-top:14px}.preview-actions{gap:10px}.previews.two{grid-template-columns:1fr}.code{font-size:12px}.bottom-grid .inline button{flex-grow:1}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.frame-aspect{position:absolute;right:16px;top:16px;border:1px solid #ffffff60;background:#ffffff0a;pointer-events:none}.action-notice:not(:empty),.action-error{position:fixed;right:20px;bottom:20px;z-index:100;max-width:min(420px,calc(100vw - 40px));padding:16px 20px;border:1px solid #c3fa6b;border-radius:12px;background:#18231f;color:#e5ece9;box-shadow:0 10px 40px #0008}.action-error{bottom:100px;border-color:#ef9a9a}.feedback:empty{display:none}.suite-footer-links a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px}.suite-footer-links img{width:28px;height:28px;object-fit:contain}