:root{--cor-background:#000;--cor-panel:hsl(240deg 3.03% 6.47%);--cor-text:#fff;--cor-muted:#b6b6bc;--cor-accent:#ff210d;--cor-pink:hsl(355.18deg 71.79% 69.41%);--cor-line:rgba(255,33,13,.22);--cor-focus:#FFF8EB}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--cor-background);color:var(--cor-text);font:16px/1.6 'Segoe UI',Arial,sans-serif}main,.host-header,footer{max-width:1440px;margin:auto;padding:24px 32px}.host-header{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--cor-line)}.host-header span{color:var(--cor-muted);flex:1}a{color:var(--cor-pink);text-underline-offset:4px}h1{font-size:clamp(32px,5vw,56px);line-height:1.15;letter-spacing:-.03em}h2{font-size:24px}.eyebrow{color:var(--cor-pink);text-transform:uppercase;letter-spacing:.12em;font-size:13px}.page-intro{max-width:800px}.muted,footer{color:var(--cor-muted)}button,.button{display:inline-block;font:inherit;color:white;min-height:44px;padding:9px 16px;border:1px solid #949494;border-radius:10px;background:linear-gradient(135deg,#242021,#1a191a);cursor:pointer;backdrop-filter:blur(12px)}button:disabled{opacity:.65;cursor:not-allowed}button:hover:not(:disabled){border-color:var(--cor-pink)}button[aria-current=page]{text-decoration:underline;text-underline-offset:7px;border-color:var(--cor-pink)}:focus-visible{outline:2px solid var(--cor-focus);outline-offset:4px}#products{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 32px}.package-panel{min-width:0}.workspace-intro{margin-bottom:24px}.notice{border-left:3px solid var(--cor-pink);padding:12px 16px;background:var(--cor-panel)}.cor-package{border:1px solid var(--cor-line);border-radius:16px;padding:24px;background:linear-gradient(135deg,#ff210d38,#101011b3 48%,#101011e6),#101011d1;backdrop-filter:blur(18px)}.cor-package h1{font-size:32px}.cor-package label{display:block;margin-top:16px}.cor-package textarea,.cor-package select,.cor-package input:not([type=checkbox]){display:block;width:100%;min-height:44px;background:var(--cor-panel);color:white;border:1px solid #949494;padding:12px;border-radius:9px;font:inherit}.cor-package textarea{field-sizing:content;min-height:100px;resize:vertical}.cor-package button{margin:16px 12px 16px 0}.cor-package input[type=checkbox]{width:24px;height:24px}.cor-package pre,.atlas pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:none;overflow:visible;font:14px/1.6 Consolas,monospace;background:#080809;padding:16px;border-radius:9px}p,li,pre{overflow-wrap:anywhere}.atlas{padding:0;max-width:none}.atlas section{background:var(--cor-panel)}.atlas button,.atlas select,.atlas input{min-height:44px}.skip{position:absolute;left:16px;top:-100px}.skip:focus{top:8px;background:#000;z-index:100}.blueprint{min-height:700px}.blueprint .bp-dialog{max-width:calc(100vw - 24px)}@media(max-width:600px){main,.host-header,footer{padding:16px}.host-header{gap:12px}.cor-package{padding:16px}.atlas-header{flex-wrap:wrap}.atlas-header h1{font-size:28px}.blueprint{min-height:780px}#products button{flex:1 1 140px}}@supports not(backdrop-filter:blur(1px)){.cor-package,button,.button{background:var(--cor-panel)}}@media(prefers-reduced-transparency:reduce){.cor-package,button,.button{background:var(--cor-panel);backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(forced-colors:active){.cor-package,.notice,button,.button{background:Canvas;color:CanvasText;border:1px solid ButtonText}}