:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-soft:#fff;--panel:#fffcf5e0;--ink:#17313b;--ink-soft:#17313bc7;--line:#17313b24;--accent:#b4552d;--accent-strong:#d18047;--accent-green:#1f6a5d;--accent-ink:#204f7a;--shadow:0 24px 60px #17313b24;--body-glow-left:#b4552d33;--body-glow-right:#1f6a5d29;--surface-glass:#ffffffb8;--surface-glass-strong:#ffffffeb;--surface-hover:#17313b14;--surface-solid:#fffdf8}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e181e;--bg-soft:#15252d;--panel:#1b2b34eb;--ink:#edf4f5;--ink-soft:#e1edefc2;--line:#e1edef29;--accent:#e08759;--accent-strong:#f1a06f;--accent-green:#5ba18f;--accent-ink:#78a9d2;--shadow:0 24px 64px #00000057;--body-glow-left:#b4552d29;--body-glow-right:#1f6a5d33;--surface-glass:#253842c7;--surface-glass-strong:#1e303af5;--surface-hover:#e1edef17;--surface-solid:#1b2b34}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at top left, var(--body-glow-left), transparent 28%), radial-gradient(circle at top right, var(--body-glow-right), transparent 30%), linear-gradient(180deg, var(--bg-soft) 0%, var(--bg) 100%);margin:0;font-family:Avenir Next,Segoe UI,sans-serif;transition:color .16s,background-color .16s}a{color:inherit}button,input,select{font:inherit}.shell{flex-direction:column;width:100%;min-height:100dvh;margin:0 auto;padding:32px clamp(16px,2vw,40px) 24px;display:flex;position:relative}.ambient{filter:blur(40px);opacity:.18;pointer-events:none;border-radius:999px;width:280px;height:280px;position:fixed;inset:auto}.ambient-left{background:#d8b24c;top:16px;left:-60px}.ambient-right{background:#1f6a5d;top:48px;right:-80px}.topbar,.footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.studio-page{gap:12px;display:grid}.studio-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:end;gap:48px;padding:12px 4px 22px;display:grid}.studio-intro h2{letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(2rem,4.2vw,4.6rem);line-height:.95}.studio-intro>p{max-width:68ch;color:var(--ink-soft);margin:0;line-height:1.65}.studio-layout{grid-template-columns:minmax(310px,370px) minmax(520px,1fr);align-items:stretch;gap:0;display:grid}.studio-builder-shell{overflow:clip}.studio-tool-menu{border-right:1px solid var(--line);background:linear-gradient(#1f6a5d0b,#ffffff29)}.studio-controls,.studio-workbench,.studio-cluster-panel,.studio-library-panel{padding:22px}.studio-controls{flex-direction:column;display:flex}.studio-panel-heading{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.studio-panel-heading>div{align-items:baseline;gap:10px;display:flex}.studio-panel-heading h2,.studio-section h3{letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.94rem}.studio-panel-heading p{max-width:48ch;color:var(--ink-soft);text-align:right;margin:0;font-size:.88rem;line-height:1.45}.studio-step{color:var(--accent);font-family:Georgia,Times New Roman,serif;font-size:.86rem;font-weight:700}.studio-live-badge{color:var(--accent-green);letter-spacing:.1em;text-transform:uppercase;background:#1f6a5d1a;border-radius:999px;padding:4px 8px;font-size:.65rem;font-weight:850}.studio-coordinate-badge{min-width:34px;min-height:30px;color:var(--accent-green);background:#1f6a5d1a;border-radius:999px;place-items:center;padding:6px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;font-weight:700;display:inline-grid}.studio-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.studio-form-grid input[type=color]{cursor:pointer;min-height:46px;padding:5px}.studio-toggles{background:#17313b0b;border-radius:16px;gap:8px;margin-top:16px;padding:14px;display:grid}.studio-toggles .checkbox{margin:0;font-size:.86rem}.studio-section{border-top:1px solid var(--line);gap:12px;margin-top:18px;padding-top:18px;display:grid}.studio-circular-path-section{order:1}.studio-path-section{order:2}.studio-circle-section{order:3}.studio-port-report{order:4}.studio-controls>.actions-row{order:5}.studio-controls>.studio-status{order:6}.studio-primary-section{background:linear-gradient(145deg,#1f6a5d1c,#ffffff8f);border:1px solid #1f6a5d38;border-radius:18px;margin-top:20px;padding:18px;box-shadow:0 12px 30px #1f6a5d12}.studio-primary-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-primary-badge{background:var(--accent-green);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:.62rem;font-weight:800}.studio-circular-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.studio-circular-guide li{min-width:0;color:var(--ink-soft);background:#fff9;border-radius:12px;gap:5px;padding:9px;font-size:.68rem;line-height:1.3;display:grid}.studio-circular-guide strong{width:21px;height:21px;color:var(--accent);background:#fff;border:1px solid #b4552d57;border-radius:999px;place-items:center;font-size:.72rem;display:grid}.studio-secondary-section{margin-top:12px;padding-top:14px}.studio-secondary-section .studio-section-title h3{color:var(--ink-soft);font-size:.8rem}.studio-section-title{justify-content:space-between;align-items:center;display:flex}.studio-section-title>div{gap:4px;display:grid}.studio-section-title small,.studio-empty-note{color:var(--ink-soft);margin:0;font-size:.75rem;line-height:1.4}.studio-icon-button{background:var(--accent-green);color:#fff;cursor:pointer;border:0;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;font-size:1.2rem;display:grid}.studio-path-list{gap:7px;display:grid}.studio-path-button{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff9e;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 11px;display:grid}.studio-path-button.active{background:#1f6a5d17;border-color:#1f6a5d52}.studio-path-button small{color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.studio-path-swatch{border-radius:999px;width:12px;height:12px}.studio-circle-swatch{border:2px solid var(--accent-green);background:var(--accent-green);border-radius:999px;width:14px;height:14px}.studio-circle-swatch.base{background:#fff}.studio-circular-path-swatch{width:18px;height:18px;color:var(--accent-green);place-items:center;font-size:1.25rem;font-weight:800;line-height:1;display:grid}.studio-circular-measurements{color:var(--ink-soft);flex-wrap:wrap;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;display:flex}.studio-circular-measurements span{background:#17313b0f;border-radius:999px;padding:4px 7px}.studio-geometry-warning{color:var(--accent);background:#b4552d14;border:1px solid #b4552d47;border-radius:10px;margin:0;padding:9px 10px;font-size:.76rem;line-height:1.4}.studio-path-editor{background:#ffffff85;border-radius:14px;gap:12px;padding:13px;display:grid}.studio-path-editor input[type=range]{accent-color:var(--accent-green);padding:0}.studio-compact-actions,.studio-card-actions{flex-wrap:wrap;gap:7px;display:flex}.studio-compact-actions button,.studio-card-actions button{color:var(--ink);cursor:pointer;background:#17313b14;border:0;border-radius:999px;padding:7px 10px;font-size:.76rem}.studio-compact-actions button:disabled{opacity:.42;cursor:not-allowed}.studio-port-report{background:#1f6a5d12;border:1px solid #1f6a5d2b;border-radius:16px;gap:12px;margin-top:18px;padding:14px;display:grid}.studio-port-report>div{align-items:baseline;gap:8px;display:flex}.studio-port-report>div strong{color:var(--accent-green);font-size:1.35rem}.studio-port-report>div span{color:var(--ink-soft);font-size:.8rem}.studio-port-report ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.studio-port-report li{color:var(--ink-soft);justify-content:space-between;gap:8px;font-size:.75rem;display:flex}.studio-port-report li strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.studio-status{color:var(--accent-green);margin:12px 0 0;font-size:.84rem}.studio-workbench{align-self:start;min-width:0;position:sticky;top:0;overflow:hidden}.studio-canvas{touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #17313b1f;border-radius:18px;width:100%;min-height:560px;display:block}.studio-canvas-bg{fill:#fffdf8}.studio-canvas-surface{background:#fffdf8;border:1px solid #586973;overflow:hidden;box-shadow:0 16px 34px #0511173d}.studio-lattice line{stroke:#204f7a1b;stroke-width:1px}.studio-spectre-grid line{stroke:#204f7a2e}.studio-lattice circle{fill:#204f7a47}.studio-tile-fill{stroke:none}.studio-tile-outline{fill:none;stroke:var(--ink);stroke-width:2.3px;stroke-linejoin:round}.studio-material-path{fill:none;stroke-linecap:round;stroke-linejoin:round;cursor:pointer}.studio-material-path.selected{filter:drop-shadow(0 0 1px #17313b47)}.studio-material-circle{cursor:pointer}.studio-edge-label circle{fill:#fff;stroke:#17313b70;stroke-width:1px}.studio-edge-label text{fill:var(--ink);text-anchor:middle;pointer-events:none;font-size:9px;font-weight:800}.studio-handles line{stroke:#b4552d9e;stroke-width:1.4px;stroke-dasharray:4 4}.studio-handles circle{cursor:grab;stroke-width:2px}.studio-handles circle:active{cursor:grabbing}.studio-handles .anchor{fill:#fff;stroke:var(--accent)}.studio-handles .control{fill:var(--accent);stroke:#fff}.studio-circular-path-handles polyline{fill:none;stroke:#b4552d9e;stroke-width:1.4px;stroke-dasharray:4 4}.studio-circular-path-handles text{fill:var(--accent);text-anchor:middle;pointer-events:none;font-size:9px;font-weight:900}.studio-canvas-legend{color:var(--ink-soft);border-top:1px solid #586973;flex-wrap:wrap;gap:18px;margin-top:0;padding:9px 18px 0;font-size:.78rem;display:flex}.studio-canvas-legend span{align-items:center;gap:6px;display:inline-flex}.studio-canvas-legend i{border-radius:999px;width:10px;height:10px}.legend-anchor{border:2px solid var(--accent);background:#fff}.legend-control{background:var(--accent)}.legend-port{border:1px solid var(--ink);background:#fff}.studio-lower-grid{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}.studio-cluster-preview{border:1px solid var(--line);background:#fffdf8;border-radius:18px;width:100%;max-height:430px;display:block}.studio-mirror-label{fill:#fff;stroke:var(--accent);stroke-width:4px;paint-order:stroke;text-anchor:middle;font-size:12px;font-weight:900}.studio-flip-key{color:var(--ink-soft);letter-spacing:0;text-transform:none;align-items:center;gap:3px;margin-top:9px;font-size:.7rem;font-weight:500;display:inline-flex}.studio-flip-key b{color:var(--accent);font-size:.76rem}.panel.studio-surface{--studio-shell:#e5edef;--studio-panel:#f2f6f7;--studio-raised:#dce7ea;--studio-card:#f7f9f9;--studio-card-hover:#fff;--studio-border:#9babb2;--studio-border-soft:#17313b24;--studio-text:#17313b;--studio-muted:#58707a;--studio-accent:#b4552d;--studio-accent-soft:#b4552d21;--studio-input:#fff;--studio-control:#d9e4e7;--studio-control-hover:#c9dadd;--studio-label:#526b75;--studio-subtle-text:#667d86;--studio-accent-text:#8a4327;border:1px solid var(--studio-border);background:var(--studio-shell);color:var(--studio-text);box-shadow:none;border-radius:0}html[data-theme=dark] .panel.studio-surface{--studio-shell:#172630;--studio-panel:#20333e;--studio-raised:#2a3e49;--studio-card:#223741;--studio-card-hover:#29434f;--studio-border:#41525b;--studio-border-soft:#e1edef1f;--studio-text:#edf4f5;--studio-muted:#adbdc4;--studio-accent:#d1825a;--studio-accent-soft:#d1825a2e;--studio-input:#13232c;--studio-control:#2b404b;--studio-control-hover:#304752;--studio-label:#9fb0b8;--studio-subtle-text:#b8c5ca;--studio-accent-text:#ffc29f}.studio-surface button,.studio-surface input,.studio-surface select{font:inherit}.studio-library-note{border-bottom:1px solid var(--studio-border-soft);color:var(--studio-muted);margin:-4px 0 18px;padding-bottom:14px;font-size:.8rem;line-height:1.5}.studio-library-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.studio-library-empty{border:1px dashed var(--studio-border);color:var(--studio-muted);text-align:center;border-radius:6px;grid-column:1/-1;margin:0;padding:22px;font-size:.82rem}.studio-design-card{border:1px solid var(--studio-border-soft);background:var(--studio-card);cursor:pointer;border-radius:6px;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px;padding:9px;transition:border-color .14s,box-shadow .14s,background .14s;display:grid}.studio-design-card:hover,.studio-design-card:focus-visible{background:var(--studio-card-hover);border-color:#d1825a9e;outline:none}.studio-design-card.selected{border-color:var(--studio-accent);background:var(--studio-accent-soft);box-shadow:inset 3px 0 var(--studio-accent)}.studio-mini-design{background:#fffdf8;border:1px solid #e1edef29;border-radius:4px;width:66px;height:58px}.studio-design-card strong,.studio-design-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-design-card small{color:var(--studio-muted);margin-top:3px;font-size:.68rem}.studio-card-actions{grid-column:1/-1}.studio-surface .studio-card-actions button{border:1px solid var(--studio-border);background:var(--studio-control);color:var(--studio-text);border-radius:4px;padding:5px 8px;font-size:.68rem}.studio-surface .studio-card-actions button:hover{border-color:var(--studio-accent);background:var(--studio-control-hover)}.studio-library-actions{border-top:1px solid var(--studio-border-soft);flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px;display:flex}.studio-library-actions .button{border:1px solid var(--studio-border);background:var(--studio-control);min-height:34px;color:var(--studio-text);box-shadow:none;border-radius:5px;padding:7px 11px}.studio-library-actions .button:hover:not(:disabled){border-color:var(--studio-accent);background:var(--studio-control-hover)}.studio-library-actions .button-green:not(:disabled){color:#fff;background:#286c61;border-color:#4f917f}.studio-library-actions .button-ink:not(:disabled){color:#fff;background:#294f75;border-color:#567da5}.studio-library-actions .button:disabled{opacity:.65}.studio-file-input{display:none}.studio-layout.studio-builder-shell{background:var(--studio-shell);box-shadow:none;border:0;border-radius:0;grid-template-columns:286px minmax(0,1fr) 248px;overflow:hidden}.studio-top-toolbar{color:var(--studio-text);background:var(--studio-panel);border-bottom:1px solid var(--studio-border);grid-column:1/-1}.studio-toolbar-row{align-items:stretch;min-width:0;display:flex}.studio-toolbar-main{border-bottom:1px solid var(--studio-border-soft);background:var(--studio-shell);align-items:center;gap:18px;min-height:58px;padding:8px 12px}.studio-toolbar-identity{align-items:center;gap:10px;min-width:210px;display:flex}.studio-product-mark{color:#f4a273;border:1px solid #c87951;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:1.1rem;display:grid}.studio-toolbar-identity div{gap:2px;display:grid}.studio-toolbar-identity strong{letter-spacing:.1em;text-transform:uppercase;font-size:.8rem}.studio-toolbar-identity small,.studio-toolbar-label{color:#9fb0b8;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.studio-toolbar-name{flex:1;align-items:center;gap:10px;min-width:240px;max-width:420px;display:flex}.studio-toolbar-name>span{color:#9fb0b8;white-space:nowrap;font-size:.72rem}.studio-top-toolbar input,.studio-top-toolbar select{color:#edf4f5;background:#13232c;border:1px solid #52646d;border-radius:4px;min-width:0;padding:7px 9px}.studio-toolbar-name input{height:34px}.studio-family-switch{color:#9fb0b8;letter-spacing:.06em;text-transform:uppercase;gap:3px;font-size:.62rem;display:grid}.studio-family-switch select{min-width:116px;height:34px}.studio-toolbar-group{border-right:1px solid #e1edef24;align-items:center;gap:6px;padding:9px 13px 18px;display:flex;position:relative}.studio-toolbar-main .studio-toolbar-group{border:0;margin-left:auto;padding:0}.studio-toolbar-label{text-align:center;position:absolute;bottom:3px;left:10px;right:10px}.studio-top-toolbar button{color:#edf4f5;cursor:pointer;background:#2b404b;border:1px solid #52646d;border-radius:4px;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:.72rem;display:inline-flex}.studio-top-toolbar button:hover,.studio-top-toolbar button.primary{background:#a94f2d;border-color:#d1825a}.studio-top-toolbar button:disabled{opacity:.42;cursor:not-allowed}.studio-top-toolbar button.danger{color:#ffc7c0;border-color:#8f5a55;margin-left:auto}.studio-toolbar-settings label,.studio-toolbar-templates label{align-items:center;gap:6px;font-size:.68rem;display:flex}.studio-toolbar-templates select{cursor:pointer;width:174px}.studio-toolbar-color input[type=color]{cursor:pointer;width:34px;height:34px;padding:3px}.studio-toolbar-snap select{width:66px}.studio-toolbar-grid-mode select{width:108px}.studio-toolbar-grid-block{position:relative}.studio-toolbar-grid-controls{box-sizing:border-box;background:#ffffff09;border:1px solid #9fb0b847;border-radius:5px;align-items:center;gap:4px;height:34px;padding:0 4px;display:flex}.studio-toolbar-grid-controls .studio-toolbar-snap{border-left:1px solid #9fb0b847;padding-left:5px}.studio-toolbar-toggle{cursor:pointer;place-items:center;min-width:50px;position:relative;gap:0!important;display:grid!important}.studio-toolbar-toggle input{opacity:0;position:absolute}.studio-toolbar-toggle>span{color:#9fb0b8;border:1px solid #52646d;border-radius:4px;place-items:center;width:32px;height:27px;font-size:1rem;display:grid}.studio-toolbar-toggle input:checked+span{color:#ffc29f;background:#d1825a33;border-color:#d1825a}.studio-toolbar-edge-number>span{border:1px solid;border-radius:50%;place-items:center;width:15px;height:15px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.62rem;font-weight:700;line-height:1;display:grid}.studio-toolbar-toggle small{color:#b8c5ca;margin-top:2px;font-size:.6rem}.studio-context-bar{border-left:1px solid var(--studio-border);background:var(--studio-raised);scrollbar-width:thin;flex-direction:column;grid-column:3;align-self:stretch;align-items:stretch;gap:12px;min-height:0;padding:16px;display:flex;overflow:hidden auto}.studio-context-type{border:1px solid var(--studio-accent);color:#ffc29f;flex:none;place-items:center;width:29px;height:29px;display:grid}.studio-context-heading{flex-direction:column;gap:12px;display:flex}.studio-context-heading>strong{color:#edf4f5;letter-spacing:.06em;text-transform:uppercase;min-width:0;font-size:.72rem}.studio-context-bar label{color:#b8c5ca;white-space:nowrap;flex-direction:column;align-items:stretch;gap:6px;min-width:0;font-size:.66rem;display:flex}.studio-context-bar label input,.studio-context-bar label select{min-width:0;max-width:none}.studio-inspector-content{gap:10px;min-width:0;display:grid}.studio-widget-group{background:#13232c57;border:1px solid #9fb0b83d;border-radius:7px;gap:10px;min-width:0;padding:10px;display:grid}.studio-widget-group h3{color:#ffc29f;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.66rem}.studio-widget-grid{gap:10px;min-width:0;display:grid}.studio-context-bar .studio-widget-field{color:#c6d2d7;white-space:normal;gap:5px;min-width:0;font-size:.65rem;display:grid}.studio-widget-label{color:#aebdc4;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-widget-field>input[type=text],.studio-widget-field>select{box-sizing:border-box;color:#edf4f5;width:100%;height:32px;font:inherit;background:#13232c;border:1px solid #52646d;border-radius:5px;padding:5px 8px}.studio-context-bar .studio-widget-color{background:#ffffff06;border:1px solid #9fb0b838;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:32px;padding:0 0 0 8px;display:grid}.studio-widget-color input[type=color]{box-sizing:border-box;cursor:pointer;background:#13232c;border:0;border-left:1px solid #9fb0b838;border-radius:0 5px 5px 0;width:36px;min-width:36px;height:32px;padding:4px}.studio-widget-range{gap:5px}.studio-widget-range-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.studio-widget-range-head output,.studio-widget-range-head input[type=number]{box-sizing:border-box;color:#edf4f5;text-align:center;background:#13232c;border:1px solid #9fb0b847;border-radius:999px;width:52px;min-width:52px;padding:2px 5px;font:.62rem ui-monospace,SFMono-Regular,Menlo,monospace}.studio-widget-range>input[type=range]{accent-color:#d1825a;width:100%;height:16px;margin:0;padding:0}.studio-context-bar .studio-widget-toggle{cursor:pointer;background:#ffffff06;border:1px solid #9fb0b838;border-radius:5px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:32px;padding:0 8px;display:grid}.studio-widget-switch{display:inline-flex;position:relative}.studio-widget-switch input{opacity:0;position:absolute}.studio-widget-switch span{background:#52646d;border-radius:999px;width:30px;height:17px;transition:background .14s}.studio-widget-switch span:after{content:"";background:#edf4f5;border-radius:50%;width:11px;height:11px;transition:transform .14s;position:absolute;top:3px;left:3px}.studio-widget-switch input:checked+span{background:#c86f47}.studio-widget-switch input:checked+span:after{transform:translate(13px)}.studio-widget-toggle b{color:#ffc29f;font-size:.9rem}.studio-widget-actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;padding-top:2px;display:flex}.studio-widget-actions button{color:#edf4f5;cursor:pointer;background:#304852;border:1px solid #52646d;border-radius:5px;flex:auto;min-height:30px;padding:5px 8px;font-size:.65rem}.studio-widget-actions button:hover{background:#3a5360;border-color:#d1825a}.studio-widget-actions button:disabled{opacity:.42;cursor:not-allowed}.studio-widget-actions button.danger{color:#ffc7c0;background:#8f413738;border-color:#d5786c85}.studio-widget-metric,.studio-widget-help{color:#b8c5ca;background:#ffffff09;border-radius:5px;min-width:0;margin:0;padding:7px 8px;font:.64rem ui-monospace,SFMono-Regular,Menlo,monospace}.studio-widget-metric.warning{color:#ffc29f}.studio-widget-outline-group{border-color:#d1825a7a}.studio-context-range{min-width:0!important}.studio-context-range input{accent-color:#d1825a;width:100%;padding:0}.studio-context-range-label{justify-content:space-between;align-items:center;gap:6px;display:flex}.studio-context-range-label input[type=number]{box-sizing:border-box;color:#edf4f5;width:58px;min-width:58px;font:inherit;text-align:right;background:#13232c;border:1px solid #52646d;border-radius:4px;padding:3px 5px}.studio-context-color{justify-content:space-between;flex-direction:row!important;align-items:center!important;min-width:0!important}.studio-context-color input[type=color]{cursor:pointer;width:34px;min-width:34px;height:30px;padding:3px}.studio-context-outline-group{background:#13232c4d;border:1px solid #d1825a7a;border-radius:5px;gap:12px;padding:12px;display:grid}.studio-context-outline-group>strong{color:#ffc29f;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.studio-context-check{flex-direction:row!important;align-items:center!important;min-width:0!important}.studio-context-check input{width:16px}.studio-bend-switch{justify-content:space-between;flex-direction:row!important;align-items:center!important;display:flex!important}.studio-bend-switch input{accent-color:#d1825a;cursor:pointer;height:16px;margin-left:auto;width:16px!important}.studio-bend-switch b{color:#ffc29f;text-align:right;width:18px}.studio-context-bar>button{width:100%}.studio-secondary-settings{border-top:1px solid #adbdc442;gap:10px;margin-top:4px;padding-top:10px;display:grid}.studio-secondary-settings summary{color:#9fb0b8;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;font-size:.66rem}.studio-secondary-settings:not([open])>:not(summary){display:none}.studio-context-measure,.studio-context-help{color:#b8c5ca;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.studio-context-measure.warning{color:#ffc29f}.studio-tool-menu{border-right:1px solid var(--studio-border);background:var(--studio-panel);min-height:680px;color:var(--studio-text);flex-direction:column;padding:0;display:flex}.studio-tree-header{border-bottom:1px solid #41525b;justify-content:space-between;align-items:center;gap:12px;padding:16px 14px 12px;display:flex}.studio-tree-header span:first-child{color:#91a4ad;letter-spacing:.1em;text-transform:uppercase;font-size:.62rem}.studio-tree-header h2{color:#eef4f5;margin:2px 0 0;font-size:.8rem}.studio-tree-mode{background:#172630;border:1px solid #41525b;border-radius:4px;gap:3px;padding:2px;display:inline-flex}.studio-tree-mode button{color:#91a4ad;cursor:pointer;background:0 0;border:0;border-radius:2px;place-items:center;width:27px;height:25px;padding:0;display:grid}.studio-tree-mode button.active{color:#ffc29f;background:#3a515d}.studio-tree{flex:1;padding:10px 8px;overflow-y:auto}.studio-tree button,.studio-tree summary{color:#d6e0e3;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:3px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;padding:7px 8px;font-size:.72rem;list-style:none;display:grid}.studio-tree summary::-webkit-details-marker{display:none}.studio-tree summary:before{content:"›";color:#81949d;margin-left:-2px;position:absolute;transform:rotate(0)}.studio-tree details[open] summary:before{transform:rotate(90deg)}.studio-tree button:hover,.studio-tree button.active{background:#304752}.studio-tree button.active{color:#fff;box-shadow:inset 3px 0 #d1825a}.studio-tree button small,.studio-tree summary small{color:#91a4ad;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.studio-tree-root{margin-bottom:7px;border-bottom:1px solid #e1edef1a!important;border-radius:0!important;padding-bottom:11px!important}.studio-tree-children{border-left:1px solid #41525b;margin:0 0 4px 17px;padding-left:7px}.studio-layer-stack{gap:3px;display:grid}.studio-layer-stack-label{color:#81949d;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:3px 8px 6px;font-size:.58rem;display:flex}.studio-layer-stack-label.bottom{border-top:1px solid #e1edef14;padding-top:6px}.studio-layer-stack-label small{text-align:right;max-width:17ch;font-size:.54rem;line-height:1.25}.studio-layer-row{border-radius:3px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.studio-layer-row:hover,.studio-layer-row.active{background:#304752}.studio-layer-row.active{box-shadow:inset 3px 0 #d1825a}.studio-tree .studio-layer-select{box-shadow:none;background:0 0;grid-template-columns:20px minmax(0,1fr)}.studio-tree .studio-layer-select small{text-transform:uppercase;grid-column:2;margin-top:-5px;font-family:inherit}.studio-layer-actions{gap:2px;padding-right:5px;display:flex}.studio-tree .studio-layer-actions button{color:#b8c5ca;border:1px solid #52646d;place-items:center;width:25px;height:25px;padding:0;display:grid}.studio-tree .studio-layer-actions button:disabled{opacity:.25;cursor:not-allowed}.studio-tree-footer{color:#91a4ad;border-top:1px solid #41525b;min-height:54px;padding:10px 14px;font-size:.7rem}.studio-tree-footer p{margin:0}.studio-port-summary{align-items:baseline;gap:7px;display:flex}.studio-port-summary strong{color:#6fc3ad}.studio-workbench{background:var(--studio-panel);color:var(--studio-text);padding:0 0 16px;position:relative}.studio-transform-dock{z-index:8;pointer-events:none;position:absolute;bottom:52px;left:30px}.studio-transform-widget{width:190px;color:var(--ink);pointer-events:auto;cursor:zoom-in;background:#fffdf8f5;border:1px solid #17313b3d;border-radius:7px;padding:8px;position:relative;box-shadow:0 10px 28px #0511173d}.studio-transform-toggle{z-index:2;width:25px;height:25px;color:var(--ink);cursor:pointer;background:#fffdf8e6;border:1px solid #17313b47;border-radius:4px;place-items:center;padding:0;font-size:.75rem;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #05111724}.studio-transform-widget .studio-cluster-preview{border-radius:4px}.studio-transform-widget .studio-flip-key{margin-top:5px;font-size:.58rem}.studio-transform-dock.expanded{pointer-events:auto;background:#0e1f27b8;place-items:center;padding:20px;display:grid;inset:0}.studio-transform-dock.expanded .studio-transform-widget{cursor:default;border-radius:10px;width:min(760px,94%);max-height:94%;padding:14px;box-shadow:0 24px 70px #0511176b}.studio-transform-dock.expanded .studio-flip-key{font-size:.7rem}.studio-workbench .studio-panel-heading h2{color:var(--studio-text)}.studio-workbench .studio-panel-heading p,.studio-workbench .studio-canvas-legend{color:var(--studio-muted)}.studio-workbench .studio-canvas{width:min(100%,1120px);height:auto;min-height:0;box-shadow:none;border:0;border-radius:0;margin-inline:0}.studio-surface .studio-top-toolbar input,.studio-surface .studio-top-toolbar select,.studio-surface .studio-context-bar input:not([type=range]):not([type=checkbox]):not([type=color]),.studio-surface .studio-context-bar select{border-color:var(--studio-border);background:var(--studio-input);color:var(--studio-text)}.studio-surface .studio-top-toolbar button,.studio-surface .studio-widget-actions button{border-color:var(--studio-border);background:var(--studio-control);color:var(--studio-text)}.studio-surface .studio-top-toolbar button:hover,.studio-surface .studio-widget-actions button:hover:not(:disabled){border-color:var(--studio-accent);background:var(--studio-control-hover)}.studio-surface .studio-top-toolbar button.primary{border-color:var(--studio-accent);background:var(--studio-accent);color:#fff}.studio-surface .studio-toolbar-name>span,.studio-surface .studio-toolbar-label,.studio-surface .studio-widget-label,.studio-surface .studio-context-bar label,.studio-surface .studio-tree-header span:first-child,.studio-surface .studio-tree button small,.studio-surface .studio-tree summary small{color:var(--studio-label)}.studio-surface .studio-toolbar-toggle>span,.studio-surface .studio-toolbar-grid-controls,.studio-surface .studio-widget-color,.studio-surface .studio-widget-toggle,.studio-surface .studio-widget-group{border-color:var(--studio-border-soft);background:color-mix(in srgb, var(--studio-control) 45%, transparent);color:var(--studio-text)}.studio-surface .studio-toolbar-toggle input:checked+span,.studio-surface .studio-context-type{border-color:var(--studio-accent);color:var(--studio-accent-text)}.studio-surface .studio-widget-range-head output,.studio-surface .studio-widget-range-head input[type=number],.studio-surface .studio-widget-color input[type=color]{border-color:var(--studio-border-soft);background:var(--studio-input);color:var(--studio-text)}.studio-surface .studio-widget-group h3,.studio-surface .studio-widget-toggle b{color:var(--studio-accent-text)}.studio-surface .studio-widget-help,.studio-surface .studio-widget-metric{color:var(--studio-subtle-text)}.studio-surface .studio-tree-header,.studio-surface .studio-tree-footer,.studio-surface .studio-canvas-legend{border-color:var(--studio-border)}.studio-surface .studio-tree button,.studio-surface .studio-tree summary{color:var(--studio-text)}.studio-surface .studio-tree button:hover,.studio-surface .studio-tree button.active,.studio-surface .studio-layer-row:hover,.studio-surface .studio-layer-row.active{background:var(--studio-control-hover)}.studio-surface .studio-tree-mode,.studio-surface .studio-tree-mode button{border-color:var(--studio-border);background:var(--studio-control);color:var(--studio-text)}.studio-surface .studio-tree-mode button.active{background:var(--studio-accent-soft);color:var(--studio-accent-text)}@media (max-width:1120px){.studio-lower-grid{grid-template-columns:1fr}.studio-layout.studio-builder-shell{grid-template-columns:210px minmax(0,1fr)}.studio-toolbar-ribbon{flex-wrap:wrap;overflow:visible}.studio-toolbar-ribbon .studio-toolbar-group{flex:auto;justify-content:center}.studio-context-bar{border-bottom:1px solid #41525b;border-left:0;flex-flow:wrap;grid-area:2/1/auto/-1;align-items:flex-start;gap:10px 14px;min-height:0;padding:12px 14px;overflow:visible}.studio-context-heading{flex-direction:row;flex:0 0 29px;align-self:flex-start;align-items:center;gap:0}.studio-context-heading>strong{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.studio-inspector-content{flex:520px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.studio-widget-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.studio-widget-help{align-self:stretch}.studio-tool-menu{grid-area:3/1;min-height:0}.studio-workbench{grid-area:3/2}.studio-toolbar-identity{min-width:170px}.studio-toolbar-name{min-width:180px}}@media (max-width:780px){.studio-layout.studio-builder-shell,.studio-intro{grid-template-columns:1fr}.studio-context-bar{grid-area:2/1}.studio-intro{gap:14px}.studio-tool-menu{border-bottom:1px solid #41525b;border-right:0;grid-area:3/1;min-height:auto;max-height:330px}.studio-toolbar-main{flex-wrap:wrap}.studio-toolbar-identity{min-width:140px}.studio-toolbar-name{flex-basis:100%;order:3;min-width:min(220px,100%)}.studio-toolbar-main .studio-toolbar-actions{margin-left:auto}.studio-panel-heading{display:grid}.studio-panel-heading p{text-align:left}.studio-canvas{min-height:420px}.studio-workbench{grid-area:4/1}}.topbar{margin-bottom:34px}.brand-heading{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:12px;font-size:.98rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;background-color:#0000;width:46px;height:46px}.brand-copy{line-height:1}.brand-separator{background:var(--line);flex:none;width:1px;height:1em}.page-title{letter-spacing:.02em;max-width:none;color:var(--ink-soft);margin:0;font-size:.98rem;font-weight:500;line-height:1.2}.topnav,.footer-nav{flex-wrap:wrap;gap:14px;display:flex}.topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:inline-flex}.global-controls{align-items:center;gap:6px;display:inline-flex}.theme-toggle{border:1px solid var(--line);background:var(--surface-glass);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;padding:0;transition:border-color .14s,background .14s,transform .14s;display:grid}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--accent);background:var(--surface-hover);outline:none}.theme-toggle:active{transform:scale(.94)}.theme-toggle-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:none}html[data-theme-preference=light] .theme-toggle-icon:first-child,html[data-theme-preference=dark] .theme-toggle-icon:nth-child(2),html[data-theme-preference=auto] .theme-toggle-icon:nth-child(3){display:block}.theme-toggle-auto-fill{fill:currentColor;stroke:none}.mobile-menu-toggle{display:none}.lang-switch{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.lang-switch-control{align-items:center;gap:4px;padding:0;display:inline-flex}.lang-switch-control:hover,.lang-switch-control:focus-within{background:0 0}.lang-flag{font-size:1rem;line-height:1}.lang-toggle{color:var(--ink);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;align-items:center;gap:6px;padding:5px 3px 4px;font-weight:600;transition:border-color .14s,color .14s;display:inline-flex}.lang-toggle:hover,.lang-toggle:focus-visible{border-bottom-color:var(--accent);color:var(--accent);outline:none}.lang-code{line-height:1}.navlink{color:var(--ink-soft);text-decoration:none}.navlink.active{color:var(--ink)}.shop-nav-label,.sponsors-nav-label,.studio-nav-label{align-items:center;gap:5px;display:inline-flex}.shop-nav-icon,.sponsors-nav-heart,.studio-nav-icon{flex:none;width:.9em;height:.9em}.shop-nav-icon{fill:#c98b2e}.sponsors-nav-heart{fill:var(--accent)}.studio-nav-icon{fill:none;stroke:#3c7894;stroke-width:1.7px}.page{flex:1 0 auto;align-content:start;gap:28px;display:grid}.hero{gap:18px;display:grid}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:end}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.8rem}h1{letter-spacing:-.04em;max-width:11ch;margin:0;font-size:clamp(2.6rem,7vw,5.8rem);line-height:.92}.lede{max-width:60ch;color:var(--ink-soft);margin:0;font-size:1.06rem;line-height:1.65}.home-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:center;gap:32px;padding:20px 4px;display:grid}.home-intro-copy{color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.65}.home-intro-tools{border-left:1px solid var(--line);padding-left:32px}.home-intro-workflow strong,.home-intro-tools strong{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:5px;font-size:.78rem;display:block}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px}.hero-note,.prose-panel{padding:22px}.hero-note strong,.controls-panel h2,.preview-panel h2,.prose-panel h2{letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;font-size:1rem;display:block}.hero-note p,.prose-panel p,.prose-panel li{color:var(--ink-soft);margin:0;line-height:1.7}.card-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;display:grid}.feature-card{align-content:start;gap:14px;min-height:280px;padding:28px;display:grid;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:.2;filter:blur(12px);border-radius:999px;width:220px;height:220px;position:absolute;inset:auto -20% -28% auto}.feature-einstein:before{background:radial-gradient(circle,#b4552df2 0%,#b4552d00 70%)}.feature-spectre:before{background:radial-gradient(circle,#1f6a5df2 0%,#1f6a5d00 70%)}.feature-penrose:before{background:radial-gradient(circle,#204f7ae6 0%,#204f7a00 70%)}.feature-sponsors:before{background:radial-gradient(circle,#d8b24cf2 0%,#d8b24c00 70%)}.feature-card h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3.2vw,2.4rem)}.feature-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:.74rem}.feature-card p{color:var(--ink-soft);margin:0;line-height:1.65}.tag{letter-spacing:.08em;text-transform:uppercase;background:#17313b14;border-radius:999px;width:fit-content;padding:7px 12px;font-size:.8rem;display:inline-flex}.feature-spacer{min-height:28px}.tile-example{pointer-events:none;opacity:.92;flex:none;width:138px;height:104px;position:relative}.feature-card-footer{justify-content:space-between;align-items:center;min-width:0;display:flex}.monotile-card .feature-spacer,.feature-penrose .feature-spacer{min-height:2px}.tile-example svg{width:100%;height:100%;display:block;overflow:visible}.tile-example-shadow{fill:#17313b17;stroke:none}.einstein-tile,.spectre-tile,.penrose-tile{stroke:#17313bc7;stroke-width:1.5px;stroke-linejoin:round}.einstein-tile{fill:#d18047d6}.einstein-flip{transform-box:fill-box;transform-origin:50%;animation:8s cubic-bezier(.4,0,.2,1) infinite einstein-flip}.spectre-tile{fill:#4e8f7fdb}.penrose-tile{transform-box:view-box;transform-origin:80px 60px}.penrose-kite{fill:#d8b24ce6;animation:8s cubic-bezier(.4,0,.2,1) infinite penrose-kite-assemble}.penrose-dart{fill:#204f7ae0;animation:8s cubic-bezier(.4,0,.2,1) infinite penrose-dart-assemble}.monotile-card>h2,.monotile-card>p,.monotile-card>a,.feature-penrose>h2,.feature-penrose>p,.feature-penrose>a,.feature-penrose>.panel-kicker{z-index:1;position:relative}@keyframes penrose-kite-assemble{0%,12%{opacity:.58;transform:translate(-24px,10px)rotate(-10deg)}28%,76%{opacity:1;transform:translate(0)rotate(0)}92%,to{opacity:.58;transform:translate(-24px,10px)rotate(-10deg)}}@keyframes einstein-flip{0%,18%{transform:scaleX(1)}38%,68%{transform:scaleX(-1)}88%,to{transform:scaleX(1)}}@keyframes penrose-dart-assemble{0%,20%{opacity:.58;transform:translate(26px,-12px)rotate(12deg)}38%,76%{opacity:1;transform:translate(0)rotate(0)}92%,to{opacity:.58;transform:translate(26px,-12px)rotate(12deg)}}@media (prefers-reduced-motion:reduce){.einstein-flip,.penrose-tile{opacity:1;animation:none}}.generator-layout{grid-template-columns:440px 1fr;gap:24px;display:grid}.credits-layout{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:24px;display:grid}.credits-product,.credits-delivery{padding:28px}.credits-product h2{margin-bottom:8px}.credits-price{color:var(--accent-strong);margin:24px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,7vw,5rem);line-height:1}.credits-benefits{color:var(--ink-soft);gap:10px;margin:24px 0;padding-left:20px;display:grid}.credits-code-list{grid-template-columns:1fr 1fr;gap:10px 28px;margin:22px 0;padding-left:30px;display:grid}.credits-code-list code{color:var(--ink);font-size:.88rem}.credit-redeem{border-top:1px solid #17313b1f;gap:12px;margin-top:22px;padding-top:20px;display:grid}.credit-redeem h3,.credit-redeem p{margin:0}.controls-panel,.preview-panel{padding:22px}.grid{grid-template-columns:1fr 1fr;gap:14px 12px;display:grid}label{gap:6px;font-size:.92rem;display:grid}.full{grid-column:1/-1}input,select{background:var(--surface-glass-strong);width:100%;color:var(--ink);border:1px solid #17313b2e;border-radius:14px;padding:12px 14px}.color-field{gap:8px}.color-input-wrap{position:relative}.color-input-wrap input{padding-left:44px}.color-chip{background-image:linear-gradient(45deg,#17313b0f 25%,#0000 25%),linear-gradient(-45deg,#17313b0f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#17313b0f 75%),linear-gradient(-45deg,#0000 75%,#17313b0f 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border:1px solid #17313b2e;border-radius:999px;width:20px;height:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff80}.color-chip-none{background-color:#fff;background-image:conic-gradient(#17313b38 25%, #fff 0 50%, #17313b38 0 75%, #fff 0);background-position:0 0;background-size:8px 8px}.field-pair,.swatches{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkbox{align-items:center;gap:10px;margin-top:4px;display:flex}.checkbox input{width:18px;height:18px;margin:0}.actions-row{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.button{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:13px 18px;font-weight:700;text-decoration:none;transition:transform .14s,opacity .14s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.sponsor-cta:disabled{filter:blur(1.1px);opacity:.72}.button-green{background:linear-gradient(135deg, var(--accent-green) 0%, #4e8f7f 100%)}.monotile-group .group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 12px;font-size:.9rem}.monotile-row{align-items:stretch;gap:18px;display:flex}.monotile-sep{border-left:2px dotted #17313b1f;width:1px;margin:8px}.card-cta svg{display:block}.monotile-merged{grid-template-rows:auto minmax(0,1fr);align-content:stretch;height:100%;min-height:220px;padding:20px}.monotile-merged,.feature-penrose{min-height:336px}.feature-penrose{grid-template-rows:auto auto auto minmax(0,1fr) auto;align-content:stretch;height:100%;padding-bottom:28px}.group-cards{height:100%}.monotile-inner{align-items:stretch;gap:20px;display:flex}.monotile-card{flex:1 1 0;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;gap:10px;padding:8px 18px;display:grid;position:relative}.monotile-card h2{margin:-11px 0 6px;font-size:clamp(1.8rem,3.2vw,2.4rem)}.panel-kicker{margin-bottom:10px}.feature-card .group-title{letter-spacing:.08em;text-transform:uppercase;color:#17313b8f;font-size:.78rem;display:inline-block}.monotile-card+.monotile-card:before{content:"";border-left:2px dotted #17313b1f;position:absolute;top:12px;bottom:12px;left:0}.feature-card .card-cta{background:var(--cta-color,var(--accent));color:#fff;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 6px 18px #17313b14}.feature-card a.button{background:0 0;padding:0;display:inline-block}.card-cta svg path{stroke:#fff}.monotile-card p{color:var(--ink-soft);margin:0}.button-ink{background:linear-gradient(135deg, var(--accent-ink) 0%, #4e6d8d 100%)}.button-gold{background:linear-gradient(135deg,#d8b24c 0%,#c98b2e 100%)}.button-muted{color:var(--ink);background:#17313b14}.button.small{padding:10px 14px}.preview-panel{flex-direction:column;gap:16px;min-height:620px;display:flex}.preview-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-panel .preview-heading h2{margin:0}.render-actions{align-items:center;gap:8px;display:flex}.render-control,.hint-anchor{position:relative}.hint-popup{z-index:4;background:var(--ink);width:min(260px,72vw);color:var(--bg);pointer-events:none;border:1px solid #f08f6073;border-radius:14px;padding:12px 14px;font-size:.88rem;line-height:1.4;animation:.18s ease-out both hint-popup-in;position:absolute;bottom:calc(100% + 14px);right:0;box-shadow:0 14px 36px #05161c3d}.hint-popup:after{content:"";border:8px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;right:24px}@keyframes hint-popup-in{0%{opacity:0;transform:translateY(5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.hint-popup{animation:none}}.render-button,.actions-row .button{gap:8px}.button-icon,.render-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.render-action{border:1px solid var(--line);background:var(--surface-glass);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;padding:0;text-decoration:none;transition:transform .14s,border-color .14s,color .14s;display:grid}.render-action:hover{border-color:var(--accent-green);color:var(--accent-green);transform:translateY(-1px)}.render-status{color:var(--accent-green);background:#1f6a5d17;border-radius:12px;padding:10px 12px;font-size:.9rem}.meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.status{color:var(--ink-soft)}.status-spaced{margin-top:16px}.feedback-stack{gap:8px;margin-top:16px;display:grid}.feedback-message{color:var(--ink-soft);background:#17313b0d;border:1px solid #17313b1f;border-radius:12px;align-items:center;gap:10px;margin:0;padding:10px 12px;line-height:1.35;display:flex}.feedback-icon{width:24px;height:24px;color:var(--ink);background:#17313b1f;border-radius:999px;flex:0 0 24px;place-items:center;font-weight:800;line-height:1;display:grid}.feedback-success{color:var(--accent-green);background:#1f6a5d1a;border-color:#1f6a5d3d}.feedback-success .feedback-icon{background:var(--accent-green);color:#fff}.feedback-error{color:var(--accent);background:#b4552d1a;border-color:#b4552d42}.feedback-error .feedback-icon{background:var(--accent);color:#fff}.preview-box{background-color:#0000;background-image:linear-gradient(45deg,#ffffffb3 25%,#0000 25%),linear-gradient(-45deg,#ffffffb3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffffb3 75%),linear-gradient(-45deg,#0000 75%,#ffffffb3 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px dashed #17313b38;border-radius:20px;flex:1;place-items:center;min-height:420px;display:grid;overflow:hidden}.preview-image,.preview-object{background:#fff;border:0;width:100%;height:100%}.placeholder{text-align:center;width:min(80%,420px);color:var(--ink-soft);line-height:1.6}.stack{gap:18px;display:grid}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.about-grid .prose-panel{padding:28px}.about-grid .about-intro{grid-column:1/-1}.about-grid .about-intro p{max-width:80ch;font-size:1.08rem}.about-grid .about-intro .about-version{color:var(--muted);margin-top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.about-grid .prose-panel p,.about-grid .reference-list{max-width:65ch}.preview-panel-short{min-height:unset}.sponsors-page{gap:28px;display:grid}.sponsors-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:end;column-gap:48px;padding:14px 4px 18px;display:grid}.sponsors-intro .eyebrow{align-self:start}.sponsors-intro h2{letter-spacing:-.02em;max-width:28ch;margin:6px 0 0;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.15}.sponsors-intro>p:last-child{max-width:60ch;color:var(--ink-soft);grid-area:1/2/span 2;margin:0;font-size:1rem;line-height:1.55}.sponsors-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;min-height:calc(100dvh - 400px);display:grid}.sponsor-group-panel{flex-direction:column;gap:22px;min-width:0;padding:28px;display:flex}.sponsor-group-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;min-height:80px;display:grid}.sponsor-group-heading h2{margin-bottom:8px}.sponsor-group-icon{width:38px;height:38px;color:var(--ink);background:#17313b14;border-radius:999px;place-items:center;display:grid}.sponsor-group-icon svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.sponsor-logo-placeholder{background:var(--surface-glass);min-height:108px;color:var(--ink-soft);text-align:center;border:1px dashed #17313b3d;border-radius:18px;place-items:center;padding:18px 28px;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.35;display:grid}.sponsor-logo-placeholder span{max-width:24ch}.sponsor-group-actions{margin-top:auto}.sponsor-donation-form{border-top:1px solid var(--line);margin-top:auto;padding-top:22px;display:grid}.sponsor-donation-form h2{margin-bottom:14px}.sponsor-donation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1200px){.sponsor-donation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sponsor-donation-grid>label:nth-child(3){grid-column:1/-1}}.sponsor-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.sponsor-group-panel>.sponsor-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start}.sponsor-item{border:1px solid var(--line);background:var(--surface-glass);border-radius:14px;padding:12px 14px}.sponsor-name{margin-bottom:2px;font-weight:700;display:block}.sponsor-meta{color:var(--ink-soft);font-size:.9rem;display:block}.sponsor-message{color:var(--ink-soft);margin:8px 0 0}.reference-list{margin:0;padding-left:18px}.footer{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:38px;padding-top:18px}@media (max-width:900px){.hero-grid,.card-grid,.generator-layout,.about-grid,.sponsors-grid,.sponsors-intro{grid-template-columns:1fr}.sponsors-grid{min-height:0}.sponsors-intro{gap:12px}.sponsors-intro>p:last-child{grid-area:auto/1}.sponsor-group-heading{min-height:0}.credits-layout,.credits-code-list{grid-template-columns:1fr}.home-intro{grid-template-columns:1fr;gap:16px}.home-intro-tools{border-top:1px solid var(--line);border-left:none;padding-top:16px;padding-left:0}.monotile-merged,.feature-penrose{min-height:280px}.preview-panel{min-height:unset}.brand{gap:10px}.brand-heading{gap:9px}.brand-mark{object-fit:contain;background-color:#0000;border-radius:12px;width:40px;height:40px}}@media (max-width:600px){.topbar{align-items:center}.mobile-menu-toggle{border:1px solid var(--line);background:var(--surface-glass);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-left:auto;padding:10px;display:inline-flex}.mobile-menu-toggle span{background:currentColor;border-radius:999px;width:17px;height:1.5px;transition:transform .16s,opacity .16s;display:block}.mobile-menu-toggle.open span:first-child{transform:translateY(5.5px)rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:last-child{transform:translateY(-5.5px)rotate(-45deg)}.topbar-right{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;align-items:stretch;gap:0;width:100%;padding:8px 14px;display:none;box-shadow:0 16px 36px #17313b1a}.topbar-right.open{display:flex}.topnav{flex-direction:column;gap:0;width:100%}.navlink{border-bottom:1px solid #17313b14;padding:9px 2px}.lang-switch{padding:10px 2px 4px}.global-controls{justify-content:space-between;width:100%;padding-top:6px}.monotile-inner{flex-direction:column;gap:28px}.monotile-card{min-height:238px}.monotile-card+.monotile-card:before{border-top:2px dotted #17313b1f;border-left:0;inset:-14px 18px auto}.monotile-merged{min-height:0}}