:root{--bg:#faf8f5;--surface:#f7f5f2;--surface-raised:#f3f0eb;--text-primary:#1a1a1a;--text-secondary:#7a7570;--border:#e8e4de;--accent:#1a1a1a;--accent-soft:#f3f0eb;--accent-hover:#333;--success:#1f8f5f;--warning:#b97515;--error:#ef4444;--ai:#8b5cf6;--ai-bg:#8b5cf614;--ai-border:#8b5cf633;--info:#06b6d4;--text-muted:#a09a94;--fg:var(--text-primary);--fg-muted:var(--text-muted);--border-subtle:#e8e4de99;--shadow:0 18px 44px #1e191414;--shadow-sm:0 1px 2px 0 #1e19140f;--shadow-md:0 4px 6px -1px #1e191414, 0 2px 4px -2px #1e19140d;--radius-lg:12px;--radius-md:8px;--radius-sm:6px;--radius-full:9999px;--font-body:"Inter", "Noto Sans JP", system-ui, sans-serif;--font-heading:"Outfit", "Noto Sans JP", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(circle at top left, #1a1a1a14, transparent 28%), linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%);margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{line-height:1.5}.studio-app{min-height:100vh}.studio-header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;display:flex;position:sticky;top:0}.studio-header-left,.studio-header-right{align-items:center;gap:16px;min-width:0;display:flex}.studio-brand{gap:2px;display:grid}.studio-brand-mark{font-weight:700}.studio-nav{background:color-mix(in srgb, var(--surface-raised) 92%, white 8%);border:1px solid color-mix(in srgb, var(--border) 88%, #d8d0c7 12%);border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px;display:flex;box-shadow:inset 0 1px #ffffffb8}.studio-nav-link{color:color-mix(in srgb, var(--text-secondary) 72%, transparent);border-radius:var(--radius-full);padding:12px 18px;font-size:.94rem;font-weight:600;transition:background .16s,color .16s,box-shadow .16s,transform .16s}.studio-nav-link:hover:not(.active):not([aria-current=page]){color:var(--text-secondary);background:#ffffff7a}.studio-nav-link.active,.studio-nav-link[aria-current=page]{color:var(--text-primary);background:linear-gradient(#fffffffa,#f7f5f2f5);border:1px solid #1e191414;font-weight:600;transform:translateY(-.5px);box-shadow:0 1px 3px #1e19141a,0 0 0 1px #1e19140a}.context-chip{border:1px solid var(--border);background:#ffffffc7;border-radius:14px;gap:2px;min-width:0;padding:8px 12px;display:grid}.context-chip-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.context-chip-select{font-family:var(--font-body);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:.92rem;font-weight:600}.context-chip-value{white-space:nowrap;font-size:.92rem;font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px}.panel-card--subtle{background:var(--surface-raised)}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.panel-heading h2{font-family:var(--font-heading)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:700}.hero-title{font-family:var(--font-heading);margin:10px 0 6px;font-size:clamp(2rem,3vw,3.25rem);font-weight:600;line-height:1.02}.page-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:600}.hero-copy,.muted{color:var(--text-secondary)}.studio-page{gap:20px;padding:20px;display:grid}.page-intro{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fffc;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;display:flex}.page-intro-actions,.page-body,.summary-grid,.content-grid,.status-grid,.detail-grid,.builder-layout,.two-column-layout,.workspace-settings-layout{gap:16px;display:grid}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{grid-template-columns:1.3fr 1fr}.status-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:430px minmax(0,1fr);align-items:stretch;height:calc(100dvh - 140px);min-height:0;overflow:hidden}.builder-layout>:where(.builder-sidebar,.builder-preview-panel){height:100%}.two-column-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.decision-packet-layout{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.workspace-settings-layout{gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)}.workspace-settings-layout>:where(.panel-card){padding:var(--space-lg);border-radius:var(--radius-lg)}.workspace-settings-layout :where(.eyebrow){margin-bottom:var(--space-2xs);letter-spacing:.06em}.workspace-settings-cta{margin-top:var(--space-md)}.workspace-settings-grid{gap:var(--space-sm) var(--space-lg);grid-template-columns:minmax(120px,max-content) 1fr;margin:0;display:grid}.workspace-settings-grid>dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding-top:3px;font-size:11px;font-weight:600}.workspace-settings-grid>dd{color:var(--text-primary);word-break:break-word;overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.55}.workspace-settings-code{max-width:100%;font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--border-subtle,var(--border));border-radius:var(--radius-sm);padding:2px 8px;font-size:12px;display:inline-block}.workspace-settings-layout .panel-card--subtle .workspace-settings-code{background:var(--surface-raised)}.status-pill{white-space:nowrap;border-radius:var(--radius-full);flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.status-pill.ready,.status-pill.completed{color:var(--success);background:#1f8f5f1f}.status-pill.building,.status-pill.running{color:var(--accent);background:#1a1a1a1f}.status-pill.blocked,.status-pill.warning{color:var(--warning);background:#b975151f}.status-pill.review{color:var(--text-secondary);background:#7a75701f}.stack{gap:10px;display:grid}.metric{gap:8px;display:grid}.metric strong{font-size:1.5rem}.list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.list-item{border-bottom:1px solid #d9e2eab3;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.list-item:last-child{border-bottom:0;padding-bottom:0}.code{font-family:var(--font-mono);border-radius:var(--radius-full);background:#f3f0eb;padding:4px 10px;font-size:.88rem;display:inline-block}.panel-list{gap:14px;display:grid}.confirmation-surface,.confirmation-summary,.confirmation-workspace,.confirmation-metric-grid,.confirmation-support-grid,.confirmation-inline-grid,.confirmation-form-grid,.confirmation-landing-stack{gap:16px;display:grid}.confirmation-summary{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start}.confirmation-workspace{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);align-items:start}.confirmation-main-stack{gap:16px;display:grid}.confirmation-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.confirmation-progress-strip{border-radius:var(--radius-full);background:#1a1a1a1f;height:8px;overflow:hidden}.confirmation-progress-bar{background:linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 58%, white) 100%);border-radius:inherit;height:100%}.confirmation-point-list,.confirmation-option-list,.supporting-feedback-list{gap:12px;display:grid}.confirmation-point-nav,.confirmation-option-card,.confirmation-note-card,.confirmation-landing-preview,.supporting-feedback-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffffc7;gap:10px;padding:14px 16px;display:grid}.confirmation-point-nav{transition:border-color .16s,background .16s,transform .16s}.confirmation-point-nav:hover,.confirmation-point-nav.active{background:var(--accent-soft);border-color:var(--accent)}.confirmation-point-nav-head,.confirmation-option-head,.confirmation-landing-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.confirmation-note-card{background:#f7f5f2b8}.supporting-feedback-card{color:inherit;text-decoration:none;transition:border-color .16s,background .16s,transform .16s}.supporting-feedback-card:hover{background:var(--accent-soft);border-color:var(--accent)}.supporting-feedback-card--selectable{cursor:pointer}.supporting-feedback-card-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.supporting-feedback-summary{color:var(--text-secondary);margin:0;line-height:1.5}.confirmation-note-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700}.confirmation-inline-grid,.confirmation-support-grid,.confirmation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.confirmation-current-focus{background:color-mix(in srgb, var(--ai) 6%, transparent);border:1px solid color-mix(in srgb, var(--ai) 18%, transparent);border-radius:14px;padding:12px 14px}.surface-filter-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.builder-rail{grid-template-rows:minmax(0,430px) minmax(220px,1fr) auto;align-self:start;gap:16px;height:calc(100vh - 110px);padding-right:6px;display:grid;overflow:hidden}.builder-rail>:first-child{height:100%;overflow:auto}.builder-rail>:nth-child(2){flex-direction:column;height:100%;min-height:0;display:flex}.mode-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode-chip{font:inherit;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-full);background:#ffffffbf;justify-content:center;align-items:center;padding:8px 12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.mode-chip:hover:not(.active){background:var(--surface-raised);border-color:#7a75704d}.mode-chip.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.mode-chip--primary{color:#1f1a10;background:#f7a62b;border-color:#d88108}.field{gap:6px;display:grid}.field-label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.field-input{width:100%;min-width:0;font:inherit;color:var(--text-primary);border:1px solid var(--border);background:#ffffffeb;border-radius:14px;padding:10px 12px}.field-input:focus{outline:2px solid color-mix(in srgb, var(--accent) 28%, transparent);outline-offset:1px}.builder-primary-submit{justify-self:start}.prompt-textarea{width:100%;min-height:104px;font:inherit;color:var(--text-primary);resize:vertical;border:1px solid var(--border);background:#ffffffeb;border-radius:16px;padding:12px 14px}.prompt-textarea::placeholder{color:var(--text-secondary)}.preview-stage{gap:16px;min-height:520px;display:grid}.builder-source-summary{border-top:1px solid #d9e2eab3;gap:10px;margin-top:16px;padding-top:16px;display:grid}.builder-source-summary .muted{white-space:pre-wrap}.builder-action-row{flex-wrap:wrap;gap:10px;display:flex}.builder-inline-form{margin:0;display:inline-flex}.builder-preview-panel{flex-direction:column;align-self:stretch;height:100%;min-height:0;display:flex;overflow:hidden}.builder-preview-panel>:where(.preview-frame){flex:1;min-height:0}.builder-preview-status{border:1px solid var(--border);background:#ffffffeb;border-radius:16px;gap:4px;padding:12px 14px;display:grid}.builder-preview-status strong{font-size:.92rem}.builder-preview-status span{color:var(--text-secondary);font-size:.86rem;line-height:1.5}.builder-preview-status--running{background:#1a1a1a14;border-color:#1a1a1a47}.builder-preview-status--completed{background:#1f8f5f14;border-color:#1f8f5f47}.builder-preview-chrome{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:0;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;display:flex}.builder-preview-dots{align-items:center;gap:6px;display:flex}.builder-preview-dot{border-radius:var(--radius-full);width:10px;height:10px}.builder-preview-dot--red{background:#ef4444}.builder-preview-dot--amber{background:#f59e0b}.builder-preview-dot--green{background:#22c55e}.builder-preview-url{min-width:0;color:var(--text-secondary);border:1px solid var(--border);background:#f4f6f8eb;border-radius:10px;flex:1;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.builder-preview-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.builder-preview-fb-badge{height:28px;font-family:var(--font-heading);color:var(--text-secondary);cursor:pointer;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.builder-preview-fb-badge:hover{background:var(--surface)}.builder-preview-fb-badge--active{color:#fff;background:#7c3aed;border-color:#7c3aed;font-weight:600;animation:2s ease-in-out infinite fb-badge-pulse}.builder-preview-fb-badge--active:hover{background:#6d28d9;border-color:#6d28d9}.builder-preview-badge{min-height:30px;color:var(--accent);white-space:nowrap;border-radius:var(--radius-full);background:#1a1a1a1f;align-items:center;padding:6px 10px;font-size:.84rem;font-weight:600;display:inline-flex}.builder-preview-badge--subtle{color:var(--text-secondary);background:#f4f6f8eb}.builder-preview-badge--health{font-size:.75rem;font-weight:600}.builder-preview-badge--health-ready{color:var(--success);background:#1f8f5f1f}.builder-preview-badge--health-building{color:var(--warning);background:#b975151f}.builder-preview-badge--health-blocked{color:var(--text-secondary);background:#1e191414}.app-switcher{border:1px solid var(--border);border-radius:var(--radius-full);background:#f7f5f2d9;align-items:center;gap:4px;margin-top:8px;padding:4px;display:flex}.app-switcher-tab{font:inherit;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.86rem;font-weight:500;transition:background .16s,color .16s;display:inline-flex}.app-switcher-tab:hover{color:var(--text-primary)}.app-switcher-tab--active{color:var(--text-primary);background:var(--surface);font-weight:600;box-shadow:0 1px 2px #1e191414}.app-switcher-health{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.app-switcher-health--ready{background:var(--success)}.app-switcher-health--building{background:var(--warning);animation:1.6s ease-in-out infinite builder-tab-pulse}.app-switcher-health--blocked{background:var(--error);opacity:.6}.app-switcher-name{white-space:nowrap}.app-switcher-status{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.app-switcher-open{color:var(--text-secondary);border-radius:var(--radius-full);align-items:center;margin-left:auto;padding:6px 12px;font-size:.86rem;font-weight:500;text-decoration:none;transition:background .16s,color .16s;display:inline-flex}.app-switcher-open:hover{color:var(--text-primary);background:var(--surface-raised)}.builder-preview-url-lock{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.preview-frame{border:1px dashed var(--border);border-radius:var(--radius-md);background:linear-gradient(#ffffffd6,#f7f5f2d6),radial-gradient(circle at 100% 0,#1a1a1a1f,#0000 24%);place-items:stretch stretch;min-height:440px;padding:0;display:grid;overflow:hidden}.preview-frame--builder{border-style:solid;border-top:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);height:100%;min-height:0;box-shadow:var(--shadow);background:#fff;position:relative}.builder-preview-stage{--builder-preview-scale:.82;background:radial-gradient(circle at 100% 0,#1a1a1a14,#0000 28%),linear-gradient(#ffffffeb,#f4f6f8f0);height:100%;min-height:0;padding:16px 20px 20px;display:grid}.builder-preview-viewport{background:#fff;border:1px solid #d9e2ead9;border-radius:22px;height:100%;min-height:0;overflow:hidden;box-shadow:inset 0 1px #ffffffbf,0 20px 50px #1e191414}.preview-frame-copy{text-align:center;place-items:center;gap:10px;min-height:440px;padding:32px;display:grid}.preview-iframe{background:#fff;border:0;width:100%;min-height:440px}.preview-frame--builder .preview-iframe{min-height:0}.preview-iframe--builder{width:calc(100% / var(--builder-preview-scale));height:calc(100% / var(--builder-preview-scale));min-height:0;transform:scale(var(--builder-preview-scale));transform-origin:0 0}.builder-session-notice{background:#ffffffe0;border:1px solid #d9e2eac7;border-radius:16px;gap:4px;margin-bottom:12px;padding:12px 14px;display:grid}.builder-session-notice--running{background:#1a1a1a14;border-color:#1a1a1a47}.builder-session-notice--completed{background:#1f8f5f14;border-color:#1f8f5f47}.builder-session-notice strong{font-size:.94rem}.builder-session-notice span{color:var(--text-secondary);font-size:.9rem}.builder-session-toast{color:#fff;border-radius:var(--radius-full);background:#1e1914eb;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.builder-session-toast-dot{border-radius:var(--radius-full);background:#7dd3fc;width:8px;height:8px;box-shadow:0 0 0 6px #7dd3fc2e}.builder-session-feed{gap:12px;margin:0;padding:0;list-style:none;display:grid}.builder-session-feed-scroll{flex:1;min-height:0;padding-right:4px;overflow:auto}.builder-session-message{place-items:flex-start stretch;display:grid}.builder-session-message--operator{justify-items:end}.builder-session-bubble{background:#ffffffeb;border:1px solid #d9e2ead1;border-radius:18px;gap:10px;width:100%;padding:14px 16px;display:grid;box-shadow:0 10px 24px #1e19140f}.builder-session-message--operator .builder-session-bubble{background:#f7a62b1f;border-color:#d8810840;max-width:86%}.builder-session-message--assistant .builder-session-bubble,.builder-session-message--system .builder-session-bubble{max-width:100%}.builder-session-bubble--completed,.builder-session-bubble--ready{border-color:#1f8f5f33}.builder-session-bubble--running,.builder-session-bubble--building{border-color:#1a1a1a33}.builder-session-bubble--blocked,.builder-session-bubble--warning{border-color:#b975153d}.builder-session-bubble-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.builder-session-bubble .muted,.builder-session-summary span,.builder-session-section li{white-space:pre-wrap}.builder-session-chip{min-height:28px;color:var(--text-secondary);border-radius:var(--radius-full);background:#f7f5f2eb;align-items:center;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.builder-session-markdown{color:var(--text-primary);border-top:1px solid #d9e2eab3;gap:10px;padding-top:10px;display:grid}.builder-session-markdown>:first-child{margin-top:0}.builder-session-markdown>:last-child{margin-bottom:0}.builder-session-markdown h3{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.82rem}.builder-session-markdown p,.builder-session-markdown ul,.builder-session-markdown ol{color:var(--text-secondary);margin:0;font-size:.9rem}.builder-session-markdown ul,.builder-session-markdown ol{padding-left:20px}.builder-session-markdown li+li{margin-top:4px}.builder-session-markdown code{font-family:var(--font-mono);color:var(--accent);border-radius:var(--radius-full);background:#1a1a1a14;padding:2px 8px;font-size:.82rem;display:inline-block}.builder-file-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.builder-file-chip{background:#ffffffe6;border:1px solid #d9e2ead1;border-radius:16px;gap:2px;min-width:180px;padding:12px 14px;display:grid}.builder-tab-bar{background:color-mix(in srgb, var(--surface-raised) 92%, white 8%);border:1px solid color-mix(in srgb, var(--border) 88%, #d8d0c7 12%);border-radius:var(--radius-full);flex-shrink:0;align-items:center;gap:6px;padding:6px;display:flex;box-shadow:inset 0 1px #ffffffb8}.builder-tab{font:inherit;color:color-mix(in srgb, var(--text-secondary) 72%, transparent);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:.94rem;font-weight:600;transition:background .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.builder-tab:hover:not(.builder-tab--disabled):not(.builder-tab--active){color:var(--text-secondary);background:#ffffff7a}.builder-tab--active{color:var(--text-primary);background:linear-gradient(#fffffffa,#f7f5f2f5);border:1px solid #1e191414;font-weight:600;transform:translateY(-.5px);box-shadow:0 1px 3px #1e19141a,0 0 0 1px #1e19140a}.builder-tab--disabled{cursor:default;opacity:.45}.builder-tab-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.builder-tab-dot--running{background:var(--ai);box-shadow:0 0 0 4px color-mix(in srgb, var(--ai) 18%, transparent);animation:1.6s ease-in-out infinite builder-tab-pulse}@keyframes builder-tab-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb, var(--ai) 18%, transparent);opacity:1}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--ai) 6%, transparent);opacity:.7}}.builder-tab-badge{min-width:22px;height:22px;color:var(--accent);border-radius:var(--radius-full);background:#1a1a1a1f;justify-content:center;align-items:center;padding:0 6px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.builder-tab-fb-active{color:#fff;cursor:pointer;border-radius:var(--radius-full);background:#7c3aed;border:none;justify-content:center;align-items:center;margin-left:auto;padding:2px 10px;font-size:.75rem;font-weight:700;animation:2s ease-in-out infinite fb-badge-pulse;display:inline-flex}@keyframes fb-badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.builder-tab-fb-active:hover{background:#6d28d9}.preview-frame--fb-active{outline-offset:-2px;outline:2px solid #7c3aed}.table-like{gap:12px;display:grid}.row-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#fffc;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;transition:background .15s,border-color .15s;display:flex}.row-card.active{background:var(--accent-soft);border-color:var(--accent)}.row-card-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.row-card-title-row{gap:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.row-card-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.row-card-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.row-card-avatar{width:22px;height:22px;font-family:var(--font-heading);color:var(--text-secondary);background:var(--surface-raised);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.row-card-dept,.row-card-dot{color:var(--text-muted)}.workspace-settings-layout .row-card{padding:var(--space-md) var(--space-lg);background:var(--surface);border-radius:var(--radius-md);transition:background .15s,border-color .15s,box-shadow .15s}.workspace-settings-layout a.row-card:hover,.workspace-settings-layout a.row-card:focus-visible{background:var(--surface-raised);border-color:var(--text-primary);box-shadow:0 1px 6px #0000000d}.workspace-settings-layout .row-card-main strong{font-family:var(--font-heading);color:var(--text-primary);font-size:14px;font-weight:600}.fb-create-form{flex-direction:column;gap:12px;display:flex}.fb-form-field{flex-direction:column;gap:4px;display:flex}.fb-form-field label{color:var(--text-primary);font-size:.85rem;font-weight:600}.fb-form-field input,.fb-form-field textarea,.fb-form-field select{font:inherit;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:.9rem}.fb-form-field select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%235e6a78' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.fb-form-field input:focus,.fb-form-field textarea:focus,.fb-form-field select:focus{border-color:var(--accent);outline:none}.fb-form-field input:focus-visible,.fb-form-field textarea:focus-visible,.fb-form-field select:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:2px}.fb-form-actions{align-items:center;height:60px;padding:0 16px;display:flex}@media (max-width:1100px){.studio-header,.studio-header-left,.studio-header-right,.page-intro,.summary-grid,.content-grid,.status-grid,.detail-grid,.builder-layout,.two-column-layout,.workspace-settings-layout,.confirmation-summary,.confirmation-workspace,.confirmation-support-grid,.confirmation-inline-grid,.confirmation-form-grid{grid-template-columns:1fr}.studio-header,.studio-header-left,.studio-header-right{flex-wrap:wrap;align-items:flex-start}.builder-rail{grid-template-rows:none;height:auto;padding-right:0;overflow:visible}.builder-preview-panel{height:auto;position:static}.preview-frame--builder{height:auto;min-height:760px}.builder-preview-stage{--builder-preview-scale:.74;padding:16px}.builder-sidebar,.builder-layout{height:auto;overflow:visible}.builder-layout>:where(.builder-sidebar,.builder-preview-panel){height:auto}}@media (max-width:760px){.studio-page{padding:14px}.page-intro,.panel-card,.studio-header{padding:16px}.confirmation-point-nav,.confirmation-option-card,.confirmation-note-card,.confirmation-landing-preview{padding:12px 14px}.builder-preview-chrome{flex-wrap:wrap}.preview-frame--builder{min-height:640px}.builder-preview-stage{--builder-preview-scale:.62;padding:12px}.studio-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.studio-nav::-webkit-scrollbar{display:none}.surface-filter-bar{flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.studio-page{padding:10px}.page-intro,.panel-card,.studio-header{padding:12px}.page-title{font-size:1.25rem}.summary-grid{grid-template-columns:1fr}.studio-brand-copy{display:none}.mode-strip{gap:6px}.mode-chip{padding:6px 10px;font-size:.85rem}}.builder-sidebar{flex-direction:column;align-self:stretch;height:100%;min-height:0;display:flex;overflow:hidden}.builder-sidebar-body{flex:1;min-height:0;position:relative;overflow:hidden}.builder-sidebar-tab-pane{height:100%}.builder-chat-scroll{height:100%;padding:12px 8px 12px 0;overflow-y:auto}.builder-chat-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.chat-bubble{border-radius:16px;gap:6px;width:100%;padding:12px 14px;display:grid}.chat-bubble--operator{background:#f7a62b1f;border:1px solid #d8810840;justify-self:end;max-width:86%}.chat-bubble--assistant{border:1px solid color-mix(in srgb, var(--ai) 30%, transparent);background:#ffffffeb;max-width:100%;box-shadow:0 8px 20px #1e19140d}.chat-bubble--completed,.chat-bubble--ready{border-color:#1f8f5f40}.chat-bubble--running,.chat-bubble--building{border-color:color-mix(in srgb, var(--ai) 35%, transparent)}.chat-bubble--blocked,.chat-bubble--warning{border-color:#b975153d}.chat-bubble-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.chat-bubble-chip{border-radius:var(--radius-full);align-items:center;min-height:24px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.chat-bubble-chip--operator{color:#b97515;background:#f7a62b33}.chat-bubble-chip--ai{color:var(--ai);background:color-mix(in srgb, var(--ai) 12%, transparent)}.chat-bubble-time{color:var(--text-secondary);font-size:.75rem}.chat-bubble-title{font-size:.9rem}.chat-bubble-body{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:.88rem}.chat-bubble-detail{border-top:1px solid color-mix(in srgb, var(--ai) 15%, transparent);padding-top:8px}.chat-bubble-detail h3{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.82rem}.chat-bubble-detail p,.chat-bubble-detail ul,.chat-bubble-detail ol{color:var(--text-secondary);margin:0;font-size:.88rem}.chat-bubble-detail ul,.chat-bubble-detail ol{padding-left:20px}.chat-bubble-detail li+li{margin-top:4px}.chat-bubble-detail code{font-family:var(--font-mono);color:var(--ai);background:color-mix(in srgb, var(--ai) 8%, transparent);border-radius:var(--radius-full);padding:2px 8px;font-size:.82rem;display:inline-block}.chat-event-compact{color:var(--text-secondary);align-items:center;gap:8px;padding:4px 0;font-size:.82rem;display:flex}.chat-event-compact-dot{background:var(--border);border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.chat-event-compact-label{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.chat-event-compact-title{flex:1;min-width:0}.chat-event-compact-time{flex-shrink:0;font-size:.72rem}.builder-chat-input-area{border-top:1px solid var(--border);background:#fffffff2;flex-shrink:0;padding:12px}.builder-chat-input-row{align-items:flex-end;gap:8px;display:flex}.builder-chat-input-note{color:var(--text-primary);margin:0 0 8px;font-size:.825rem}.builder-chat-input{min-height:44px;max-height:120px;font:inherit;color:var(--text-primary);resize:none;border:1px solid var(--border);background:#ffffffeb;border-radius:14px;flex:1;padding:10px 14px;font-size:.9rem}.builder-chat-input::placeholder{color:var(--text-secondary)}.builder-chat-input--running{border-color:color-mix(in srgb, var(--ai) 40%, transparent);animation:2s ease-in-out infinite input-pulse}@keyframes input-pulse{0%,to{border-color:color-mix(in srgb, var(--ai) 40%, transparent)}50%{border-color:color-mix(in srgb, var(--ai) 15%, transparent)}}.builder-send-btn,.builder-stop-btn{cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:inline-flex}.builder-send-btn{color:#fff;background:var(--accent)}.builder-send-btn:hover{opacity:.9}.builder-stop-btn{color:#fff;background:#ef4444}.builder-stop-btn:hover{opacity:.9}.builder-stop-btn:disabled,.builder-send-btn:disabled{cursor:default;opacity:.4}.builder-typing-indicator{align-items:center;gap:6px;padding:8px 12px;display:flex}.builder-typing-indicator-dot{background:var(--ai);border-radius:var(--radius-full);width:6px;height:6px;animation:1.4s ease-in-out infinite typing-dots}.builder-typing-indicator-dot:nth-child(2){animation-delay:.2s}.builder-typing-indicator-dot:nth-child(3){animation-delay:.4s}@keyframes typing-dots{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.builder-typing-indicator-text{color:var(--ai);font-size:.82rem;font-weight:600}.sr-only{white-space:nowrap;clip:rect(0, 0, 0, 0);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.builder-chat-empty{height:100%;color:var(--text-secondary);text-align:center;place-items:center;padding:32px;font-size:.9rem;display:grid}.dp-synthesis-section{background:color-mix(in srgb, var(--ai) 4%, transparent);border:1px solid color-mix(in srgb, var(--ai) 20%, transparent);border-radius:var(--radius-md);margin-top:16px;padding:16px}.dp-synthesis-header{margin-bottom:12px}.dp-eyebrow--ai{color:var(--ai);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:700}.dp-synthesis-group{border-bottom:1px solid color-mix(in srgb, var(--ai) 12%, transparent);padding:12px 0}.dp-synthesis-group:last-child{border-bottom:0;padding-bottom:0}.dp-synthesis-group-label{color:var(--ai);margin-bottom:6px;font-size:.94rem;display:block}.dp-impact-chip{color:var(--ai);background:color-mix(in srgb, var(--ai) 10%, transparent);border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.dp-recommended-approach{color:var(--text-secondary);border-left:3px solid color-mix(in srgb, var(--ai) 30%, transparent);margin:8px 0 0;padding:8px 12px;font-size:.88rem}.button{font:inherit;color:var(--text-primary);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:4px;justify-content:center;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s;display:inline-flex}.button:hover{background:var(--surface-raised)}.button--primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button--primary:hover{background:var(--accent);opacity:.9}.button--secondary{color:var(--text-primary);background:var(--surface);border-color:var(--border)}.button--ghost{background:0 0;border-color:#7a75702e}.button--ghost:hover{background:#ffffffb8}.button--sm{padding:7px 12px;font-size:.84rem}.button--ai{color:#fff;background:var(--ai);border-color:var(--ai)}.button--ai:hover{background:var(--ai);opacity:.9}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.4}.next-action-box{gap:var(--space-sm);padding:var(--space-md);margin-top:var(--space-sm);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.next-action-box>.eyebrow{margin-bottom:0}.next-action-description{color:var(--text-secondary);margin:0;font-size:13px}.action-row{flex-wrap:wrap;gap:8px;display:flex}.detail-meta{gap:var(--space-sm);flex-wrap:wrap;align-items:center;margin-top:0;display:flex}.code-identifier{margin-right:8px}.dp-conflict-list,.dp-question-list{margin:4px 0 0;padding-left:20px}.dp-conflict-list li,.dp-question-list li{font-size:.88rem}.dp-sub-eyebrow{font-size:.78rem}.dp-section-gap{margin-top:8px}.dp-section-gap--md{margin-top:12px}.repo-evidence-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.repo-option-card{border:1px solid color-mix(in srgb, var(--ai) 12%, var(--border));border-radius:var(--radius-md);background:#ffffffeb;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.repo-option-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.repo-option-heading{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.repo-option-summary{margin:0}.repo-option-tradeoffs{margin:0;padding-left:18px}.repo-option-tradeoffs li+li{margin-top:4px}.board-workspace{flex-direction:column;height:100%;display:flex}.board-packet-bar{height:44px;padding:0 var(--space-md);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.board-packet-bar-left{gap:var(--space-2xs);align-items:center;display:flex;overflow-x:auto}.board-packet-tab{all:unset;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);color:color-mix(in srgb, var(--text-secondary) 78%, transparent);white-space:nowrap;cursor:pointer;border-radius:var(--radius-sm);align-items:center;font-size:13px;font-weight:600;transition:background .1s ease-out,color .1s ease-out,box-shadow .1s ease-out;display:flex}.board-packet-tab:hover{color:var(--text-primary);background:var(--surface-raised)}.board-packet-tab.active{color:var(--text-primary);box-shadow:var(--shadow-sm);background:#ffffffeb;font-weight:600}.board-packet-settings-link{min-width:72px}.board-packet-tab-progress{font-family:var(--font-mono);color:var(--text-muted);background:var(--surface-raised);border-radius:var(--radius-full);padding:1px 6px;font-size:11px}.board-packet-bar-right{gap:var(--space-xs);align-items:center;display:flex}.board-packet-completed-count{padding:var(--space-xs) var(--space-sm);color:var(--text-muted);font-size:12px}.board-packet-feedback-strip{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.board-packet-feedback-strip-head{gap:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.board-packet-feedback-strip-meta{gap:var(--space-sm);align-items:center;min-width:0;display:flex}.board-packet-feedback-chips{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.board-packet-feedback-list{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.board-packet-feedback-card{gap:var(--space-2xs);padding:var(--space-sm);color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;text-decoration:none;display:flex}.board-packet-feedback-card:hover{background:var(--surface-raised)}.board-packet-feedback-card-head{flex-direction:column;gap:2px;display:flex}.board-packet-feedback-summary{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.board-main{flex:1;min-height:0;display:flex}.board-cp-list{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;width:360px;overflow-y:auto}.board-cp-item{all:unset;box-sizing:border-box;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--border);align-items:flex-start;transition:background .1s ease-out;display:flex}.board-cp-item:hover{background:var(--surface-raised)}.board-cp-item--active{background:var(--bg);border-left:2px solid var(--text-primary)}.board-cp--done{opacity:.55}.board-cp-icon{text-align:center;flex-shrink:0;width:18px;margin-top:2px;font-size:14px}.board-cp--done .board-cp-icon{color:var(--success)}.board-cp--discuss .board-cp-icon{color:var(--warning)}.board-cp-info{flex-direction:column;gap:2px;min-width:0;display:flex}.board-cp-label{text-overflow:ellipsis;color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.board-cp-item--active .board-cp-label{font-weight:600}.board-cp-meta{color:var(--text-muted);font-size:11px}.board-cp-empty{gap:var(--space-sm);padding:var(--space-lg) var(--space-md);flex-direction:column;display:flex}.board-cp-inbox-link{padding:var(--space-sm) var(--space-md);color:var(--text-muted);border-top:1px solid var(--border);font-size:12px;text-decoration:none;display:block}.board-cp-inbox-link:hover{color:var(--text-secondary);background:var(--surface-raised)}.board-proposal-empty{gap:var(--space-md);min-height:240px;padding:var(--space-xl);text-align:center;place-items:center;display:grid}.board-proposal-list-item{text-decoration:none}.board-proposal-detail{max-width:920px}.board-proposal-kicker{color:var(--text-muted);letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.board-proposal-targets,.board-proposal-criteria,.board-proposal-review-actions,.board-proposal-finalized,.board-proposal-summary-card,.board-proposal-breakdown{gap:var(--space-sm);flex-direction:column;display:flex}.board-proposal-theme-list{gap:var(--space-xs);display:grid}.board-proposal-theme-list ol{color:var(--text-secondary);gap:4px;margin:0;padding-left:1.25rem;font-size:13px;line-height:1.5;display:grid}.board-proposal-theme-list li::marker{color:var(--text-muted)}.board-proposal-target-list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.board-proposal-target{font-family:var(--font-mono);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px 8px;font-size:11px}.board-proposal-bullets{gap:var(--space-xs);color:var(--text-secondary);margin:0;padding-left:1.1rem;font-size:13px;line-height:1.6;display:grid}.board-proposal-breakdown-list{gap:var(--space-sm);display:grid}.board-proposal-breakdown-card{gap:var(--space-sm);padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:grid}.board-proposal-breakdown-head{gap:var(--space-sm);grid-template-columns:auto 1fr;align-items:start;display:grid}.board-proposal-breakdown-body{gap:var(--space-md);grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:start;display:grid}.board-proposal-feedback-index{min-width:44px;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.board-proposal-feedback-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:600;line-height:1.45}.board-proposal-feedback-target{font-family:var(--font-mono);color:var(--text-muted);margin-top:4px;font-size:11px;display:inline-block}.board-proposal-breakdown-grid{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.board-proposal-breakdown-section{padding:var(--space-sm);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.board-proposal-breakdown-section--full{grid-column:1/-1}.board-proposal-breakdown-label{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.board-proposal-breakdown-section p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.65}.board-proposal-feedback-shot{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.board-proposal-feedback-shot--empty{min-height:120px;padding:var(--space-sm);color:var(--text-muted);text-align:center;justify-content:center;align-items:center;font-size:12px;display:flex}.board-proposal-feedback-shot-img{object-fit:contain;width:100%;height:auto;max-height:160px;display:block}.board-proposal-technical-details{padding:var(--space-sm) 0;color:var(--text-muted);border-top:1px solid var(--border);font-size:12px}.board-proposal-technical-details summary{cursor:pointer}.board-proposal-technical-body{gap:var(--space-xs);padding-top:var(--space-xs);display:grid}.board-proposal-evidence-list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.board-proposal-evidence-chip{font-family:var(--font-mono);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);align-items:baseline;gap:6px;padding:6px 10px;font-size:11px;display:inline-flex}.board-proposal-evidence-chip small{font-family:var(--font-body);color:var(--text-muted)}@media (max-width:900px){.board-proposal-breakdown-body,.board-proposal-breakdown-grid{grid-template-columns:1fr}}.board-proposal-revision-form{gap:var(--space-xs);padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:grid}.board-action-panel{gap:var(--space-md);padding:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.board-action-empty{justify-content:center;align-items:center;height:100%;display:flex}.board-ap-header{gap:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.board-ap-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.board-ap-summary{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.board-ap-ai-box{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#8b5cf60d;border:1px solid #8b5cf626;flex-direction:column;display:flex}.board-ap-ai-label{gap:var(--space-xs);color:var(--ai);letter-spacing:.5px;align-items:center;font-size:11px;font-weight:500;display:flex}.board-ap-ai-icon{font-size:14px}.board-ap-ai-text{color:var(--text-primary);margin:0;font-size:13px;line-height:1.6}.board-ap-ai-reasoning{color:var(--text-secondary);margin:0;font-size:12px}.board-ap-section-label{margin-bottom:var(--space-xs);color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:500;display:block}.board-ap-options{gap:var(--space-sm);flex-direction:column;display:flex}.board-option-card{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.board-option-card--recommended{border-color:var(--text-primary);border-width:2px}.board-option-card--selected{background:var(--surface);border-color:var(--success);border-width:2px}button.board-option-card{all:unset;box-sizing:border-box;gap:var(--space-xs);width:100%;padding:var(--space-sm) var(--space-md);text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;transition:border-color .1s ease-out,background .1s ease-out;display:flex}button.board-option-card:hover:not(:disabled){background:var(--surface);border-color:var(--text-secondary)}button.board-option-card:disabled{cursor:default;opacity:.6}button.board-option-card.board-option-card--recommended{border-color:var(--text-primary);border-width:2px}button.board-option-card.board-option-card--selected{background:var(--surface);border-color:var(--success);border-width:2px}.board-option-header{gap:var(--space-xs);align-items:center;display:flex}.board-option-label{color:var(--text-primary);font-size:14px;font-weight:600}.board-option-badge{color:var(--bg);background:var(--text-primary);border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:600}.board-option-badge--selected{background:var(--success)}.board-option-desc{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.board-option-impact{color:var(--text-muted);margin:0;font-size:11px}.board-ap-current-response{padding:var(--space-sm) var(--space-md);background:var(--surface);border-radius:var(--radius-md)}.board-ap-response-selected{color:var(--success);margin:0;font-size:13px;font-weight:500}.board-ap-response-comment{margin:var(--space-2xs) 0 0;color:var(--text-secondary);font-size:13px}.board-ap-comment{flex-direction:column;display:flex}.board-ap-textarea{width:100%;padding:var(--space-sm);font-family:var(--font-body);color:var(--text-primary);resize:vertical;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;line-height:1.5}.board-ap-textarea:focus{border-color:var(--text-secondary);outline:none}.board-ap-textarea::placeholder{color:var(--text-muted)}.board-ap-actions{gap:var(--space-sm);padding-top:var(--space-sm);align-items:center;display:flex}.board-ap-actions>form{display:contents}.board-support-slot{gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border);flex-direction:column;display:flex}.board-support-stack{gap:var(--space-md);flex-direction:column;display:flex}.board-ap-source-fb{gap:var(--space-sm);padding-top:var(--space-md);margin-top:var(--space-sm);border-top:1px solid var(--border);flex-direction:column;display:flex}.board-ap-helper-text{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.board-related-fb-list{gap:var(--space-sm);flex-direction:column;display:flex}.board-related-fb-card{all:unset;box-sizing:border-box;gap:var(--space-xs);padding:var(--space-md);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;transition:border-color .12s ease-out,background .12s ease-out,box-shadow .12s ease-out;display:flex}.board-related-fb-card:hover,.board-related-fb-card:focus-visible{background:var(--surface-raised,var(--bg));border-color:var(--text-primary);box-shadow:0 1px 6px #0000000d}.board-related-fb-head{gap:var(--space-sm);align-items:baseline;min-width:0;display:flex}.board-related-fb-title{text-overflow:ellipsis;-webkit-line-clamp:2;color:var(--text-primary);-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.board-related-fb-summary{text-overflow:ellipsis;-webkit-line-clamp:2;color:var(--text-secondary);-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.board-related-fb-thumb{margin-top:var(--space-2xs);display:flex}.board-related-fb-image{object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm);width:auto;max-width:100%;height:auto;max-height:120px}.field-checkbox{width:16px;height:16px;margin:0}.board-ap-fb-chips{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.board-progress-bar{height:44px;padding:0 var(--space-md);background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.board-progress-left{gap:var(--space-sm);align-items:center;display:flex}.board-progress-label{color:var(--text-muted);font-size:11px;font-weight:500}.board-progress-track{background:var(--border);border-radius:var(--radius-full);width:200px;height:6px;overflow:hidden}.board-progress-fill{background:var(--success);border-radius:var(--radius-full);height:100%;transition:width .3s ease-out}.board-progress-count{font-family:var(--font-mono);color:var(--text-primary);font-size:12px;font-weight:600}.board-progress-hint{color:var(--text-muted);font-size:11px}.board-empty{padding:var(--space-xl);text-align:left}.board-empty-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.dp-board-card-fb-chip{padding:var(--space-2xs) var(--space-xs);font-family:var(--font-mono);color:var(--text-secondary);background:var(--surface-raised);border-radius:var(--radius-sm);font-size:13px;text-decoration:none;display:inline-block}.dp-board-card-fb-chip:hover{background:var(--border)}.fb-inbox-layout{border-top:1px solid var(--border);min-height:0;display:flex}.fb-inbox-list{border-right:1px solid var(--border);flex-shrink:0;width:400px;overflow-y:auto}.fb-inbox-card{gap:var(--space-xs);padding:var(--space-md);color:var(--text-primary);border-bottom:1px solid var(--border);border-left:3px solid #0000;flex-direction:column;text-decoration:none;transition:background .12s ease-out,border-color .12s ease-out;display:flex}.fb-inbox-card:hover{background:var(--surface-raised)}.fb-inbox-card--active{background:var(--surface-raised);border-left-color:var(--text-primary)}.fb-inbox-card-header{gap:var(--space-sm);justify-content:flex-start;align-items:flex-start;display:flex}.fb-inbox-card-intent{flex-shrink:0;font-size:14px;line-height:1.3}.fb-inbox-card-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.35;overflow:hidden}.fb-inbox-card-header>.status-pill,.fb-inbox-card-header>.pill{white-space:nowrap;flex-shrink:0}.fb-inbox-card-summary{-webkit-line-clamp:2;color:var(--text-secondary);-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.fb-inbox-card-meta{gap:var(--space-xs);color:var(--text-muted);align-items:center;font-size:12px;display:flex}.fb-inbox-detail{flex:1;min-height:400px;overflow-y:auto}.fb-inbox-detail-content{gap:var(--space-md);padding:var(--space-lg);flex-direction:column;display:flex}.fb-inbox-detail-head{gap:var(--space-sm);flex-direction:column;display:flex}.fb-inbox-detail-summary{color:var(--text-primary);margin:0;font-size:14px;line-height:1.6}.fb-tech-context{padding:var(--space-md)}.fb-tech-grid{gap:var(--space-sm) var(--space-md);margin:var(--space-sm) 0 0;grid-template-columns:minmax(84px,max-content) 1fr;display:grid}.fb-tech-grid>dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding-top:2px;font-size:11px;font-weight:600}.fb-tech-grid>dd{min-width:0;color:var(--text-primary);word-break:break-word;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.fb-tech-link{max-width:100%;color:var(--text-primary);word-break:break-all;overflow-wrap:anywhere;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;display:inline-block}.fb-tech-link:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.fb-tech-code{max-width:100%;font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;overflow-wrap:anywhere;white-space:pre-wrap;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px 6px;font-size:12px;line-height:1.5;display:inline-block}.fb-tech-console{gap:var(--space-2xs);font-family:var(--font-mono);color:var(--text-secondary);flex-direction:column;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.fb-inbox-detail-title{font-family:var(--font-heading);margin:0;font-size:20px;font-weight:600}.fb-inbox-detail-empty{gap:var(--space-xs);height:100%;padding:var(--space-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}@media (max-width:900px){.fb-inbox-layout{flex-direction:column}.fb-inbox-list{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:50vh}}@media (max-width:1100px){.board-main{flex-direction:column}.board-cp-list{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:240px}.board-progress-track{width:120px}}@media (max-width:768px){.board-packet-bar-left{-webkit-overflow-scrolling:touch;overflow-x:auto}.board-packet-feedback-list{grid-template-columns:1fr}.board-action-panel{padding:var(--space-md)}}.cr-decision-hero{padding:var(--space-lg);margin-bottom:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.cr-source-link{gap:var(--space-xs);margin-bottom:var(--space-md);color:var(--accent);align-items:center;font-size:.8125rem;text-decoration:none;display:inline-flex}.cr-source-link:hover{text-decoration:underline}.cr-decision-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.cr-inline-comment-form{gap:var(--space-xs);min-width:min(100%,360px);display:grid}.cr-inline-comment-form textarea{min-height:84px;padding:var(--space-sm);font:inherit;color:var(--text-primary);resize:vertical;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.cr-tech-details{margin-top:var(--space-lg)}.cr-tech-details summary{padding:var(--space-sm) 0;font-family:var(--font-heading);color:var(--text-secondary);cursor:pointer;font-size:.9375rem;font-weight:600}.cr-tech-details[open] summary{margin-bottom:var(--space-md)}.diff-file-list{gap:var(--space-xs);flex-direction:column;display:flex}.diff-file-entry{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;font-size:.8125rem;display:flex}.diff-file-badge{text-transform:uppercase;border-radius:var(--radius-full);padding:2px 6px;font-size:.6875rem;font-weight:600}.diff-file-badge--modified{color:#fff;background:var(--warning)}.diff-file-badge--added{color:#fff;background:var(--success)}.diff-file-badge--deleted{color:#fff;background:var(--error)}.fb-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.fb-panel-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.fb-panel-title{color:var(--fg);font-size:.8125rem;font-weight:600}.fb-panel-create-btn{color:var(--accent);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:.75rem;font-weight:600}.fb-panel-create-btn:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.fb-filter-chips{gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.fb-filter-chip{color:var(--fg-muted);cursor:pointer;border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:0 0;padding:2px 8px;font-size:.75rem;transition:background .12s,color .12s}.fb-filter-chip:hover{color:var(--fg);background:var(--surface-raised)}.fb-filter-chip--active{color:#fff;background:var(--accent);border-color:var(--accent)}.fb-filter-chip--active:hover{color:#fff;background:var(--accent)}.fb-panel-list{padding:var(--space-xs) 0;flex:1;overflow-y:auto}.fb-panel-item{gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border-subtle);background:0 0;align-items:flex-start;transition:background .1s;display:flex}.fb-panel-item:hover{background:var(--surface-raised)}.fb-intent-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.fb-panel-item-content{flex:1;min-width:0}.fb-panel-item-title{text-overflow:ellipsis;color:var(--fg);white-space:nowrap;font-size:.8125rem;font-weight:500;display:block;overflow:hidden}.fb-panel-item-meta{align-items:center;gap:4px;margin-top:2px;display:flex}.fb-meta-url,.fb-meta-date,.fb-meta-intent,.fb-meta-sep{color:var(--fg-muted);font-size:.6875rem}.fb-meta-url{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.fb-panel-empty{padding:var(--space-md);color:var(--fg-muted);text-align:center;font-size:.8125rem}.fb-panel-detail-header{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;display:flex}.fb-panel-back{color:var(--fg-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 4px;font-size:.75rem}.fb-panel-back:hover{color:var(--fg);background:var(--surface-raised)}.fb-panel-detail-id{color:var(--fg-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.fb-panel-detail-body{gap:var(--space-sm);padding:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.fb-panel-detail-title{color:var(--fg);margin:0;font-size:.9375rem;font-weight:600}.fb-panel-detail-summary{color:var(--fg-muted);margin:0;font-size:.8125rem;line-height:1.5}.fb-panel-detail-meta{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.feedback-bar{justify-content:center;padding:8px 0;display:flex}.fb-pill{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:22px;align-items:center;gap:8px;height:44px;transition:background .15s;display:flex}.fb-pill--idle{width:300px;font-family:var(--font-body);justify-content:center;gap:8px;padding:0 24px;font-size:12px;font-weight:500}.fb-pill--idle:hover{background:#333}.fb-pill-icon{font-size:16px;line-height:1}.fb-pill--active{width:540px;padding:0 16px}.fb-pill-action{font-family:var(--font-body);color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.fb-pill-action:hover{color:#d1d5db}.fb-pill-action--on{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f6}.fb-pill-action:disabled{color:#4b5563;cursor:not-allowed;opacity:.5}.fb-pill-sep{background:#404040;flex-shrink:0;width:1px;height:20px}.fb-pill-spacer{flex:1}.fb-pill-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.fb-pill-close:hover{color:#fff}.fb-form-panel{z-index:30;border-left:1px solid var(--border);background:#fff;flex-direction:column;width:min(360px,100%);max-width:100%;height:100%;animation:.2s ease-out fb-slide-in-solid;display:flex;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 16px #00000014}@keyframes fb-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fb-form-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.fb-form-panel-title{font-family:var(--font-heading);color:var(--fg);font-size:14px;font-weight:600}.fb-form-panel-close{color:var(--fg-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:1rem;line-height:1}.fb-form-panel-close:hover{color:var(--fg);background:var(--surface-raised)}.fb-form-panel-element{flex-direction:column;gap:8px;padding:12px;display:flex}.fb-form-panel-element-capture{border:1px solid var(--border);border-radius:8px;overflow:hidden}.fb-form-panel-element-capture-img{object-fit:contain;width:100%;max-height:180px;display:block}.fb-form-panel-element-detail{align-items:baseline;gap:8px;min-width:0;display:flex}.fb-form-panel-element-text{text-overflow:ellipsis;color:var(--fg);white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.fb-form-panel-element-selector{text-overflow:ellipsis;font-family:var(--font-mono);color:var(--fg-muted);overflow-wrap:break-word;white-space:nowrap;font-size:11px;overflow:hidden}.fb-form-screenshot-preview{padding:0 12px}.fb-form-screenshot-img{object-fit:contain;border:1px solid var(--border);border-radius:8px;width:100%;max-height:180px}.fb-form-panel-body{flex-direction:column;flex:1;display:flex}.fb-form-textarea--main{font-family:var(--font-body);color:var(--fg);resize:none;border:none;border-bottom:1px solid var(--border);background:0 0;outline:none;flex:1;padding:16px;font-size:13px;line-height:1.6}.fb-form-textarea--main::placeholder{color:#c4bdb5}.fb-form-meta-row{border-bottom:1px solid var(--border);align-items:center;gap:6px;height:36px;padding:0 16px;display:flex}.fb-form-meta-icon{font-size:12px}.fb-form-meta-text{color:var(--text-secondary);font-size:11px}.fb-form-submit{width:100%;height:40px;font-family:var(--font-body);color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.fb-form-submit:hover{background:#6d28d9}.fb-form-submit:disabled{cursor:not-allowed;opacity:.5}.fb-detail-panel{z-index:30;border-left:1px solid var(--border);background:#fff;flex-direction:column;width:min(420px,100%);max-width:100%;height:100%;animation:.2s ease-out fb-slide-in-solid;display:flex;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 16px #00000014}.fb-drawer-backdrop{z-index:60;cursor:default;background:#0f0a0540;border:0;width:100%;height:100%;padding:0;animation:.15s ease-out fb-fade-in;position:fixed;inset:0}.fb-drawer{z-index:61;background:var(--bg);border-left:1px solid var(--border);flex-direction:column;width:min(420px,100%);max-width:100%;height:100vh;animation:.2s ease-out fb-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-8px 0 28px #0000001f}.fb-drawer>.fb-detail-panel{width:100%;height:100%;box-shadow:none;border-left:0;animation:none;position:static}@keyframes fb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fb-slide-in-solid{0%{transform:translate(20px)}to{transform:translate(0)}}.fb-detail-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.fb-detail-panel-title{color:var(--fg);font-size:14px;font-weight:600}.fb-detail-panel-close{color:var(--fg-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:1rem;line-height:1}.fb-detail-panel-close:hover{color:var(--fg);background:var(--surface-raised)}.fb-detail-panel-body{flex-direction:column;gap:12px;padding:16px;display:flex}.fb-detail-badges{gap:8px;display:flex}.fb-detail-badge{border:1px solid #0000;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.fb-detail-badge--bug{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.fb-detail-badge--improvement{color:#3b82f6;background:#eff6ff;border-color:#93c5fd}.fb-detail-badge--question{color:#f59e0b;background:#fffbeb;border-color:#fcd34d}.fb-detail-badge--status-submitted{color:#16a34a;background:#f0fdf4;border-color:#86efac}.fb-detail-badge--status-triaged,.fb-detail-badge--status-accepted{color:#3b82f6;background:#eff6ff;border-color:#93c5fd}.fb-detail-badge--status-deferred,.fb-detail-badge--status-rejected{color:var(--fg-muted);background:var(--surface-raised);border-color:var(--border)}.fb-detail-title{color:var(--fg);margin:0;font-size:15px;font-weight:600}.fb-detail-summary{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.fb-detail-section{flex-direction:column;gap:6px;display:flex}.fb-detail-section-title{color:var(--text-secondary);margin:0;font-size:11px;font-weight:600}.fb-detail-meta-list{grid-template-columns:auto 1fr;gap:4px 8px;margin:0;font-size:12px;display:grid}.fb-detail-meta-list dt{color:var(--text-muted);font-weight:400}.fb-detail-meta-list dd{text-overflow:ellipsis;color:var(--fg);white-space:nowrap;margin:0;overflow:hidden}.fb-detail-selector{font-family:var(--font-mono);overflow-wrap:break-word;white-space:normal;font-size:11px}.fb-detail-console-link{color:#7c3aed;cursor:pointer;font-weight:500}.fb-detail-console-empty{color:var(--text-muted)}.fb-detail-actions{flex-direction:column;gap:8px;padding-top:12px;display:flex}.fb-detail-resolve-btn{width:100%;height:36px;font-family:var(--font-body);color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.fb-detail-resolve-btn:hover{background:#6d28d9}.fb-detail-comment-btn{width:100%;height:36px;font-family:var(--font-body);color:var(--fg);cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.fb-detail-comment-btn:hover{background:var(--surface)}.fb-panel-item--selected{background:color-mix(in srgb, var(--accent) 8%, transparent)}.fb-detail-screenshot-top{border-bottom:1px solid var(--border);padding:0 12px}.fb-detail-screenshot-img{border:1px solid var(--border);border-radius:8px;width:100%;max-width:100%;height:auto;display:block}.fb-pin-overlay{z-index:10;pointer-events:none;position:absolute;inset:0}.fb-pin{top:var(--pin-y);left:var(--pin-x);width:22px;height:22px;font-family:var(--font-heading);color:#fff;pointer-events:auto;cursor:pointer;background:var(--pin-color,#6b7280);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;line-height:1;transition:transform .1s;display:flex;position:absolute;box-shadow:0 2px 6px #0003}.fb-pin:hover{transform:scale(1.2)}.fb-element-selector{z-index:20;pointer-events:none;cursor:crosshair;position:absolute;inset:0}.fb-element-selector--active{pointer-events:all}.fb-element-highlight{pointer-events:none;background:#dbeafe4d;border:2px solid #3b82f6;position:absolute}.fb-element-handle{background:#fff;border:1.5px solid #3b82f6;border-radius:1px;width:7px;height:7px;position:absolute}.fb-element-handle--tl{top:-4px;left:-4px}.fb-element-handle--tr{top:-4px;right:-4px}.fb-element-handle--bl{bottom:-4px;left:-4px}.fb-element-handle--br{bottom:-4px;right:-4px}.fb-element-tooltip{white-space:nowrap;border-radius:var(--radius-full);background:#1a1a1a;align-items:center;gap:6px;max-width:340px;padding:3px 8px;font-size:.6875rem;display:flex;position:absolute;overflow:hidden}.fb-element-tooltip-tag{color:#a78bfa;font-weight:600}.fb-element-tooltip-selector{text-overflow:ellipsis;color:#9ca3af;overflow:hidden}.fb-form-label{margin-bottom:var(--space-xs);color:var(--fg);font-size:.8125rem;font-weight:500;display:block}.fb-form-input,.fb-form-textarea{box-sizing:border-box;width:100%;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-family:inherit;font-size:.875rem;transition:border-color .15s}.fb-form-input:focus,.fb-form-textarea:focus{border-color:var(--accent);outline:none}.fb-form-textarea{resize:vertical;min-height:72px}.fb-intent-chips{border-bottom:1px solid var(--border);align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.fb-intent-chip{color:var(--chip-color,var(--fg-muted));cursor:pointer;background:color-mix(in srgb, var(--chip-color,var(--border)) 8%, transparent);border:1px solid color-mix(in srgb, var(--chip-color,var(--border)) 30%, transparent);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .1s,border-color .1s}.fb-intent-chip:hover{background:color-mix(in srgb, var(--chip-color,var(--border)) 16%, transparent)}.fb-intent-chip--active{color:#fff;background:var(--chip-color,var(--accent));border-color:var(--chip-color,var(--accent))}.fb-form-error{padding:var(--space-xs) var(--space-sm);color:var(--error);background:color-mix(in srgb, var(--error) 10%, transparent);border:1px solid color-mix(in srgb, var(--error) 30%, transparent);border-radius:var(--radius-sm);font-size:.8125rem}.fb-chip{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.03em;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;padding:2px 7px;font-size:.6875rem;font-weight:600;display:inline-flex}.fb-chip--intent{color:#3b82f6;background:#3b82f626;border-color:#3b82f64d}.fb-chip--severity{color:#b45309;background:#f59e0b26;border-color:#f59e0b4d}.fb-inbox-screenshot{gap:var(--space-xs);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}.fb-inbox-screenshot-img{object-fit:contain;background:#fff;width:100%;height:auto;max-height:360px;display:block}.fb-inbox-screenshot-caption{color:var(--text-secondary);border-top:1px solid var(--border-subtle);padding:8px 12px;font-size:12px}.fb-inbox-screenshot-external{align-self:flex-start}.portal-shell{min-height:100vh;padding:var(--space-xl);background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 10%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 75%, white), var(--bg))}.portal-shell__header{gap:var(--space-md);max-width:1280px;margin:0 auto var(--space-lg);justify-content:space-between;align-items:center;display:flex}.portal-shell__eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.portal-shell__title{margin:0;font-size:clamp(1.75rem,2vw,2.4rem);line-height:1.1}.portal-shell__body{max-width:1280px;margin:0 auto}.portal-feedback-workspace{gap:var(--space-lg);display:grid}.portal-feedback-workspace__copy{gap:var(--space-xs);display:grid}.portal-feedback-workspace__lead{margin:0;font-size:1rem;font-weight:600}.portal-feedback-workspace__surface{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-height:70vh;box-shadow:var(--shadow-md);overflow:hidden}.portal-feedback-workspace__frame{background:#fff;border:0;width:100%;height:70vh;display:block}.portal-feedback-workspace__empty{min-height:70vh;padding:var(--space-xl);text-align:center;place-items:center;display:grid}.portal-feedback-workspace__actions{justify-content:flex-end;display:flex}.portal-feedback-workspace__submit{min-width:220px}@media (max-width:900px){.portal-shell{padding:var(--space-md)}.portal-shell__header{flex-direction:column;align-items:flex-start}.portal-feedback-workspace__surface,.portal-feedback-workspace__frame,.portal-feedback-workspace__empty{height:56vh;min-height:56vh}.portal-feedback-workspace__actions{justify-content:stretch}.portal-feedback-workspace__submit{width:100%}}.fb-panel-header-actions{gap:var(--space-xs);align-items:center;display:flex}.fb-panel-proposal-link{min-height:30px;color:var(--fg);white-space:nowrap;border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;padding:4px 8px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.fb-panel-proposal-link:hover{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.fb-detail-proposal-list{gap:var(--space-xs);display:grid}.fb-detail-proposal-card{gap:var(--space-xs);background:var(--surface);border:1px solid color-mix(in srgb, var(--fg) 20%, var(--border-subtle));border-radius:var(--radius-md);padding:12px;display:grid;box-shadow:0 1px #00000008}.fb-detail-proposal-head{gap:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.fb-detail-proposal-actions{gap:var(--space-xs);justify-items:start;display:grid}.fb-proposal-kicker,.fb-proposal-status,.fb-proposal-lineage{color:var(--fg-muted);font-size:.6875rem}.fb-proposal-status{border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:1px 6px}.fb-proposal-status--finalized{color:var(--success-fg,#047857);background:#10b9811f;border-color:#10b98152}.fb-detail-proposal-card h5{color:var(--fg);margin:0;font-size:.8125rem}.fb-detail-proposal-card p{color:color-mix(in srgb, var(--fg) 72%, var(--fg-muted));margin:0;font-size:.75rem;line-height:1.45}.fb-proposal-primary,.fb-proposal-secondary{cursor:pointer;border-radius:var(--radius-sm);padding:4px 8px;font-size:.75rem;font-weight:700}.fb-proposal-primary{color:var(--surface);background:var(--fg);border:1px solid var(--fg)}.fb-proposal-secondary{color:var(--fg);background:var(--surface);border:1px solid var(--border-subtle)}.fb-proposal-revision-form{gap:var(--space-xs);flex:1;display:grid}.fb-proposal-revision-form textarea{width:100%;min-width:0;font:inherit;resize:vertical;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 8px;font-size:.75rem}.fb-proposal-finalized{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.fb-proposal-preview-link{width:fit-content;color:var(--fg);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;padding:3px 8px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.fb-proposal-preview-link:hover{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}
