:root{color:#e6edf3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1218;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0f1218;min-width:320px;min-height:100vh;margin:0}button{color:inherit}.appShell{--bg:#0e1116;--shell:#121720;--panel:#171d27;--panel-strong:#1d2531;--field:#0f141c;--line:#293241;--line-soft:#202938;--text:#eef2f7;--muted:#9da8b8;--faint:#6f7a8b;--accent:#64d2c3;--accent-2:#f6c177;--danger:#ff7a90;background:linear-gradient(180deg, #64d2c30d, transparent 240px), var(--bg);min-height:100vh;color:var(--text)}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#202837;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}button:hover{background:#273244;border-color:#3d4b61}button:active{transform:translateY(1px)}.toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line-soft);background:#0e1116e0;grid-template-columns:minmax(260px,1fr) auto minmax(220px,1fr);align-items:center;gap:16px;height:64px;padding:0 20px;display:grid}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brandMark{color:#101319;letter-spacing:0;background:linear-gradient(135deg,#64d2c3,#f6c177 55%,#ff7a90),#64d2c3;border-radius:12px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.brandText{gap:3px;min-width:0;display:grid}.brandText strong{letter-spacing:0;font-size:15px}.brandText span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.toolbarCenter{justify-content:center;align-items:center;gap:12px;display:flex}.statusPill{color:#a8eee4;white-space:nowrap;background:#64d2c31a;border:1px solid #64d2c338;border-radius:999px;padding:6px 10px;font-size:12px}.modeTabs{border:1px solid var(--line-soft);background:#0d121a;border-radius:10px;gap:4px;padding:4px;display:flex}.modeTabs button{color:var(--muted);background:0 0;border:0;min-height:30px;padding:0 11px}.modeTabs button.active{background:var(--panel-strong);color:var(--text);box-shadow:0 1px 8px #0000002e}.toolbarActions{justify-content:flex-end;gap:8px;display:flex}.ghostButton{background:0 0}.primaryButton{background:var(--accent);border-color:var(--accent);color:#07110f;font-weight:700}.desktopLayout{grid-template-columns:380px minmax(0,1fr);height:calc(100vh - 64px);padding:16px;display:grid}.mobileLayout{display:none}.sidebar{border:1px solid var(--line-soft);background:#171d27e6;border-radius:16px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 18px 60px #00000038}.sidebarTitle{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebarTitle div{gap:4px;display:grid}.sidebarTitle span{color:var(--muted);font-size:12px}.sidebarTitle strong{font-size:15px}.iconButton{border-radius:10px;width:36px;height:36px;padding:0;font-size:20px}.sidebarControls{border-bottom:1px solid var(--line-soft);gap:10px;padding:14px 16px;display:grid}input,select,textarea{background:var(--field);border:1px solid var(--line);color:var(--text);border-radius:10px;outline:none;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#64d2c3b8;box-shadow:0 0 0 3px #64d2c31a}.searchBox input{width:100%}.segmented{border:1px solid var(--line-soft);background:#0d121a;border-radius:11px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;min-height:30px}.segmented button.active{background:var(--panel-strong);color:var(--text)}.createActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.groupList{min-height:0;padding:12px 12px 16px;overflow:auto}.promptGroup+.promptGroup{margin-top:14px}.promptGroup[data-depth="2"]{margin-left:14px}.promptGroup[data-depth="3"]{margin-left:28px}.groupHeaderRow{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;margin-bottom:7px;display:grid}.groupHeader{background:0 0;border:0;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;width:100%;min-height:28px;padding:0 5px;display:grid}.groupHeader:hover{background:#ffffff08}.groupHeader strong{color:#dce3ee;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.groupHeader small{color:var(--faint)}.subgroupButton{color:var(--muted);min-height:28px;padding:0 8px;font-size:12px}.promptList{gap:7px;display:grid}.promptRow{cursor:pointer;background:#111722;border:1px solid #0000;border-radius:12px;grid-template-columns:24px 34px minmax(0,1fr) auto 30px 30px 18px;align-items:center;gap:9px;min-height:58px;padding:8px 10px;display:grid}.promptRow:hover{border-color:var(--line);background:#151d2a}.promptRow.selected{box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(135deg,#64d2c321,#151d2a 50%);border-color:#64d2c36b}.rowGlyph{color:var(--accent-2);background:#ffffff0d;border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.switch{display:inline-flex}.switch input{display:none}.switch span{background:#2d3747;border-radius:999px;width:34px;height:20px;position:relative}.switch span:after{content:"";background:#8995a6;border-radius:50%;width:14px;height:14px;transition:transform .14s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:#64d2c357}.switch input:checked+span:after{background:var(--accent);transform:translate(14px)}.promptMeta{min-width:0}.promptMeta strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.promptMeta small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}.roleMark,.chipList span,.flowBlock header span{color:#f8d9a4;white-space:nowrap;background:#f6c17717;border:1px solid #f6c17733;border-radius:999px;padding:4px 8px;font-size:11px}.dragHandle{color:var(--faint);cursor:grab}.rowAction{color:var(--faint);background:0 0;border:0;min-height:28px;padding:0;font-size:18px}.rowAction:hover{color:var(--danger);background:#ff7a901f}.editorPane{border:1px solid var(--line-soft);background:#171d27a8;border-left:0;border-radius:0 16px 16px 0;flex-direction:column;min-width:0;display:flex;overflow:hidden}.editorHeader{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:20px;padding:22px 24px 18px;display:flex}.breadcrumb{color:var(--muted);margin-bottom:7px;font-size:12px}.editorHeader h1{letter-spacing:0;margin:0;font-size:25px;font-weight:720;line-height:1.15}.editorHeaderMeta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.editorHeaderMeta span{border:1px solid var(--line);color:var(--muted);background:#101720;border-radius:999px;padding:7px 10px;font-size:12px}.stEditorGrid{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(260px,1fr) 160px 170px 180px auto;gap:14px;min-height:0;padding:18px 24px 24px;display:grid}.field{gap:7px;display:grid}.field span{color:var(--muted);font-size:12px}.stMiniFields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stTypeStrip{align-self:end;gap:8px;display:flex}.stTypeStrip button{color:var(--muted);white-space:nowrap}.stTypeStrip button.active{color:#a8eee4;background:#64d2c31f;border-color:#64d2c359}.promptTextPanel{border:1px solid var(--line-soft);background:#101720;border-radius:16px;flex-direction:column;grid-column:1/-1;min-height:0;display:flex;overflow:hidden}.promptTextHeader{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.promptTextHeader>div:first-child{gap:3px;display:grid}.promptTextHeader span{font-weight:700}.promptTextHeader small{color:var(--faint)}.promptTextHeader>div:last-child{gap:8px;display:flex}.contentEditor{resize:none;background:0 0;border:0;border-radius:0;flex:1;width:100%;min-height:420px;padding:18px;font-family:Consolas,Roboto Mono,monospace;font-size:15px;line-height:1.6}.contentEditor:focus{box-shadow:none}.pagePane{border:1px solid var(--line-soft);background:#171d27a8;border-left:0;border-radius:0 16px 16px 0;min-width:0;padding:24px;overflow:auto}.paneTitle{justify-content:space-between;align-items:center;display:flex}.paneTitle h2,.pagePane h2{margin:0 0 14px}.flowList{gap:12px;display:grid}.flowBlock{border:1px solid var(--line-soft);background:#111722;border-radius:14px;padding:14px}.flowBlock.disabled{opacity:.48}.flowBlock header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flowBlock pre{color:#ccd5e1;white-space:pre-wrap;margin:12px 0 0;font-family:Consolas,Roboto Mono,monospace;line-height:1.5}.chipList{flex-wrap:wrap;gap:8px;display:flex}.settingsGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px;display:grid}.settingsGrid article{border:1px solid var(--line-soft);background:#111722;border-radius:14px;gap:8px;padding:16px;display:grid}.settingsGrid span{color:var(--muted)}.emptyState{color:var(--muted);place-items:center;min-height:100%;display:grid}.backButton{margin:12px 12px 0}@media (width<=1080px){.toolbar{grid-template-columns:1fr;height:auto;padding:12px}.toolbarCenter,.toolbarActions{justify-content:flex-start}.desktopLayout{grid-template-columns:340px minmax(0,1fr)}.stEditorGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.stTypeStrip,.promptTextPanel{grid-column:1/-1}}@media (width<=760px){.appShell{min-height:100dvh}button{min-height:38px}input,select,textarea{font-size:16px}.toolbar{z-index:10;gap:10px;padding:10px;position:sticky;top:0}.brand{align-items:center}.brandMark{border-radius:10px;width:32px;height:32px}.brandText strong{font-size:14px}.brandText span{max-width:70vw}.toolbarCenter{grid-template-columns:1fr;justify-content:stretch;align-items:stretch;gap:8px;width:100%;display:grid}.toolbarCenter .modeTabs{min-width:100%}.desktopLayout{display:none}.mobileLayout{min-height:calc(100dvh - 156px);padding:10px;display:block}.sidebar,.editorPane,.pagePane{border:1px solid var(--line-soft);border-radius:18px;min-height:calc(100dvh - 176px)}.modeTabs{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.modeTabs button{min-height:36px;padding:0 6px}.toolbarActions{grid-template-columns:1fr 1fr 1.2fr;width:100%;display:grid}.statusPill{display:none}.sidebarTitle{padding:14px}.sidebarControls{padding:12px}.createActions{grid-template-columns:1fr}.groupList{padding:10px}.promptRow{border-radius:14px;grid-template-columns:26px 38px minmax(0,1fr) auto 30px 30px;min-height:66px;padding:10px}.promptRow .dragHandle{display:none}.promptMeta strong{font-size:15px}.promptMeta small{max-width:48vw;font-size:12px}.roleMark{padding:5px 8px}.mobileWorkspace{gap:10px;display:grid}.mobileTopBar{border:1px solid var(--line-soft);background:#171d27e0;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.mobileTopBar span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.backButton{flex:none;margin:0}.editorPane,.pagePane{min-height:calc(100dvh - 226px)}.editorHeader{gap:14px;padding:16px}.editorHeader h1{font-size:21px}.editorHeaderMeta{justify-content:flex-start;width:100%}.editorHeaderMeta span{text-align:center;flex:1}.stEditorGrid{grid-template-columns:1fr;gap:12px;padding:14px}.stMiniFields{grid-template-columns:1fr 1fr}.stTypeStrip{grid-template-columns:1fr 1fr;display:grid}.promptTextPanel{border-radius:14px}.promptTextHeader{flex-direction:column;align-items:stretch;gap:10px}.promptTextHeader>div:last-child{grid-template-columns:1fr 1fr;display:grid}.contentEditor{min-height:48dvh;padding:14px}.pagePane{padding:18px}.settingsGrid{grid-template-columns:1fr}}@media (width<=420px){.roleMark{display:none}.promptRow{grid-template-columns:26px 38px minmax(0,1fr)}.promptRow .rowAction{display:none}.stMiniFields{grid-template-columns:1fr}}