:root{color-scheme:light;--bg-page: #f5f6f1;--bg-surface: #fbfaf5;--bg-muted: #edf0ea;--bg-inset: #e6ebe2;--bg-hover: #f1f4ed;--bg-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.14  0 0 0 0 0.15  0 0 0 0 0.13  0 0 0 0.045 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");--text: #232522;--text-soft: #4e534c;--text-muted: #737a70;--text-faint: #969f92;--border: #d7ddd2;--border-strong: #bcc7b7;--accent: #667342;--accent-hover: #566236;--accent-soft: #eef2e4;--accent-text: #ffffff;--terracotta: #a65633;--danger: #a33b2f;--danger-soft: #fff3ee;--warn: #9a6a28;--radius-lg: 10px;--radius-md: 6px;--radius-sm: 4px;--radius-pill: 999px;--shadow-panel: 0 18px 48px rgba(30, 28, 24, .08);--shadow-subtle: 0 1px 2px rgba(30, 28, 24, .06);--shadow-floating: 0 4px 16px rgba(30, 28, 24, .08);--focus-ring: 0 0 0 3px rgba(102, 115, 66, .28);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--lh-tight: 1.1;--lh-snug: 1.3;--lh-normal: 1.55;--lh-relaxed: 1.7;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-med: .24s;--dur-slow: .36s}*{box-sizing:border-box}html{background:var(--bg-page)}body{min-width:320px;min-height:100vh;margin:0;background-color:var(--bg-page);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled,textarea:disabled{cursor:not-allowed}a{color:inherit}code{font-family:var(--font-mono);font-size:.92em}h1,h2,h3{font-feature-settings:"ss01","cv11"}h1,h2,h3,p{overflow-wrap:anywhere}.srOnly{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{display:inline-flex;color:var(--accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.emptyHint{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.primaryButton,.secondaryButton,.ghostButton{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;border-radius:var(--radius-md);border:1px solid transparent;padding:10px 18px;font-weight:700;letter-spacing:.01em;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform 80ms var(--ease-out)}.primaryButton{background:var(--accent);color:var(--accent-text);box-shadow:0 1px #0000000a,inset 0 1px #ffffff1f}.primaryButton:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-floating)}.primaryButton:focus-visible:not(:disabled),.secondaryButton:focus-visible:not(:disabled),.ghostButton:focus-visible:not(:disabled){box-shadow:var(--focus-ring)}.primaryButton:active:not(:disabled),.secondaryButton:active:not(:disabled),.ghostButton:active:not(:disabled){transform:translateY(1px)}.primaryButton:disabled{background:var(--bg-inset);color:var(--text-faint);box-shadow:none;border-color:var(--border)}.primaryButton-compact{min-height:36px;padding-inline:14px;font-size:var(--text-sm)}.secondaryButton{background:var(--bg-surface);border-color:var(--border);color:var(--text)}.secondaryButton:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover)}.ghostButton{background:transparent;color:var(--text-soft);padding:6px 10px;min-height:30px;font-weight:600;font-size:var(--text-sm)}.ghostButton:hover:not(:disabled){color:var(--text);background:var(--bg-hover)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.pageDecoration{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:1}.pageDecoration svg{display:block;width:100%;height:100%}.pageDecoration:before,.pageDecoration:after{content:"";position:absolute;left:0;right:0;height:140px;pointer-events:none;z-index:2}.pageDecoration:before{top:0;background:linear-gradient(to bottom,var(--bg-page) 0%,rgba(236,230,213,.85) 30%,rgba(236,230,213,0) 100%)}.pageDecoration:after{bottom:0;background:linear-gradient(to top,var(--bg-page) 0%,rgba(236,230,213,.85) 30%,rgba(236,230,213,0) 100%)}.pageDecoShapes,.pageDecoLines{position:absolute;inset:0}.pageDecoShape{transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:no-preference){@keyframes pageDecoDrift{0%{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(4px,-3px) scale(1.015) rotate(.6deg)}50%{transform:translate(-3px,5px) scale(.99) rotate(-.8deg)}75%{transform:translate(5px,3px) scale(1.01) rotate(.4deg)}to{transform:translate(0) scale(1) rotate(0)}}.pageDecoShape{will-change:transform;animation-name:pageDecoDrift;animation-iteration-count:infinite;animation-direction:normal;animation-timing-function:cubic-bezier(.45,0,.55,1)}.pageDecoA{animation-duration:18s;animation-delay:0s}.pageDecoB{animation-duration:22s;animation-delay:-7s}.pageDecoC{animation-duration:16s;animation-delay:-3s}.pageDecoD{animation-duration:24s;animation-delay:-11s}.pageDecoE{animation-duration:20s;animation-delay:-5s}.pageDecoF{animation-duration:14s;animation-delay:-2s}}.pageDecoration .pageDecoA,.pageDecoration .pageDecoD{opacity:.4}.pageDecoration .pageDecoB,.pageDecoration .pageDecoE{opacity:.36}.pageDecoration .pageDecoC,.pageDecoration .pageDecoF{opacity:.31}.pageDecoLines g{opacity:.35!important}.appShell{position:relative;z-index:1}@media(max-width:1279px){.pageDecoration .pageDecoF,.pageDecoration .pageDecoLine3{display:none}}@media(max-width:1023px){.pageDecoration .pageDecoC,.pageDecoration .pageDecoLine1{display:none}.pageDecoration .pageDecoShape{opacity:.5}}@media(max-width:767px){.pageDecoration .pageDecoB,.pageDecoration .pageDecoE,.pageDecoration .pageDecoLine2{display:none}.pageDecoration .pageDecoA,.pageDecoration .pageDecoD{opacity:.4}}.appShell{width:min(1440px,100%);margin:0 auto;padding:var(--space-6)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-7);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.brandRow{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0;color:inherit;text-decoration:none;border-radius:var(--radius-sm)}.mark{position:relative;display:block;width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--text);box-shadow:var(--shadow-subtle);overflow:hidden}.mark:after{content:"";position:absolute;inset:0;background-color:var(--bg-surface);-webkit-mask-image:url(/brand-mark.png);mask-image:url(/brand-mark.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:70% 70%;mask-size:70% 70%}.brand{display:flex;min-width:0;flex-direction:column;line-height:1.1}.brandName{font-weight:700;font-size:var(--text-md);letter-spacing:-.005em}.brandTag{margin-top:3px;color:var(--text-muted);font-size:var(--text-xs)}.topbarRight{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0}.topbarNav{display:inline-flex;align-items:center;gap:var(--space-1)}.topbarNav a{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;min-height:30px;border-radius:var(--radius-sm);color:var(--text-soft);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.topbarNav a:hover{color:var(--text);background:var(--bg-hover)}.topbarStatus{display:flex;justify-content:flex-end;min-width:0}.statusPill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:30px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--text-soft);padding:6px 12px;font-size:var(--text-xs);font-weight:700;min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal;box-shadow:var(--shadow-subtle)}.statusDot{width:7px;height:7px;border-radius:var(--radius-pill);background:currentColor;box-shadow:0 0 0 3px #6673421f}.statusPill-ok{color:var(--accent)}.statusPill-info{color:var(--text-soft)}.statusPill-warn{color:var(--warn)}.statusPill-warn .statusDot{box-shadow:0 0 0 3px #9a6a2829}.builderWorkspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:var(--space-6);align-items:start}.builderPrimary{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.sectionIntro{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.sectionIntro h2{margin:0;font-size:var(--text-lg);line-height:var(--lh-snug);letter-spacing:-.005em}.sectionIntro p{max-width:34ch;margin:0;color:var(--text-muted);font-size:var(--text-sm);text-align:right}.banner{display:flex;align-items:flex-start;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-subtle);font-size:var(--text-sm);line-height:var(--lh-normal)}.banner strong{margin-right:4px}.banner code{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted);padding:1px 5px}.banner-warn{border-color:#9a6a2859;color:var(--warn);background:#fdf8ee}.banner-error{border-color:#a33b2f59;color:var(--danger);background:var(--danger-soft)}.footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-8);border-top:1px solid var(--border);padding-top:var(--space-5);color:var(--text-muted);font-size:var(--text-xs)}.footerLinks{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.footerLinks a{text-decoration:none;padding:4px 6px;border-radius:var(--radius-sm)}.footerLinks a:hover{color:var(--text);text-decoration:underline}.hero{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);padding:var(--space-7) var(--space-6) var(--space-6);box-shadow:var(--shadow-subtle)}.hero h1{position:relative;max-width:12ch;margin:var(--space-3) 0 0;font-family:var(--font-display);font-size:clamp(40px,5vw,64px);font-weight:600;letter-spacing:-.018em;line-height:.98;font-variation-settings:"opsz" 96}.heroAccent{position:relative;display:inline-block;white-space:nowrap}.heroAccent:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.18em;height:.28em;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 14' preserveAspectRatio='none'><path d='M2 8 C 40 2, 80 12, 120 6 S 200 4, 218 9' fill='none' stroke='%23667342' stroke-width='2.4' stroke-linecap='round' opacity='0.85'/></svg>");background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}.heroLead{max-width:56ch;margin:var(--space-5) 0 0;color:var(--text-soft);font-size:var(--text-md);line-height:var(--lh-relaxed)}.promptPanel,.exampleRail{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);padding:var(--space-5);box-shadow:var(--shadow-subtle)}.promptHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.promptHeader label{color:var(--text-soft);font-size:var(--text-sm);font-weight:700;letter-spacing:.005em}.promptCount{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.promptCount-warn{color:var(--warn)}.promptCount-critical{color:var(--danger)}.promptPanel textarea{width:100%;min-height:160px;resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-page);color:var(--text);padding:var(--space-4);outline:none;line-height:var(--lh-relaxed);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.promptPanel textarea::placeholder{color:var(--text-faint)}.promptPanel textarea:focus{border-color:var(--accent);background:var(--bg-surface);box-shadow:var(--focus-ring)}.promptPanel textarea:disabled{background:var(--bg-muted);color:var(--text-faint)}.promptActions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.trustNote,.promptEmptyHint,.promptErrorHint{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.promptEmptyHint{color:var(--text-soft)}.promptErrorHint{color:var(--danger)}.trustNote code{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted);padding:1px 5px}.promptCta{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.kbd{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em}.rejectionCard{margin-top:var(--space-4);border:1px solid rgba(163,59,47,.32);border-radius:var(--radius-lg);background:var(--danger-soft);padding:var(--space-4)}.rejectionHead{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.rejectionBadge{border:1px solid rgba(163,59,47,.4);border-radius:var(--radius-pill);color:var(--danger);background:#fff9;padding:3px 9px;font-size:var(--text-xs);font-weight:700}.rejectionCard h2{margin:0;font-size:var(--text-lg);letter-spacing:-.005em}.rejectionCard p{margin:var(--space-2) 0 0;color:var(--text-soft)}.rejectionExamplesLabel{margin-top:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.rejectionExamples{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.rejectionExample{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);padding:8px 12px;color:var(--text-soft);text-align:left;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.rejectionExample:hover{border-color:var(--accent);background:var(--bg-hover)}.exampleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.exampleCard{display:flex;min-height:130px;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);padding:var(--space-4);text-align:left;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform 80ms var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.exampleCard:hover:not(:disabled),.exampleCard:focus-visible:not(:disabled){border-color:var(--accent);background:var(--bg-hover);box-shadow:var(--shadow-subtle)}.exampleCard:active:not(:disabled){transform:translateY(1px)}.exampleCategory{color:var(--accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.exampleTitle{font-weight:700;letter-spacing:-.005em}.examplePreview{color:var(--text-soft);font-size:var(--text-sm);line-height:var(--lh-snug)}.exampleFootnote{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:auto;color:var(--text-muted);font-size:var(--text-xs)}.previewCanvas,.resultsView{position:sticky;top:var(--space-5);max-height:calc(100vh - var(--space-8));overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-panel)}.previewCanvas{min-height:580px;padding:var(--space-5)}.canvasEmpty{display:flex;min-height:520px;flex-direction:column;gap:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-page);padding:var(--space-7)}.canvasEmpty h2{max-width:14ch;margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:clamp(30px,3.6vw,46px);font-weight:600;line-height:1.02;letter-spacing:-.015em;font-variation-settings:"opsz" 72}.canvasEmpty>p{max-width:46ch;margin:var(--space-2) 0 0;color:var(--text-soft);font-size:var(--text-md);line-height:var(--lh-relaxed)}.canvasPreviewTiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}.canvasTile{display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);padding:var(--space-4)}.canvasTileLabel{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.canvasTileLabel svg{display:block;width:14px;height:14px}.canvasTile strong{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);line-height:var(--lh-snug);letter-spacing:-.005em;color:var(--text)}.canvasTile p{margin:0;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--lh-snug)}.canvasMockLines{display:grid;gap:5px;margin-top:var(--space-2)}.canvasMockLines span{display:block;height:7px;border-radius:3px;background:var(--bg-inset)}.canvasMockLines span:nth-child(1){width:92%}.canvasMockLines span:nth-child(2){width:70%}.canvasMockLines span:nth-child(3){width:86%}.canvasFooter{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-4);color:var(--text-muted);font-size:var(--text-xs)}.canvasFooter svg{width:14px;height:14px;flex-shrink:0}.canvasLoading{display:flex;min-height:520px;flex-direction:column;gap:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-page);padding:var(--space-7)}.canvasLoading h2{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.01em}.canvasLoading p{margin:0;color:var(--text-soft);font-size:var(--text-sm)}.shimmerStack{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.shimmerStack span{display:block;height:44px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-inset) 0%,var(--bg-hover) 50%,var(--bg-inset) 100%);background-size:200% 100%;animation:shimmer 1.6s var(--ease-in-out) infinite}.shimmerStack span:nth-child(2){animation-delay:.12s;width:88%}.shimmerStack span:nth-child(3){animation-delay:.24s;width:76%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.resultsView{padding:var(--space-5)}.resultsHeader{border-bottom:1px solid var(--border);padding-bottom:var(--space-4)}.resultsHeader h2{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:var(--lh-snug);letter-spacing:-.01em}.resultsHeader p{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.modelRunNotice{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-top:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-page);padding:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);line-height:var(--lh-snug)}.modelRunNotice strong{color:var(--text);font-weight:700}.modelRunNotice p{flex-basis:100%;margin:0;overflow-wrap:anywhere}.resultSectionHeader{margin-bottom:var(--space-4)}.resultSectionHeader h2{margin:6px 0 0;font-size:var(--text-xl);font-family:var(--font-display);font-weight:600;line-height:var(--lh-snug);letter-spacing:-.005em}.resultSectionHeader p{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.resultSectionHeader.compact h2{font-size:var(--text-lg)}.sourcePanel,.stackedSection,.blueprintSection{border-bottom:1px solid var(--border);padding:var(--space-5) 0}.sourceList,.linkList{display:grid;gap:var(--space-2)}.sourceRow,.linkList a{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-page);padding:var(--space-3)}.sourceRow>*,.linkList a>*{min-width:0;overflow-wrap:anywhere}.sourceRow span,.linkList span{color:var(--accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sourceRow strong,.linkList strong{min-width:0}.sourceRow p{grid-column:2 / 3;margin:0;color:var(--text-muted);font-size:var(--text-xs)}.sourceRow em,.linkList em{color:var(--text-muted);font-size:var(--text-xs);font-style:normal;text-align:right}.linkList a{color:inherit;text-decoration:none;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.linkList a:hover{border-color:var(--accent);background:var(--bg-hover)}.evalList{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.evalList li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-page);padding:var(--space-3)}.evalList span{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs)}.evalList p{margin:0;color:var(--text-soft)}.runtimeTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.runtimeTab{display:flex;align-items:center;min-height:76px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-page);padding:var(--space-3);text-align:left;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.runtimeTab:hover,.runtimeTab:focus-visible{border-color:var(--accent);background:var(--bg-hover)}.runtimeTab-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.runtimeTabGlyph{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);line-height:1;letter-spacing:-.02em}.runtimeTab-active .runtimeTabGlyph{background:var(--text);color:var(--bg-surface);border-color:var(--text)}.runtimeTabBody{display:flex;flex-direction:column;gap:4px;min-width:0}.runtimeTabName{font-weight:700;letter-spacing:-.005em}.runtimeTabMeta{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-3);row-gap:4px;color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.runtimeTabStatus{text-transform:capitalize;color:var(--text);font-weight:600;letter-spacing:-.005em}.runtimeTabScore{display:inline-flex;align-items:baseline;gap:4px;color:var(--text)}.runtimeTabScore em{font-style:normal;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600;color:var(--text-muted)}.exportBar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:var(--space-4) 0;padding:var(--space-3) 0}.exportBar p{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0;color:var(--text-muted);font-size:var(--text-xs)}.exportBar strong{color:var(--text)}.exportControls{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.howToUse{position:relative;display:inline-flex;margin-right:auto}.howToUseTrigger{display:inline-flex;align-items:center;gap:6px;padding:0;-webkit-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:var(--text-xs);font-weight:500;letter-spacing:.01em;cursor:pointer;transition:color .15s ease}.howToUseTrigger:hover,.howToUse.isOpen .howToUseTrigger{color:var(--text)}.howToUseMark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--border);font-size:10px;font-weight:600;line-height:1}.howToUsePopover{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:min(320px,78vw);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--text);padding:12px 14px;color:var(--bg-surface);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:normal;text-align:left;text-transform:none;box-shadow:0 10px 30px #0003;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.howToUsePopover strong{color:var(--bg-surface);font-weight:600}.howToUseWarn{display:block;margin-top:8px;color:#ffffffb8;font-size:11px;line-height:1.45}.howToUse:hover .howToUsePopover,.howToUse.isOpen .howToUsePopover{opacity:1;visibility:visible}.runtimePanel{animation:panelIn .24s var(--ease-out) both}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.blueprintGrid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:var(--space-4)}.blueprintCanvas,.blueprintInspector{min-width:0}.blueprintCanvas{display:flex;min-height:420px;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border);padding:6px var(--space-5) 6px 0}.canvasHeader h2{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1.06;letter-spacing:-.012em}.canvasHeader p{margin:var(--space-3) 0 0;color:var(--text-soft);font-size:var(--text-sm);line-height:var(--lh-relaxed)}.scoreLedger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-6)}.scoreLedger>span{display:flex;min-height:70px;flex-direction:column;justify-content:center;gap:2px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);padding:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.02em;text-transform:uppercase}.scoreCaption{display:inline-flex;align-items:center;gap:6px}.infoHint{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;-webkit-appearance:none;appearance:none;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:inherit;font-size:9px;font-weight:600;line-height:1;text-transform:none;cursor:help;opacity:.55;transition:opacity .15s ease,color .15s ease,border-color .15s ease}.infoHint:hover,.infoHint:focus-visible{color:var(--text);border-color:var(--text-muted);opacity:1}.infoTip{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:20;width:230px;transform:translate(-22px);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--text);padding:10px 12px;color:var(--bg-surface);font-size:11px;font-weight:400;line-height:1.45;letter-spacing:normal;text-transform:none;text-align:left;box-shadow:0 8px 24px #0000002e;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.infoTip:after{content:"";position:absolute;top:100%;left:22px;width:8px;height:8px;transform:translate(-50%) translateY(-50%) rotate(45deg);background:var(--text);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.scoreLedger>span:nth-child(2n) .infoTip{left:auto;right:50%;transform:translate(22px)}.scoreLedger>span:nth-child(2n) .infoTip:after{left:auto;right:22px}.infoHint:hover .infoTip,.infoHint.isOpen .infoTip{opacity:1;visibility:visible}.scoreLedger strong{color:var(--text);font-size:var(--text-xl);font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:-.01em}.nodeRail{display:grid;gap:var(--space-2);margin-top:var(--space-5)}.nodeRail span{border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-surface);padding:var(--space-3);color:var(--text-soft);font-weight:600;font-size:var(--text-sm)}.blueprintInspector{display:flex;max-height:680px;flex-direction:column;gap:0;overflow:auto;padding:0 0 0 var(--space-2)}.detailBlock{border-top:1px solid var(--border);padding:var(--space-4) 0}.detailBlock:first-child{border-top:0;padding-top:0}.detailHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.detailHeader h3{margin:0;font-size:var(--text-md);font-weight:700;letter-spacing:-.005em}.detailHeader span{color:var(--text-muted);font-size:var(--text-xs)}.artifactList,.rationaleList,.warningList{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.artifactRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(122px,auto);gap:var(--space-3);border-top:1px solid var(--border);padding:var(--space-3) 0}.artifactRow:first-child{border-top:0;padding-top:0}.artifactMain{min-width:0}.rowLabel{color:var(--accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.artifactMain strong{display:block;margin-top:2px;overflow-wrap:anywhere}.artifactMain p{margin:5px 0 0;color:var(--text-muted);font-size:var(--text-xs)}.artifactAside{display:flex;align-items:flex-end;flex-direction:column;gap:4px;min-width:0;color:var(--text-muted);font-size:var(--text-xs)}.artifactAside a{color:var(--accent);overflow-wrap:anywhere;text-decoration:none}.artifactAside a:hover{text-decoration:underline}.fileTree{display:grid;gap:6px}.fileTree code{display:block;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);padding:7px 10px;color:var(--text-soft);overflow-wrap:anywhere}.rationaleList li,.warningList li{border-top:1px solid var(--border);padding:var(--space-2) 0}.rationaleList li:first-child,.warningList li:first-child{border-top:0;padding-top:0}.rationaleList strong{display:block}.rationaleList span,.warningList li{color:var(--text-muted);font-size:var(--text-xs)}.feedback{margin-top:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);padding:var(--space-5);box-shadow:var(--shadow-subtle)}.feedbackHead h2{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:var(--lh-snug);letter-spacing:-.005em}.feedbackHead p{margin:var(--space-2) 0 0;max-width:60ch;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--lh-relaxed)}.feedbackForm{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.feedbackForm textarea,.feedbackForm input[type=email]{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-page);padding:var(--space-3);outline:none;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.feedbackForm textarea{min-height:96px;resize:vertical;line-height:var(--lh-relaxed)}.feedbackForm textarea:focus,.feedbackForm input[type=email]:focus{border-color:var(--accent);background:var(--bg-surface);box-shadow:var(--focus-ring)}.feedbackForm .secondaryButton{justify-self:end}.ratingRow{display:flex;align-items:center;gap:var(--space-3);margin:0;padding:0;border:0}.ratingLabel{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:0}.ratingButtons{display:inline-flex;gap:6px}.ratingButton{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-soft);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ratingButton:hover{border-color:var(--accent);color:var(--text)}.ratingButton:has(input:focus-visible){border-color:var(--accent);box-shadow:var(--focus-ring)}.ratingButton-active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.ratingButton input{position:absolute;opacity:0;pointer-events:none}.feedbackError{margin:0;color:var(--danger);font-size:var(--text-sm)}.feedbackThanks{margin-top:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--accent-soft);padding:var(--space-3) var(--space-4);color:var(--text);font-size:var(--text-sm)}@media(max-width:1280px){.builderWorkspace{grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:var(--space-5)}}@media(max-width:1080px){.builderWorkspace{grid-template-columns:1fr}.previewCanvas,.resultsView{position:static;max-height:none}.canvasEmpty,.canvasLoading{min-height:420px}}@media(max-width:860px){.appShell{padding:var(--space-4)}.topbar{align-items:flex-start;flex-direction:column}.topbarRight{width:100%;flex-wrap:wrap;gap:var(--space-2)}.topbarStatus,.statusPill{width:100%}.statusPill{justify-content:flex-start}.hero h1{max-width:14ch;font-size:clamp(36px,11vw,52px)}.sectionIntro{align-items:flex-start;flex-direction:column}.sectionIntro p{text-align:left}.exampleGrid,.runtimeTabs,.blueprintGrid,.scoreLedger,.canvasPreviewTiles{grid-template-columns:1fr}.exportBar{align-items:stretch;flex-direction:column}.exportControls,.exportControls button{width:100%}.sourceRow,.linkList a{grid-template-columns:1fr}.sourceRow p{grid-column:auto}.artifactRow{grid-template-columns:1fr}.artifactAside{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.feedback{width:100%}}@media(max-width:520px){.promptCta{align-items:stretch;flex-direction:column}.promptCta .primaryButton{width:100%}.hero,.promptPanel,.exampleRail,.resultsView,.previewCanvas,.feedback{padding:var(--space-4)}.canvasEmpty,.canvasLoading{min-height:340px;padding:var(--space-5)}.runtimeTab{grid-template-columns:28px minmax(0,1fr)}}