:root{color:#102033;background:radial-gradient(circle at top left,rgba(201,227,255,.9),transparent 35%),linear-gradient(135deg,#eff4f8,#dfe9f2);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;padding:32px}.card{max-width:1100px;margin:0 auto;background:#ffffffe0;border:1px solid rgba(16,32,51,.08);border-radius:24px;box-shadow:0 24px 80px #1020331f;padding:28px}.hero-header,.actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.eyebrow{margin:0 0 8px;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:#4e667f}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.route-grid{align-items:start}.control-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.panel{background:#f8fbfd;border-radius:18px;padding:20px;border:1px solid rgba(16,32,51,.08);min-width:0}.route-panel{min-height:220px}.route-panel-accent{background:linear-gradient(135deg,#e9f3fffa,#f5f9fcfa),#fff}.route-panel-auth{max-width:560px;margin:24px auto 0}.route-panel-muted{background:linear-gradient(135deg,#f7f6f1fa,#f0f5f9f5),#fff}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.panel-copy{margin:8px 0 0;color:#4e667f}.access-banner{border:1px solid rgba(16,32,51,.1);border-radius:16px;padding:14px 16px;margin-bottom:16px;background:#ffffffbf}.access-banner.restricted{background:#fff4f4eb;border-color:#9a1d1d2e}.access-banner.compile_only{background:#faf6ebf0;border-color:#9060162e}.access-banner.render_enabled,.access-banner.admin{background:#f4fafff0}.access-heading{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-weight:700}.access-copy{margin:0;color:#4e667f}.access-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#15324d;color:#fff;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.guardrail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.guardrail-card{border-radius:14px;padding:14px 16px;border:1px solid rgba(16,32,51,.08);background:#ffffffc7}.guardrail-card h3{margin:0 0 8px;font-size:15px}.guardrail-card p{margin:0;color:#4e667f}.guardrail-card.warning{background:#fff6eef0;border-color:#9a541d2e}.guardrail-card.positive{background:#f4fafff0}.usage-summary{margin-top:16px;padding-top:16px;border-top:1px solid rgba(16,32,51,.08)}label{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-weight:600}input,textarea,select{width:100%;border:1px solid rgba(16,32,51,.18);border-radius:12px;padding:12px 14px;background:#fff}button{border:0;border-radius:999px;padding:12px 18px;background:#15324d;color:#fff;cursor:pointer}button.secondary{background:#fff;color:#15324d;border:1px solid rgba(16,32,51,.18)}button.current-route{background:#15324d;color:#fff}button:disabled{opacity:.6;cursor:not-allowed}.result-image{width:100%;border-radius:16px;display:block;margin-bottom:16px;border:1px solid rgba(16,32,51,.08)}.result-actions{margin-bottom:16px}.result-meta{margin:0;color:#4e667f;font-weight:600}.history-list{display:grid;gap:12px}.history-item{border:1px solid rgba(16,32,51,.1);border-radius:16px;padding:16px;background:#fff}.history-item.rendered{background:linear-gradient(180deg,#fffffffa,#f7fbfff5)}.history-item.compile-only{background:linear-gradient(180deg,#fffffffa,#f6f6f2f5)}.history-visual{position:relative}.history-thumbnail,.history-thumbnail-fallback{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;margin-bottom:12px;border:1px solid rgba(16,32,51,.08);background:linear-gradient(135deg,#dbe6f0e6,#f1f6fbf2)}.history-thumbnail-fallback{display:grid;place-items:center;color:#3f5870;font-weight:700;letter-spacing:.02em}.history-thumbnail-fallback.compile-only{background:linear-gradient(135deg,#f5f4eefa,#ecf1f6f2),repeating-linear-gradient(135deg,rgba(16,32,51,.03) 0,rgba(16,32,51,.03) 10px,transparent 10px,transparent 20px)}.history-badges{position:absolute;top:10px;left:10px}.history-kind-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-kind-badge.rendered{background:#0c2740c7;color:#fff}.history-kind-badge.compile-only{background:#fff8e9f0;color:#7b4b16;border:1px solid rgba(123,75,22,.14)}.history-item.selected{border-color:#15324d66;box-shadow:inset 0 0 0 1px #15324d14}.history-item-copy{margin-bottom:12px}.history-summary{margin:0 0 8px;font-weight:700}.history-meta{margin:0;color:#4e667f;font-size:14px}.history-detail-thumbnail{width:100%;border-radius:16px;display:block;margin-bottom:16px;border:1px solid rgba(16,32,51,.08)}.provenance dl{display:grid;grid-template-columns:140px 1fr;gap:8px 12px;margin:0;min-width:0}.provenance dt{font-weight:700}.provenance dd{margin:0;min-width:0;word-break:break-word}.checkbox-row{flex-direction:row;align-items:center;font-weight:600}.checkbox-row input{width:auto}.detail-block{max-width:100%;overflow-x:auto;padding:10px 12px;border:1px solid rgba(16,32,51,.08);border-radius:12px;background:#ffffffc7}.detail-text{overflow-wrap:anywhere;white-space:pre-wrap}.detail-pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.muted-detail{color:#4e667f}.auth-panel{max-width:420px;margin-top:24px}.error{color:#9a1d1d;font-weight:600;margin-top:20px}@media (max-width: 720px){.app-shell{padding:16px}.card{padding:20px}.hero-header,.actions{flex-direction:column;align-items:stretch}}