[hidden]{display:none!important}:root{--color-bg: #faf7f2;--color-surface: #ffffff;--color-border: #e6ded1;--color-text: #211d19;--color-text-muted: #66594d;--color-accent: #b3552b;--color-accent-dark: #8a3e1e;--color-accent-soft: #f4e3d6;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(30, 22, 14, .06);--shadow-md: 0 10px 30px rgba(30, 22, 14, .08);--font-serif: Georgia, "Iowan Old Style", "Times New Roman", Times, serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.55;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:var(--color-accent-dark)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:4px}#app{max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.app-header{margin-bottom:2.75rem;padding-bottom:1.75rem;border-bottom:1px solid var(--color-border)}.app-header__brand{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.app-header__logo{font-family:var(--font-serif);font-size:clamp(1.9rem,3vw,2.5rem);font-weight:700;letter-spacing:-.01em}.app-header__tagline{font-size:.95rem;color:var(--color-accent-dark);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.app-header__lead{margin:.9rem 0 0;max-width:62ch;font-size:1.05rem;color:var(--color-text-muted)}.mode-badge{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.1rem;padding:.32rem .85rem;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent-dark);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mode-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);flex:none}.mode-note{margin:.65rem 0 0;max-width:62ch;font-size:.88rem;color:var(--color-text-muted)}.layout{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:1.75rem;align-items:start}@media (max-width: 860px){.layout{grid-template-columns:1fr}}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm)}.panel h2{margin:0 0 1.25rem;font-family:var(--font-serif);font-size:1.3rem;display:flex;align-items:center;gap:.6rem}.panel-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.panel-header-row h2{margin:0}.btn-link{font:inherit;font-size:.85rem;font-weight:700;color:var(--color-accent-dark);background:none;border:none;padding:.2rem 0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.btn-link:hover{color:var(--color-accent)}.panel__index{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent-dark);font-family:var(--font-sans);font-size:.85rem;font-weight:700}.panel--results{grid-column:1 / -1;opacity:0;transform:translateY(8px)}.panel--results.is-visible{animation:results-in .5s ease forwards}@keyframes results-in{to{opacity:1;transform:translateY(0)}}.field{margin-bottom:1.25rem}.field label{display:block;font-size:.85rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.4rem}.field textarea,.field input,.field select{width:100%;font:inherit;font-size:.98rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.65rem .8rem;transition:border-color .15s ease,box-shadow .15s ease}.field textarea{resize:vertical;min-height:3.4rem}.field textarea:hover,.field input:hover,.field select:hover{border-color:#cbbfa9}.field textarea:focus,.field input:focus,.field select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.field-error{color:#a12b1f;background:#fbeae7;border:1px solid #f2c6be;border-radius:var(--radius-sm);padding:.6rem .8rem;font-size:.9rem;margin:0 0 1rem}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn{font:inherit;font-weight:700;font-size:.95rem;border-radius:999px;padding:.7rem 1.4rem;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.btn--primary{background:var(--color-accent);color:#fff8f1;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--color-accent-dark)}.btn--ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent-dark)}.btn--secondary{background:var(--color-accent-soft);color:var(--color-accent-dark)}.btn--secondary:hover{background:#ecd2bd}.workflow[hidden]{display:none}.workflow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.workflow__step{display:flex;gap:.9rem;align-items:flex-start;padding:.85rem .9rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.workflow__index{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);font-weight:700;color:var(--color-text-muted);transition:background .2s ease,color .2s ease,border-color .2s ease}.workflow__label{margin:0;font-weight:700}.workflow__desc{margin:.15rem 0 0;font-size:.88rem;color:var(--color-text-muted)}.workflow__step.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:var(--shadow-sm);animation:pulse 1.1s ease-in-out infinite}.workflow__step.is-active .workflow__index{background:var(--color-accent);border-color:var(--color-accent);color:#fff8f1}.workflow__step.is-done{border-color:#cfe3d6;background:#f3f8f4}.workflow__step.is-done .workflow__index{background:#3f7a55;border-color:#3f7a55;color:#fff}@keyframes pulse{0%,to{box-shadow:0 0 #b3552b2e}50%{box-shadow:0 0 0 6px #b3552b00}}.workflow__status{margin:1rem 0 0;font-size:.9rem;font-weight:600;color:var(--color-accent-dark)}.workflow-compact[hidden]{display:none}.workflow-compact{list-style:none;margin:0;padding:.9rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border:1px solid #cfe3d6;background:#f3f8f4;border-radius:var(--radius-md);font-size:.85rem}.workflow-compact__step{font-weight:700;color:#2f5f42;white-space:nowrap}.workflow-compact__step:before{content:"✓";display:inline-block;margin-right:.4rem;color:#3f7a55}.workflow-compact__sep{color:var(--color-text-muted)}@media (max-width: 520px){.workflow-compact{font-size:.8rem}}.result-block{margin-bottom:2rem}.result-block:last-of-type{margin-bottom:1.5rem}.result-block h3{font-family:var(--font-serif);font-size:1.05rem;margin:0 0 .85rem}.results-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1.75rem;align-items:start;margin-bottom:2.25rem}.results-hero__image h3,.results-hero__brief h3{font-family:var(--font-serif);font-size:1.05rem;margin:0 0 .85rem}.results-hero__actions{margin-top:1.1rem}@media (max-width: 780px){.results-hero{grid-template-columns:1fr}}.brief-grid{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.5rem}.brief-grid dt{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);white-space:nowrap}.brief-grid dd{margin:0}.panel-collapsible__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.85rem}.panel-collapsible__header h3{margin:0}.panel-collapsible__controls{display:flex;gap:.5rem;flex:none}.btn-icon{font:inherit;font-size:.8rem;font-weight:700;color:var(--color-accent-dark);background:var(--color-accent-soft);border:none;border-radius:999px;padding:.4rem .95rem;cursor:pointer;transition:background .15s ease}.btn-icon:hover{background:#ecd2bd}.prompt-panel{position:relative;max-height:210px;overflow:hidden;border-radius:var(--radius-md);transition:max-height .28s ease}.prompt-panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:52px;background:linear-gradient(to bottom,rgba(250,247,242,0),var(--color-bg));pointer-events:none;transition:opacity .2s ease}.prompt-panel.is-expanded{max-height:3000px}.prompt-panel.is-expanded:after{opacity:0}.prompt-panel--accent:after{background:linear-gradient(to bottom,rgba(244,227,214,0),var(--color-accent-soft))}.prompt-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.1rem;font-family:var(--font-mono);font-size:.86rem;line-height:1.65;white-space:pre-wrap;word-break:break-word;margin:0}.prompt-box--accent{border-left:4px solid var(--color-accent);background:var(--color-accent-soft)}.copy-confirm{min-height:1.1rem;margin:.55rem 0 0;font-size:.85rem;font-weight:600;color:#3f7a55}.image-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg);box-shadow:var(--shadow-sm)}.image-preview img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}.critique-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.critique-card{padding:.9rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.critique-card__label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-accent-dark);margin-bottom:.35rem}.critique-card__text{margin:0;font-size:.92rem}.why-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}.why-list li{padding:.75rem .9rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.why-list li strong{color:var(--color-accent-dark)}.why-list--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem 1.1rem}@media (max-width: 640px){.why-list--grid{grid-template-columns:1fr}}.action-status{min-height:1.2rem;margin:.75rem 0 0;font-size:.88rem;font-weight:600;color:var(--color-accent-dark)}.app-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.85rem}.app-footer p{margin:0}.app-footer__credit{margin-top:.4rem!important;opacity:.7;font-size:.8rem}.live-error-banner{margin-top:1rem;padding:.85rem 1rem;background:#fbeae7;border:1px solid #f2c6be;border-radius:var(--radius-md);max-width:62ch}.live-error-banner p{margin:0 0 .65rem;color:#a12b1f;font-size:.9rem}.live-error-banner .actions{margin-top:0}.why-note{margin:0;padding:.9rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.92rem}.agent-runs-list{display:flex;flex-direction:column;gap:.6rem}.agent-run{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);padding:.75rem .9rem}.agent-run summary{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.85rem;list-style:none}.agent-run summary::-webkit-details-marker{display:none}.agent-run summary:before{content:"▸";color:var(--color-text-muted);transition:transform .15s ease}.agent-run[open] summary:before{transform:rotate(90deg)}.agent-run__name{font-weight:700}.agent-run__model{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.78rem}.agent-run__status{font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.03em;padding:.1rem .5rem;border-radius:999px}.agent-run__status--ok{background:#e6f2ea;color:#2f5f42}.agent-run__status--error{background:#fbeae7;color:#a12b1f}.agent-run__latency,.agent-run__validation{color:var(--color-text-muted);font-size:.8rem}.agent-run__output{margin-top:.75rem;font-size:.78rem;max-height:none}.dev-panel{margin-top:2rem}.dev-panel__note{color:var(--color-text-muted);font-size:.88rem;max-width:70ch}.dev-panel__results{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.dev-panel__row{padding:.6rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);font-size:.88rem}.dev-panel__row--ok{border-color:#cfe3d6;background:#f3f8f4;color:#2f5f42}.dev-panel__row--fail{border-color:#f2c6be;background:#fbeae7;color:#a12b1f}