:root,:root:has([data-theme=light]){--s-bg: #f4f4f2;--s-surface: #fbfbfa;--s-surface-2: #ebebe8;--s-line: #dadad6;--s-text: #1e1e1d;--s-muted: #5a5a57;--s-faint: #8c8c88;--s-focus: #3d3d3b;--s-accent: #262625;--s-on-accent: #f4f4f2;--s-shadow: 0 1px 2px rgba(20, 20, 18, .06), 0 8px 24px rgba(20, 20, 18, .08);--s-scrim: rgba(30, 30, 29, .28);color-scheme:light}@media(prefers-color-scheme:dark){:root{--s-bg: #141414;--s-surface: #1b1b1b;--s-surface-2: #252525;--s-line: #323232;--s-text: #e2e2df;--s-muted: #a2a29e;--s-faint: #6f6f6c;--s-focus: #c4c4c0;--s-accent: #d6d6d2;--s-on-accent: #161616;--s-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35);--s-scrim: rgba(0, 0, 0, .45);color-scheme:dark}}:root:has([data-theme=dark]){--s-bg: #141414;--s-surface: #1b1b1b;--s-surface-2: #252525;--s-line: #323232;--s-text: #e2e2df;--s-muted: #a2a29e;--s-faint: #6f6f6c;--s-focus: #c4c4c0;--s-accent: #d6d6d2;--s-on-accent: #161616;--s-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35);--s-scrim: rgba(0, 0, 0, .45);color-scheme:dark}:root{--s-radius: 12px;font:400 15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--s-text);background:var(--s-bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:3px;text-decoration-color:var(--s-faint)}a:hover{text-decoration-color:currentColor}button{min-height:44px;padding:.65rem 1rem;border:1px solid var(--s-line);background:var(--s-surface);color:inherit;border-radius:var(--s-radius);cursor:pointer;font-weight:600}button:hover{background:var(--s-surface-2)}button:disabled{cursor:default;opacity:.5}.primary{background:var(--s-accent);color:var(--s-on-accent);border-color:transparent}.primary:hover{background:var(--s-accent);opacity:.88}:focus-visible{outline:2px solid var(--s-focus);outline-offset:2px}p{line-height:1.6}h1,h2,p{overflow-wrap:anywhere}.embed-shell{max-width:680px;margin:0 auto;padding:12px;overflow-wrap:anywhere}.node-shell{max-width:1080px}.embed-header{margin-bottom:12px;padding:16px;background:var(--s-surface);border:1px solid var(--s-line);border-radius:var(--s-radius)}.embed-header h1{font-size:1.25rem;font-weight:650;letter-spacing:-.01em;margin:.2em 0}.embed-header p{color:var(--s-muted);margin:.4em 0}.embed-handoff{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:12px;padding:12px 16px;background:var(--s-surface);border:1px solid var(--s-line);border-radius:var(--s-radius)}.embed-handoff p{width:100%;margin:0;font-weight:600}.embed-status{color:var(--s-muted);font-size:.9rem}.embed-status:empty{display:none}.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--s-muted)}.generator{max-width:1280px;margin:auto;padding:clamp(20px,5vw,64px)}.generator-heading{max-width:700px;margin-bottom:40px}.generator-heading h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:650;line-height:1.08;letter-spacing:-.035em;margin:16px 0}.generator-heading>p:last-child{max-width:590px;color:var(--s-muted);font-size:1.06rem}.generator-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}.generator-card{background:var(--s-surface);border:1px solid var(--s-line);border-radius:calc(var(--s-radius) * 1.5);padding:clamp(18px,3vw,30px);box-shadow:var(--s-shadow)}.generator form.generator-card,.generator-preview{display:grid;gap:1.15rem}.generator h2{margin:0;font-size:1.2rem;font-weight:650;letter-spacing:-.01em}.generator label{display:grid;gap:.5rem;font-size:.9rem;font-weight:600}.generator input,.generator textarea,.generator select{width:100%;min-width:0;min-height:44px;padding:.7rem .8rem;border:1px solid var(--s-line);border-radius:calc(var(--s-radius) * .66);background:var(--s-bg);color:inherit}.generator textarea{resize:vertical;overflow-wrap:anywhere;font:.78rem/1.5 ui-monospace,SF Mono,Menlo,monospace}.generator fieldset{margin:0;padding:16px;border:1px solid var(--s-line);border-radius:var(--s-radius);display:grid;gap:14px;min-width:0}.generator legend{padding:0 6px;font-size:.9rem;font-weight:600}.generator .checkbox{display:flex;align-items:flex-start;font-weight:400;gap:10px}.generator .checkbox input{width:auto;min-height:0;margin:.2rem 0 0;accent-color:var(--s-accent)}.field-help{margin:-.4rem 0 0;font-size:.82rem;color:var(--s-muted)}.included{margin:0;color:var(--s-muted);font-size:.84rem;font-weight:600}.mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mode-options label{cursor:pointer;padding:12px 8px;border:1px solid var(--s-line);border-radius:calc(var(--s-radius) * .66);font-size:.85rem}.mode-options label.selected{border-color:var(--s-text);background:var(--s-surface-2)}.mode-options input{width:auto;min-height:0;justify-self:start;accent-color:var(--s-accent);margin:0}.mode-options span{font-size:.72rem;font-weight:400;color:var(--s-muted)}.advanced-fields{display:grid;gap:14px;padding-top:16px}summary{cursor:pointer;font-size:.85rem}.generator iframe{width:100%;max-width:100%;border:1px solid var(--s-line);border-radius:var(--s-radius);background:var(--s-bg)}.preview-placeholder{border:1px dashed var(--s-line);border-radius:var(--s-radius);min-height:280px;padding:36px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--s-muted);background:var(--s-bg)}.preview-placeholder span{font-weight:600;color:var(--s-text)}.generator-preview>p{margin:0}.snippet-label{margin-top:12px}.host-dialog{padding:16px;border:1px solid var(--s-line);border-radius:calc(var(--s-radius) * 1.5);color:inherit;background:var(--s-surface);box-shadow:var(--s-shadow);max-height:calc(100dvh - 24px);width:min(960px,calc(100vw - 24px))}.host-dialog::backdrop{background:var(--s-scrim);backdrop-filter:blur(4px)}.host-dialog-drawer{width:min(480px,100vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:calc(var(--s-radius) * 1.5) 0 0 calc(var(--s-radius) * 1.5)}.dialog-toolbar{display:flex;justify-content:flex-end;margin:0 0 12px}@media(max-width:850px){.generator-layout{grid-template-columns:1fr}}@media(max-width:480px){.host-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.generator{padding:22px 12px}.embed-shell{padding:6px}}.host-dialog{height:85dvh}.host-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.host-dialog>iframe{flex:1;min-height:0;height:100%}.host-dialog .dialog-toolbar{flex-shrink:0}.host-dialog-drawer{height:100dvh}@media(max-width:480px){.host-dialog{height:100dvh}}.embed-shell.embed-surface{max-width:none;margin:0;padding:0;min-height:100dvh;--sooth-canvas-background: var(--s-surface);--sooth-page-padding: 0;--sooth-card-background: transparent;--sooth-card-border: 0;--sooth-card-radius: 0}.node-shell.embed-surface{--sooth-page-padding: initial}.embed-surface>.embed-handoff{margin:0 16px 12px}.embed-surface>.embed-status:not(:empty){margin:12px 16px}