:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--bg-0: #040713;--bg-1: #08152a;--panel: rgba(10, 20, 44, .55);--panel-border: rgba(95, 160, 255, .2);--text-main: #e7f5ff;--text-muted: #95a7c8;--accent: #35d2ff;--accent-soft: rgba(53, 210, 255, .2);--danger: #ff4d5f}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;background:radial-gradient(1200px 700px at 55% 35%,rgba(25,110,220,.22),transparent 60%),radial-gradient(800px 500px at 45% 62%,rgba(0,212,255,.12),transparent 65%),linear-gradient(180deg,var(--bg-1),var(--bg-0));color:var(--text-main)}.app-root{width:100%;height:100%;background:radial-gradient(circle at 52% 50%,rgba(18,58,112,.2),transparent 45%)}.orb-layout{height:100%;display:grid;grid-template-columns:300px minmax(540px,1fr) 360px;grid-template-rows:1fr 56px;gap:12px;padding:12px}.orb-panel{border:1px solid var(--panel-border);border-radius:16px;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #aadcff14,0 10px 30px #00000059;overflow:hidden}.orb-panel-left{grid-column:1;grid-row:1;padding:14px}.orb-panel-center{grid-column:2;grid-row:1;position:relative;background:linear-gradient(180deg,#081023d1,#030816eb)}.orb-panel-right{grid-column:3;grid-row:1;padding:14px;overflow-y:auto}.orb-panel-bottom{grid-column:1 / 4;grid-row:2;padding:0 14px;display:flex;align-items:center}.shell-card h2,.shell-card h3{margin:0 0 10px;color:#c8ebff;letter-spacing:.02em;font-weight:600}.list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:12px}.workflow-composer{display:flex;flex-direction:column;gap:10px;margin:12px 0 10px}.workflow-settings{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid rgba(80,138,255,.25);border-radius:10px;margin-top:10px;background:#081023a6}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#b8d8ff;min-width:0}.setting-row span{min-width:0;flex:1;overflow-wrap:anywhere}.compact-btn{border-radius:999px;border:1px solid rgba(120,200,255,.35);background:#0c284eb3;color:#d7f0ff;padding:5px 10px;font-size:11px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:76px}.compact-btn:hover{border-color:var(--accent);box-shadow:0 0 0 3px #35d2ff1f}.setting-column{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b8d8ff}.setting-column input[type=range]{width:100%;accent-color:var(--accent)}.warning-banner{border:1px solid rgba(255,108,117,.55);background:#44131d99;color:#ffd3d8;border-radius:10px;padding:9px 11px;font-size:12px;margin:8px 0 12px}.artifact-tag{display:inline-block;margin-top:4px;border:1px solid rgba(255,151,92,.4);background:#4a230a8c;color:#ffd29d;border-radius:999px;padding:3px 9px;font-size:11px}.sync-card{border-radius:12px;padding:10px 12px;margin:8px 0 12px;border:1px solid rgba(103,179,255,.28);background:linear-gradient(180deg,#0a1832b8,#081023ad)}.sync-card-title-row{display:flex;align-items:center;gap:8px;color:#d6eeff;font-size:13px}.sync-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.sync-card-message{margin-top:6px;color:#bdd9f9;font-size:12px;line-height:1.45}.sync-card-hint{margin-top:5px;color:#8eb4df;font-size:11px;line-height:1.4}.sync-card-local .sync-dot{background:#79d5ff;box-shadow:0 0 10px #79d5ffb3}.sync-card-offline{border-color:#ffae6d66;background:linear-gradient(180deg,#371b097a,#1c0f0794)}.sync-card-offline .sync-dot{background:#ffc074;box-shadow:0 0 10px #ffc074bf}.sync-card-offline .sync-card-message{color:#ffd4ad}.sync-card-online{border-color:#55eaff61;background:linear-gradient(180deg,#082b4085,#0616299e)}.sync-card-online .sync-dot{background:#5bf0ff;box-shadow:0 0 10px #5bf0ffcc}.workflow-composer textarea,.workflow-composer button{width:100%;border-radius:10px;border:1px solid rgba(80,138,255,.3);background:#081023b3;color:#e8f7ff;padding:11px}.workflow-composer textarea{min-height:84px;resize:vertical}.workflow-composer button:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--text-muted);font-size:12px}.status-bar{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#a8c7ef}.storyteller-workspace{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.storyteller-workspace .row{display:flex}.storyteller-workspace input,.storyteller-workspace textarea,.storyteller-workspace button{width:100%;border-radius:10px;border:1px solid rgba(80,138,255,.3);background:#081023b3;color:#e8f7ff;padding:10px 11px}.storyteller-workspace textarea{min-height:84px;resize:vertical}.storyteller-workspace .buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.artifact-preview{width:100%;border-radius:10px;border:1px solid rgba(99,171,255,.28);box-shadow:0 10px 24px #00000059}.shell-card a{display:inline-block;margin-top:4px;color:#87d7ff;text-decoration:none}.shell-card a:hover{text-decoration:underline}.orb-layout--focus .orb-panel-left,.orb-layout--focus .orb-panel-right{display:none}.orb-layout--focus{grid-template-columns:0 1fr 0}.orb-layout--focus .orb-panel-center,.orb-layout--focus .orb-panel-bottom{grid-column:1 / 4}.shell-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.shell-card-header h2{margin:0;color:#c8ebff;letter-spacing:.02em;font-weight:600}@media(max-width:1280px){.orb-layout{grid-template-columns:280px 1fr;grid-template-rows:1fr 1fr 56px}.orb-panel-left{grid-column:1;grid-row:1}.orb-panel-center{grid-column:2;grid-row:1 / 3}.orb-panel-right{grid-column:1;grid-row:2}.orb-panel-bottom{grid-column:1 / 3;grid-row:3}}@media(max-width:900px){.orb-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,1fr) auto auto}.orb-panel-left{grid-column:1;grid-row:1}.orb-panel-center{grid-column:1;grid-row:2}.orb-panel-right{grid-column:1;grid-row:3}.orb-panel-bottom{grid-column:1;grid-row:4}}