:root{--shell-bg:#f6f6f5;--shell-surface:#fff;--shell-stage:#e9e8e6;--shell-fg:#1c1b1a;--shell-fg-subtle:#6b6966;--shell-border:#dddbd8;--shell-accent:#534375;--shell-accent-soft:#ece8f4;--shell-radius:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--shell-bg:#161616;--shell-surface:#1f1f1f;--shell-stage:#0f0f0f;--shell-fg:#ecebea;--shell-fg-subtle:#9a9894;--shell-border:#2e2e2d;--shell-accent:#b9a6e8;--shell-accent-soft:#2b2638;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--shell-fg);background:var(--shell-bg);font:14px/1.4 system-ui,-apple-system,sans-serif}code{font:12px ui-monospace,SFMono-Regular,Menlo,monospace}button,input,select{font:inherit;color:inherit}.shell{grid-template-columns:280px minmax(0,1fr);height:100%;display:grid}.shell-nav{background:var(--shell-surface);border-right:1px solid var(--shell-border);flex-direction:column;gap:12px;min-height:0;padding:16px 12px;display:flex}.shell-nav-header{align-items:center;gap:10px;padding:0 4px;display:flex}.shell-mark{border-radius:var(--shell-radius);background:var(--shell-fg);width:32px;height:32px;color:var(--shell-surface);place-items:center;font-size:12px;font-weight:700;display:grid}.shell-nav-title{font-weight:650}.shell-nav-subtitle{color:var(--shell-fg-subtle);font-size:12px}.shell-search{border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--shell-bg);width:100%;padding:7px 10px}.shell-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.shell-list-item{border-radius:var(--shell-radius);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.shell-list-item:hover{background:var(--shell-bg)}.shell-list-item[data-active]{background:var(--shell-accent-soft)}.shell-list-item-title{justify-content:space-between;align-items:center;gap:8px;font-weight:550;display:flex}.shell-list-item-description{color:var(--shell-fg-subtle);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.shell-status{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--shell-border);color:var(--shell-fg-subtle);border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:600}.shell-status-wip{color:#8a5a00;border-color:#e7c27a}.shell-status-review{color:var(--shell-accent);border-color:var(--shell-accent)}.shell-status-done{color:#1f6b3a;border-color:#8cc7a1}.shell-empty,.shell-nav-footer{color:var(--shell-fg-subtle);padding:0 4px;font-size:12px}.shell-main{flex-direction:column;min-width:0;min-height:0;display:flex}.shell-toolbar{background:var(--shell-surface);border-bottom:1px solid var(--shell-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.shell-toolbar-info{min-width:0}.shell-toolbar-info h1{font-size:15px;font-weight:650}.shell-toolbar-info p{color:var(--shell-fg-subtle);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.shell-toolbar-controls{align-items:center;gap:8px;display:flex}.shell-field{color:var(--shell-fg-subtle);align-items:center;gap:6px;font-size:12px;display:flex}.shell-field select{border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--shell-bg);color:var(--shell-fg);padding:5px 8px}.shell-segmented{border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--shell-bg);padding:2px;display:flex}.shell-segmented button{cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 9px;font-size:12px}.shell-segmented button[data-active]{background:var(--shell-surface);box-shadow:0 1px 2px #0000001f}.shell-icon-button{border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--shell-bg);cursor:pointer;place-items:center;width:30px;height:30px;text-decoration:none;display:grid}.shell-icon-button:hover{border-color:var(--shell-fg-subtle)}.shell-stage{background:var(--shell-stage);flex:1;justify-content:center;min-height:0;display:flex;overflow:auto}.shell-frame{background:#fff;border:0;width:100%;height:100%}.shell-frame[style]{box-shadow:0 0 0 1px var(--shell-border), 0 8px 24px #00000014}.shell-placeholder{height:100%;color:var(--shell-fg-subtle);text-align:center;place-content:center;gap:4px;display:grid}
