:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--rm-mint-500:#7ebaae;--rm-mint-600:#67a99d;--rm-mint-100:#e5f2ef;--rm-mint-700:#39776d;--rm-ink-950:#101313;--rm-ink-800:#252a29;--rm-ink-600:#59615f;--rm-paper:#f3f2f3;--rm-surface:#fff;--rm-border:#d8dfdd;--rm-border-strong:#59615f;--rm-success:#39865f;--rm-warning:#c88726;--rm-error:#b74747;--rm-success-surface:#e6f3eb;--rm-warning-surface:#fff1da;--rm-error-surface:#fbeaea;--rm-on-mint:#101313;--rm-on-dark:#f3f2f3;--rm-font-display:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--rm-font-body:"Manrope", "Avenir Next", "Segoe UI", sans-serif;--rm-font-mono:"JetBrains Mono", "Cascadia Mono", "SFMono-Regular", Consolas, monospace;--rm-type-display:clamp(2.5rem, 7vw, 4.625rem);--rm-type-h2:clamp(1.75rem, 4vw, 2.5rem);--rm-type-h3:1.25rem;--rm-type-body:1rem;--rm-type-small:.8125rem;--rm-type-mono:.9375rem;--rm-space-xs:4px;--rm-space-sm:8px;--rm-space-md:16px;--rm-space-lg:24px;--rm-space-xl:32px;--rm-space-2xl:48px;--rm-radius-sm:8px;--rm-radius-md:12px;--rm-radius-lg:16px;--rm-radius-pill:999px;--rm-shadow-sm:0 1px 2px #1013131a;--rm-shadow-md:0 6px 18px #1013131f;--rm-shadow-lg:0 16px 40px #10131329;--rm-touch-target-min:44px;--rm-field-height:46px;--rm-primary-action-height:52px;--rm-content-max:68rem;--rm-focus-width:3px;--rm-grid-size-cm:50;--rm-bp-phone:599px;--rm-bp-presentation:899px;--rm-bp-tablet:1023px}
*,:before,:after{box-sizing:border-box}html{background:var(--rm-paper);min-width:320px;color:var(--rm-ink-800);font-family:var(--rm-font-body);-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%;line-height:1.55}body{background:radial-gradient(circle at 100% 0, #7ebaae2e, transparent 30rem), var(--rm-paper);min-height:100dvh;margin:0}button,input,select,textarea{font:inherit}button,.button{min-width:var(--rm-touch-target-min);min-height:var(--rm-touch-target-min);border:1px solid var(--rm-border-strong);border-radius:var(--rm-radius-sm);padding:var(--rm-space-sm) var(--rm-space-md);background:var(--rm-surface);color:var(--rm-ink-950);cursor:pointer;justify-content:center;align-items:center;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}button:hover:not(:disabled),.button:hover{background:var(--rm-mint-100)}button:active:not(:disabled),.button:active{transform:translateY(1px)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}.button--primary{border-color:var(--rm-mint-700);background:var(--rm-mint-500);color:var(--rm-on-mint);box-shadow:var(--rm-shadow-sm)}.button--primary:hover:not(:disabled){background:var(--rm-mint-600)}.button--ghost{box-shadow:none;background:0 0;border-color:#0000}.button--danger{border-color:var(--rm-error);background:var(--rm-error-surface);color:var(--rm-ink-950)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:var(--rm-field-height);border:1px solid var(--rm-border-strong);border-radius:var(--rm-radius-sm);padding:var(--rm-space-sm) var(--rm-space-md);background:var(--rm-surface);color:var(--rm-ink-950)}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--rm-mint-700)}:focus-visible{outline:var(--rm-focus-width) solid var(--rm-mint-700);outline-offset:3px}::selection{background:var(--rm-mint-100);color:var(--rm-ink-950)}a{color:var(--rm-ink-800);-webkit-text-decoration-color:var(--rm-mint-700);text-decoration-color:var(--rm-mint-700);text-underline-offset:.2em;font-weight:650;text-decoration-thickness:2px}a:hover{color:var(--rm-ink-950);text-decoration-thickness:3px}h1,h2,h3{color:var(--rm-ink-950);font-family:var(--rm-font-display);overflow-wrap:anywhere;text-wrap:balance;margin-block:0 .5em;line-height:1.1}h1{letter-spacing:-.025em;font-size:clamp(2rem,5vw,3.25rem);font-weight:700}h2{font-size:var(--rm-type-h2);letter-spacing:-.02em;font-weight:700}h3{font-size:var(--rm-type-h3);letter-spacing:-.01em;font-weight:600}p{margin-block:0 1em}code,.mono{overflow-wrap:anywhere;font-family:var(--rm-font-mono);font-size:var(--rm-type-mono);font-variant-numeric:tabular-nums}.page-shell{min-height:100dvh;padding:clamp(var(--rm-space-md), 4vw, var(--rm-space-2xl))}.content-container{width:min(100%, var(--rm-content-max));margin-inline:auto}.content-container--wide{width:min(100%,96rem);margin-inline:auto}.eyebrow{margin:0 0 var(--rm-space-sm);color:var(--rm-mint-700);font-size:var(--rm-type-small);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.lede{max-width:48rem;color:var(--rm-ink-600);font-size:clamp(1rem,2vw,1.125rem)}.hero{border-radius:var(--rm-radius-lg);padding:clamp(var(--rm-space-lg), 6vw, var(--rm-space-2xl));background:var(--rm-ink-950);color:var(--rm-on-dark);box-shadow:var(--rm-shadow-lg);position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:4rem solid #7ebaae2e;border-radius:50%;width:24rem;height:24rem;position:absolute;inset:auto -8rem -10rem auto}.hero h1,.hero a,.hero .eyebrow{color:var(--rm-on-dark)}.hero h1{max-width:13ch;font-size:var(--rm-type-display)}.hero .lede{max-width:46rem;color:var(--rm-paper)}.hero a{-webkit-text-decoration-color:var(--rm-mint-500);text-decoration-color:var(--rm-mint-500)}.hero .button--primary{color:var(--rm-on-mint)}.hero .button--ghost{border-color:var(--rm-mint-500);color:var(--rm-on-dark)}.hero .button--ghost:hover:not(:disabled){background:#7ebaae2e}.hero :focus-visible{outline-color:var(--rm-mint-500)}.header-actions,.button-row,.toolbar-actions{align-items:center;gap:var(--rm-space-sm);flex-wrap:wrap;display:flex}.hero__session{z-index:1;align-items:center;gap:var(--rm-space-md);margin-top:var(--rm-space-lg);flex-wrap:wrap;display:flex;position:relative}.mode-grid,.library-grid{gap:var(--rm-space-md);margin-top:var(--rm-space-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.mode-card,.surface-card,.library-card{border:1px solid var(--rm-border);border-radius:var(--rm-radius-md);background:var(--rm-surface);box-shadow:var(--rm-shadow-sm)}.mode-card{min-height:13rem;padding:var(--rm-space-lg);color:var(--rm-ink-800);flex-direction:column;justify-content:space-between;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.mode-card:hover{border-color:var(--rm-mint-700);box-shadow:var(--rm-shadow-md);transform:translateY(-2px)}.mode-card h2{font-size:clamp(1.35rem,3vw,1.75rem)}.mode-card p{color:var(--rm-ink-600)}.mode-card__arrow{align-self:flex-end;font-size:1.5rem;line-height:1}.badge-row{gap:var(--rm-space-sm);flex-wrap:wrap;display:flex}.badge{align-items:center;gap:var(--rm-space-xs);border:1px solid var(--rm-border);border-radius:var(--rm-radius-pill);min-height:1.75rem;padding:0 var(--rm-space-sm);background:var(--rm-paper);color:var(--rm-ink-800);font-size:var(--rm-type-small);font-weight:700;display:inline-flex}.badge--success{border-color:var(--rm-success);background:var(--rm-success-surface)}.badge--warning{border-color:var(--rm-warning);background:var(--rm-warning-surface)}.badge--error{border-color:var(--rm-error);background:var(--rm-error-surface)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--rm-space-md);margin-bottom:var(--rm-space-xl);flex-wrap:wrap;display:flex}.page-header__copy{max-width:52rem}.back-link{min-height:var(--rm-touch-target-min);margin-bottom:var(--rm-space-sm);align-items:center;display:inline-flex}.surface-card{padding:clamp(var(--rm-space-md), 3vw, var(--rm-space-lg))}.surface-card h2{font-size:var(--rm-type-h3)}.section-gap{margin-top:var(--rm-space-lg)}.legend-list{gap:var(--rm-space-sm);padding-left:var(--rm-space-lg);display:grid}.auth-shell{min-height:100dvh;padding:var(--rm-space-md);place-items:center;display:grid}.auth-card{border:1px solid var(--rm-border);border-radius:var(--rm-radius-lg);width:min(100%,28rem);padding:clamp(var(--rm-space-lg), 5vw, var(--rm-space-xl));background:var(--rm-surface);box-shadow:var(--rm-shadow-md)}.auth-card--neutral{width:min(100%,22rem)}.form-stack,.field,.stack{gap:var(--rm-space-sm);display:grid}.form-stack,.stack{gap:var(--rm-space-md)}fieldset.form-stack{border:0;min-width:0;margin:0;padding:0}.field__label{color:var(--rm-ink-800);font-size:var(--rm-type-small);font-weight:700}.field-with-unit{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.field-with-unit input{grid-area:1/1/2/3;padding-right:3.25rem!important}.field-with-unit>span{z-index:1;padding-right:var(--rm-space-md);color:var(--rm-ink-600);font-family:var(--rm-font-mono);font-size:var(--rm-type-small);pointer-events:none;grid-area:1/2}.form-grid{gap:var(--rm-space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid}.form-actions{gap:var(--rm-space-sm);flex-wrap:wrap;display:flex}.message{border-left:4px solid var(--rm-mint-700);border-radius:0 var(--rm-radius-sm) var(--rm-radius-sm) 0;padding:var(--rm-space-sm) var(--rm-space-md);background:var(--rm-mint-100);color:var(--rm-ink-950)}.message--error{border-color:var(--rm-error);background:var(--rm-error-surface)}.message--warning{border-color:var(--rm-warning);background:var(--rm-warning-surface)}.library-filters{gap:var(--rm-space-md);padding:var(--rm-space-md);border-radius:var(--rm-radius-md);background:var(--rm-mint-100);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));align-items:end;display:grid}.check-field{min-height:var(--rm-field-height);align-items:center;gap:var(--rm-space-sm);font-weight:650;display:flex}.library-card{padding:var(--rm-space-lg)}.library-card h2{font-size:1.5rem}.library-card__meta{gap:var(--rm-space-sm);margin-block:var(--rm-space-md);flex-wrap:wrap;display:flex}.generator-form{max-width:46rem}.generator-budget{border-radius:var(--rm-radius-sm);padding:var(--rm-space-md);background:var(--rm-mint-100);color:var(--rm-ink-800)}.editor-page{padding:clamp(var(--rm-space-md), 3vw, var(--rm-space-xl))}.editor-workspace{gap:var(--rm-space-md);align-items:start;display:grid}.editor-sidebar,.editor-stage-panel,.editor-inspector{min-width:0}.editor-panel{border:1px solid var(--rm-border);border-radius:var(--rm-radius-md);padding:var(--rm-space-md);background:var(--rm-surface);box-shadow:var(--rm-shadow-sm)}.editor-panel+.editor-panel{margin-top:var(--rm-space-md)}.editor-panel h2{font-size:var(--rm-type-h3)}.editor-definition-list{gap:var(--rm-space-xs) var(--rm-space-md);grid-template-columns:minmax(7rem,max-content) minmax(0,1fr);margin:0;display:grid}.editor-definition-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.editor-toolbar{justify-content:space-between;align-items:center;gap:var(--rm-space-md);margin-bottom:var(--rm-space-md);border:1px solid var(--rm-border);border-radius:var(--rm-radius-md);padding:var(--rm-space-sm);background:var(--rm-surface);box-shadow:var(--rm-shadow-sm);flex-wrap:wrap;display:flex}.editor-status{border-left:3px solid var(--rm-mint-700);min-width:min(100%,13rem);max-width:100%;padding-left:var(--rm-space-sm)}.editor-status--success{border-left-color:var(--rm-success)}.editor-status--warning{border-left-color:var(--rm-warning)}.editor-status--error{border-left-color:var(--rm-error)}.editor-status__meta{color:var(--rm-ink-600);font-family:var(--rm-font-mono);font-size:var(--rm-type-small);overflow-wrap:anywhere}.canvas-scroll{border:1px solid var(--rm-border-strong);border-radius:var(--rm-radius-sm);background:var(--rm-surface);max-width:100%;box-shadow:inset 0 0 0 1px var(--rm-border);overscroll-behavior:contain;touch-action:auto;overflow:auto}.canvas-scroll canvas{display:block}.issue-list{gap:var(--rm-space-sm);margin:0;padding:0;list-style:none;display:grid}.issue-button{width:100%;min-height:var(--rm-touch-target-min);text-align:left;display:block}.issue-button--error{border-color:var(--rm-error);background:var(--rm-error-surface)}.issue-button--warning{border-color:var(--rm-warning);background:var(--rm-warning-surface)}.issue-button__suggestion{color:var(--rm-ink-600)}.debug-table-wrap{border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);background:var(--rm-surface);max-width:100%;overflow-x:auto}.debug-table{border-collapse:collapse;min-width:100%;font-size:var(--rm-type-small)}.debug-table th,.debug-table td{border:1px solid var(--rm-border);padding:var(--rm-space-sm);text-align:left}.debug-table th{background:var(--rm-mint-100);color:var(--rm-ink-950)}@media (max-width:599px){.page-shell,.editor-page{padding:var(--rm-space-md)}.hero{border-radius:var(--rm-radius-md);padding:var(--rm-space-lg)}.mode-grid,.library-grid,.library-filters,.form-grid,.editor-workspace{grid-template-columns:1fr}.mode-card{min-height:0}.header-actions,.form-actions,.button-row,.toolbar-actions{flex-direction:column;align-items:stretch}.header-actions>*,.form-actions>*,.button-row>*,.toolbar-actions>*{width:100%}.button--primary,.primary-mobile{min-height:var(--rm-primary-action-height)}.editor-toolbar{z-index:10;bottom:var(--rm-space-sm);box-shadow:var(--rm-shadow-lg);align-items:stretch;position:sticky}.editor-status{order:-1;width:100%}.editor-definition-list{grid-template-columns:1fr}.editor-definition-list dd+dt{margin-top:var(--rm-space-sm)}}@media (min-width:600px) and (max-width:899px){.editor-workspace{grid-template-columns:minmax(0,1fr)}.editor-stage-panel{order:-1}.editor-toolbar{z-index:10;bottom:var(--rm-space-sm);position:sticky}}@media (min-width:900px) and (max-width:1023px){.editor-workspace{grid-template-columns:minmax(0,1fr) minmax(min(16rem,34vw),min(19rem,40vw))}.editor-sidebar{grid-column:1/-1}}@media (min-width:1024px){.editor-workspace{grid-template-columns:minmax(min(15rem,22vw),min(18rem,25vw)) minmax(0,1fr) minmax(min(17rem,24vw),min(21rem,29vw))}.editor-sidebar,.editor-inspector{top:var(--rm-space-md);max-height:calc(100dvh - (2 * var(--rm-space-md)));position:sticky;overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mode-card:hover{transform:none}}@media (forced-colors:active){button,.button,input,select,textarea,.mode-card,.surface-card,.library-card,.editor-panel{border-color:canvastext}}
