: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;--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:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px;display:flex}.studio-nav-link{color:var(--text-muted);border-radius:var(--radius-full);padding:12px 16px;font-size:.94rem;transition:background .16s,color .16s}.studio-nav-link:hover:not(.active){color:var(--text-secondary)}.studio-nav-link.active{color:var(--text-primary);background:#fff;font-weight:600;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-columns:430px minmax(0,1fr);align-items:start}.two-column-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.workspace-settings-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)}.status-pill{border-radius:var(--radius-full);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{gap:12px;display:grid}.confirmation-point-nav,.confirmation-option-card,.confirmation-note-card,.confirmation-landing-preview{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}.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{grid-template-rows:auto auto minmax(0,1fr);align-self:start;height:calc(100vh - 110px);display:grid;position:sticky;top:86px;overflow:hidden}.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-self:start;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-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{text-transform:uppercase;letter-spacing:.04em;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(--error);background:#ef44441f}.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:calc(100vh - 164px);min-height:0;box-shadow:var(--shadow);background:#fff}.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:720px}.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{border:1px solid var(--border);border-radius:var(--radius-full);background:#f7f5f2d9;align-items:center;gap:4px;padding:4px;display:flex}.builder-tab{font:inherit;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.94rem;font-weight:500;transition:background .16s,color .16s;display:inline-flex}.builder-tab:hover:not(.builder-tab--disabled){color:var(--text-primary)}.builder-tab--active{color:var(--text-primary);background:var(--surface);font-weight:600;box-shadow:0 1px 2px #1e191414}.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}.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)}.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{gap:8px;margin-top:4px;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{height:auto;overflow:visible}}@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:start;height:calc(100vh - 110px);display:flex;position:sticky;top:86px;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{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--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{background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;margin-top:16px;padding:12px}.next-action-box>.eyebrow{margin-bottom:8px}.next-action-description{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.action-row{flex-wrap:wrap;gap:8px;display:flex}.detail-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;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}.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:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:var(--radius-sm);align-items:center;font-size:13px;font-weight:500;transition:background .1s ease-out;display:flex}.board-packet-tab:hover{background:var(--surface-raised)}.board-packet-tab.active{color:var(--text-primary);background:var(--bg);box-shadow:var(--shadow-sm);font-weight:600}.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-completed-count{padding:var(--space-xs) var(--space-sm);color:var(--text-muted);font-size:12px}.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-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-source-fb{padding-top:var(--space-sm);border-top:1px solid var(--border)}.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}.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{padding:var(--space-md);color:var(--text-primary);border-bottom:1px solid var(--border);flex-direction:column;gap:6px;text-decoration:none;transition:background .1s ease-out;display:flex}.fb-inbox-card:hover{background:var(--surface-raised)}.fb-inbox-card--active{background:var(--bg);border-left:2px solid var(--text-primary)}.fb-inbox-card-header{gap:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.fb-inbox-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.fb-inbox-card-summary{-webkit-line-clamp:2;color:var(--text-secondary);-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.fb-inbox-card-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.fb-inbox-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}.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-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-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);display:flex}.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)}