:root,[data-appearance=workshop]{--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", serif;--font-body: "Source Sans 3", "Source Sans Pro", "Segoe UI", sans-serif;--ink: #1c2430;--ink-muted: #5a6573;--paper: #f7f5f1;--paper-elevated: #fffcf8;--line: rgba(28, 36, 48, .1);--accent: #0f6e6a;--accent-soft: rgba(15, 110, 106, .12);--danger: #9b3b2e;--warn: #8a6a12;--shell-glow: radial-gradient( 1200px 500px at 10% -10%, rgba(15, 110, 106, .14), transparent 55% ), radial-gradient( 900px 400px at 100% 0%, rgba(28, 36, 48, .06), transparent 50% ), linear-gradient(165deg, #efeae2 0%, #f7f5f1 40%, #e8eef0 100%);--radius: 10px;--density: 1;--title-size: 1.65rem;--pad: 1.25rem}[data-appearance=studio]{--ink: #241c18;--ink-muted: #6b5c52;--paper: #faf6f1;--paper-elevated: #fffdf9;--line: rgba(36, 28, 24, .12);--accent: #2f5d50;--accent-soft: rgba(47, 93, 80, .16);--shell-glow: radial-gradient( 1100px 560px at 85% -15%, rgba(196, 132, 72, .22), transparent 55% ), radial-gradient( 900px 420px at -5% 15%, rgba(47, 93, 80, .14), transparent 50% ), linear-gradient(175deg, #f0e4d6 0%, #faf6f1 42%, #e7ebe4 100%);--radius: 16px;--title-size: 2.15rem;--pad: 1.75rem}[data-appearance=studio] .brand{font-size:1.55rem}[data-appearance=studio] .canvas-header h1{font-weight:500;letter-spacing:-.03em}[data-appearance=studio] .panel{padding:1.25rem}[data-appearance=studio] .task-table th,[data-appearance=studio] .task-table td{padding:.9rem .65rem}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--shell-glow);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:100vh}.topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--paper-elevated) 78%,transparent)}.brand{font-family:var(--font-display);font-weight:600;font-size:1.35rem;letter-spacing:-.02em;margin:0;line-height:1}.workspace-chip{border:1px solid var(--line);background:var(--paper-elevated);border-radius:999px;padding:.35rem .75rem;color:var(--ink-muted);font-size:.9rem}.mode-switch{display:inline-flex;gap:.2rem;margin-left:.5rem;padding:.2rem;border-radius:999px;background:color-mix(in srgb,var(--ink) 6%,transparent)}.mode-switch button{border:0;background:transparent;border-radius:999px;padding:.4rem .85rem;color:var(--ink-muted);font-weight:500}.mode-switch button[aria-pressed=true]{background:var(--paper-elevated);color:var(--ink);box-shadow:0 1px 0 var(--line)}.mode-switch .badge{margin-left:.3rem;font-size:.75rem;color:var(--accent);font-weight:700}.topbar-spacer{flex:1}.appearance-switch{display:inline-flex;gap:.25rem;align-items:center}.appearance-switch button{border:1px solid var(--line);background:transparent;border-radius:8px;padding:.35rem .65rem;font-size:.85rem;color:var(--ink-muted)}.appearance-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.body{display:grid;grid-template-columns:220px 1fr;min-height:0}.nav{padding:var(--pad);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:.35rem}.nav h2{margin:0 0 .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-weight:600}.nav button{text-align:left;border:0;background:transparent;padding:.45rem .55rem;border-radius:8px;color:var(--ink)}.nav button[aria-current=page],.nav button:hover{background:var(--accent-soft)}.main{display:grid;grid-template-columns:1fr auto;min-width:0;min-height:0}.canvas{padding:var(--pad) calc(var(--pad) * 1.25);overflow:auto}.canvas-header{margin-bottom:1.25rem}.canvas-header h1{font-family:var(--font-display);font-size:var(--title-size);font-weight:600;margin:0 0 .35rem;letter-spacing:-.02em}.canvas-header p{margin:0;color:var(--ink-muted);max-width:42rem;line-height:1.45}.rail{width:300px;border-left:1px solid var(--line);padding:var(--pad);background:color-mix(in srgb,var(--paper-elevated) 70%,transparent);overflow:auto}.rail h3{margin:0 0 .5rem;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.rail p,.rail li{color:var(--ink-muted);line-height:1.45;font-size:.95rem}.rail ul{margin:0;padding-left:1.1rem}.task-table{width:100%;border-collapse:collapse}.task-table th,.task-table td{text-align:left;padding:.7rem .55rem;border-bottom:1px solid var(--line)}.task-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-weight:600}.status-pill{display:inline-block;padding:.15rem .45rem;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:.85rem;font-weight:600}.build-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem;min-height:420px}.panel{background:color-mix(in srgb,var(--paper-elevated) 88%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.panel h2{margin:0;font-family:var(--font-display);font-size:1.15rem}.chat-log{flex:1;overflow:auto;display:flex;flex-direction:column;gap:.75rem}.bubble{padding:.75rem .9rem;border-radius:10px;background:color-mix(in srgb,var(--ink) 4%,var(--paper-elevated));line-height:1.45}.bubble.user{background:var(--accent-soft)}.composer{display:flex;gap:.5rem}.composer input{flex:1;border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem;background:var(--paper-elevated)}.composer button,.primary{border:0;background:var(--accent);color:#fff;border-radius:8px;padding:.55rem .9rem;font-weight:600}.artifact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.artifact-list li{padding:.55rem .65rem;border:1px solid var(--line);border-radius:8px;background:var(--paper-elevated);color:var(--ink)}.inbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.inbox-item{padding:.85rem;border-bottom:1px solid var(--line)}.inbox-item strong{display:block;margin-bottom:.25rem}.inbox-item span{color:var(--ink-muted);font-size:.9rem}.auth-gate{min-height:100vh;display:grid;place-items:center;padding:2rem;background:var(--shell-glow)}.auth-card{width:min(420px,100%);padding:2rem;border-radius:calc(var(--radius) + 4px);background:color-mix(in srgb,var(--paper-elevated) 92%,transparent);border:1px solid var(--line)}.auth-card h1{font-family:var(--font-display);font-size:2.2rem;margin:0 0 .35rem}.auth-card p{margin:0 0 1.25rem;color:var(--ink-muted)}.auth-card label{display:block;font-size:.85rem;margin-bottom:.35rem;color:var(--ink-muted)}.auth-card input{width:100%;margin-bottom:.9rem;border:1px solid var(--line);border-radius:8px;padding:.65rem .75rem;background:var(--paper)}.auth-error{color:var(--danger);margin-bottom:.75rem;font-size:.9rem}.muted{color:var(--ink-muted)}.work-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.work-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.work-body{display:grid;grid-template-columns:1fr;gap:1rem}.work-body.with-detail{grid-template-columns:1fr 320px}.task-table tr{cursor:pointer}.task-table tr.selected td{background:var(--accent-soft)}.task-table tr:hover td{background:color-mix(in srgb,var(--ink) 3%,transparent)}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.board-col{background:color-mix(in srgb,var(--paper-elevated) 70%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;min-height:280px}.board-col h3{margin:0 0 .75rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}.board-card{display:flex;flex-direction:column;gap:.25rem;width:100%;text-align:left;border:1px solid var(--line);background:var(--paper-elevated);border-radius:8px;padding:.7rem .75rem;margin-bottom:.5rem}.detail-panel,.create-panel,.form-panel{display:flex;flex-direction:column;gap:.75rem}.form-grid{display:grid;gap:.65rem}.form-grid label,.form-panel label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--ink-muted)}.form-grid input,.form-grid select,.form-panel input{border:1px solid var(--line);border-radius:8px;padding:.55rem .65rem;background:var(--paper-elevated);color:var(--ink)}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.row-between{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.card-list{display:flex;flex-direction:column;gap:.75rem}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.metric{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:color-mix(in srgb,var(--paper-elevated) 85%,transparent);display:flex;flex-direction:column;gap:.35rem}.metric strong{font-family:var(--font-display);font-size:2rem;font-weight:600}.danger{border:0;background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger);border-radius:8px;padding:.55rem .9rem;font-weight:600}.lock-box{border:1px dashed #a6842a;background:#fff6dc;color:#5c4810;padding:.75rem .85rem;border-radius:8px;font-weight:600}.code-block{background:#1c2430;color:#f4efe8;padding:.75rem;border-radius:8px;overflow:auto;font-size:.8rem}textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:.55rem .65rem;background:var(--paper-elevated)}.status-open{background:var(--accent-soft);color:var(--accent)}.status-in_progress{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.status-done{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink-muted)}.status-high{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}@media(max-width:960px){.body{grid-template-columns:1fr}.nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.main{grid-template-columns:1fr}.rail{width:100%;border-left:0;border-top:1px solid var(--line)}.build-layout,.inbox-grid,.work-body.with-detail,.board,.metrics-grid{grid-template-columns:1fr}}