: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:#0b0d10;--toolbar:#111418;--sidebar:#101317;--surface:#15191e;--surface-raised:#1a1f25;--field:#101419;--line:#262c33;--line-strong:#353d46;--text:#f0f2f5;--muted:#9aa3ad;--faint:#68717c;--accent:#5b8def;--accent-soft:#5b8def21;--success:#65b879;--warning:#d6a85f;--danger:#e26d78;background:var(--bg);color:var(--text);grid-template-rows:48px minmax(0,1fr) 24px;height:100vh;display:grid;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;min-height:32px;padding:0 10px;display:inline-flex}button:hover{background:#ffffff0e}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:-1px;outline:2px solid #5b8defb8}button:disabled{cursor:not-allowed;opacity:.45}.toolbar{background:var(--toolbar);border-bottom:1px solid var(--line);z-index:20;grid-template-columns:34px 170px minmax(180px,1fr) auto;align-items:center;min-width:0;padding:0 8px;display:grid;position:relative}.iconButton{width:32px;height:32px;padding:0}.brandName{white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.brandName svg{color:#8eaef4}.fileTab{border-left:1px solid var(--line);border-right:1px solid var(--line);color:#d8dde4;align-self:stretch;align-items:center;gap:8px;min-width:0;max-width:360px;padding:0 14px;display:flex}.fileTab:after{background:var(--accent);content:"";height:2px;position:absolute;bottom:0;left:0;right:0}.fileTab{position:relative}.fileTab span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.fileTab i{background:var(--success);border-radius:50%;flex:none;width:7px;height:7px}.fileTab i.dirty{background:var(--warning)}.fileTab i.saving{background:var(--accent);animation:.9s infinite alternate pulse}.toolbarActions{justify-content:flex-end;align-items:center;gap:2px;padding-left:12px;display:flex}.toolbarButton{color:var(--muted)}.toolbarButton:hover,.toolbarButton.active{background:var(--accent-soft);color:#c8d8fb}.toolbarDivider{background:var(--line);width:1px;height:22px;margin:0 5px}.desktopLayout{grid-template-columns:320px minmax(0,1fr);min-height:0;display:grid}.mobileLayout{display:none}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.sidebarTitle{justify-content:space-between;align-items:center;padding:20px 18px 12px;display:flex}.sidebarTitle>div{align-items:baseline;gap:9px;min-width:0;display:flex}.sidebarTitle strong{font-size:15px}.sidebarTitle span{color:var(--faint);white-space:nowrap;font-size:11px}.sidebarTitle .iconButton{border:1px solid var(--line);color:var(--muted)}.addPromptWrap{position:relative}.addPromptMenu{border:1px solid var(--line-strong);z-index:40;background:#1b2026;border-radius:6px;min-width:230px;padding:6px;display:grid;position:absolute;top:36px;right:0;box-shadow:0 16px 40px #00000080}.addPromptMenu>span{color:var(--faint);text-transform:uppercase;padding:10px 9px 5px;font-size:10px}.addPromptMenu>div{max-height:260px;display:grid;overflow-y:auto}.addPromptMenu button{text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;font-size:12px;overflow:hidden}.addPromptMenu .createPromptAction{color:#c5d5f7;gap:8px}.sidebarControls{gap:8px;padding:0 14px 12px;display:grid}.searchBox{background:var(--field);border:1px solid var(--line);color:var(--faint);border-radius:5px;align-items:center;gap:8px;padding:0 10px;display:flex}.searchBox:focus-within{border-color:#496fae}.searchBox input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0;height:34px;padding:0}.filterTabs{gap:2px;display:flex}.filterTabs button{color:var(--faint);min-height:25px;padding:0 8px;font-size:11px}.filterTabs button.active{color:#cbd1d8;background:#ffffff0e}.promptList{min-height:0;padding:0 8px 16px;overflow-y:auto}.promptRow{color:#c8cdd4;cursor:pointer;border-left:2px solid #0000;border-radius:3px;grid-template-columns:15px 14px 21px minmax(0,1fr) 14px 31px 28px;align-items:center;gap:6px;min-height:46px;padding:4px 4px 4px 5px;display:grid;position:relative}.promptRow:hover{background:#ffffff09}.promptRow.selected{border-left-color:var(--accent);color:var(--text);background:#7c8ea321}.promptRow.disabled{color:#747d87}.dragHandle{color:#4f5863;cursor:grab}.statusToggle{width:14px;height:22px;min-height:22px;padding:0}.statusToggle span{background:#545c66;border-radius:50%;width:7px;height:7px}.statusToggle.enabled span{background:var(--success);box-shadow:0 0 0 3px #65b87914}.rowIndex{color:var(--faint);font-family:Cascadia Code,Consolas,monospace;font-size:10px}.promptMeta{min-width:0}.promptMeta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.promptMeta small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;display:none;overflow:hidden}.fixedIcon{color:#777f89}.roleMark{color:#76808c;text-align:right;font-family:Cascadia Code,Consolas,monospace;font-size:10px}.rowMenuWrap{position:relative}.rowMenuButton{color:var(--faint);opacity:0;width:28px;height:28px;min-height:28px;padding:0}.promptRow:hover .rowMenuButton,.rowMenuButton:focus{opacity:1}.rowMenuWrap:has(.rowMenu) .rowMenuButton{opacity:1}.rowMenu{border:1px solid var(--line-strong);z-index:30;background:#1d2228;border-radius:6px;min-width:152px;padding:5px;display:grid;position:absolute;top:30px;right:0;box-shadow:0 12px 32px #0000006b}.rowMenu button{white-space:nowrap;justify-content:flex-start;gap:8px}.rowMenu .dangerAction{color:#ef929a}.listEmpty{color:var(--faint);text-align:center;padding:28px 12px;font-size:12px}.editorPane,.pagePane,.emptyState{background:var(--bg);min-width:0;min-height:0}.editorPane{grid-template-rows:auto auto auto minmax(0,1fr);padding:32px clamp(24px,4vw,64px) 20px;display:grid;overflow:hidden}.documentHeader{align-items:baseline;gap:16px;min-width:0;display:flex}.documentTitleInput{color:var(--text);letter-spacing:0;background:0 0;border:0;width:min(680px,70%);min-width:0;padding:0;font-size:25px;font-weight:620}.identifierText{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-family:Cascadia Code,Consolas,monospace;font-size:11px;overflow:hidden}.metadataRail{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:18px;padding:26px 0 16px;display:flex}.metadataRail label{gap:5px;display:grid}.metadataRail label>span,.triggerControl>span{color:var(--faint);text-transform:uppercase;font-size:10px}.metadataRail select,.metadataRail input{color:#d9dde2;background:0 0;border:0;border-bottom:1px solid #313842;border-radius:0;width:92px;height:30px;padding:0 20px 0 0}.metadataRail input{width:68px}.enabledControl{color:var(--muted);gap:7px;margin-left:auto}.enabledControl>span{background:#545c66;border-radius:50%;width:8px;height:8px}.enabledControl.active>span{background:var(--success)}.propertiesStrip{border-bottom:1px solid var(--line)}.propertiesStrip summary{color:var(--muted);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;font-size:12px;list-style:none;display:grid}.propertiesStrip summary::-webkit-details-marker{display:none}.propertySummary{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.propertiesStrip[open] summary svg{transform:rotate(180deg)}.propertyContent{flex-wrap:wrap;align-items:center;gap:18px;padding:2px 0 15px;display:flex}.checkControl{color:#bbc1c8;align-items:center;gap:7px;font-size:12px;display:flex}.checkControl input{accent-color:var(--accent)}.triggerControl{align-items:center;gap:10px;margin-left:auto;display:flex}.triggerControl>div{gap:3px;display:flex}.triggerControl button{color:var(--faint);border:1px solid #0000;min-height:25px;padding:0 7px;font-size:11px}.triggerControl button.active{background:var(--accent-soft);color:#b9cdf7;border-color:#5b8def3d}.contentWorkspace{flex-direction:column;min-height:0;padding-top:16px;display:flex}.contentToolbar{color:var(--muted);justify-content:space-between;align-items:center;min-height:34px;font-size:12px;display:flex}.contentToolbar>div{color:var(--faint);align-items:center;gap:8px;font-size:10px;display:flex}.iconButton.subtle{color:var(--muted);width:28px;height:28px;min-height:28px}.contentEditor{border:1px solid var(--line);color:#dfe3e8;resize:none;background:#0e1115;border-radius:5px;flex:1;width:100%;min-height:240px;padding:18px 20px;font-family:Cascadia Code,Consolas,Roboto Mono,monospace;font-size:14px;line-height:1.75}.contentEditor::placeholder{color:#4c5560}.pagePane{padding:36px clamp(26px,5vw,72px);overflow-y:auto}.paneTitle,.pageHeader{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.paneTitle h2,.pageHeader h1{letter-spacing:0;margin:0;font-size:25px;font-weight:620}.paneTitle>span,.pageHeader p{color:var(--muted);font-size:12px}.pageHeader span{color:var(--accent);font-size:10px}.pageHeader p{margin:8px 0 0}.flowList{gap:1px;display:grid}.flowBlock{border-left:2px solid var(--success);background:#11151a;padding:14px 16px}.flowBlock.disabled{opacity:.48;border-left-color:#4c545e}.flowBlock header{align-items:center;gap:8px;display:flex}.flowBlock header strong{font-size:13px}.flowBlock header span,.chipList span{color:var(--faint);font-size:10px}.flowBlock pre{color:#aeb6c0;white-space:pre-wrap;margin:10px 0 0;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.55}.chipList{flex-wrap:wrap;gap:8px;display:flex}.chipList span{border:1px solid var(--line);border-radius:4px;padding:6px 9px}.settingsSections{border-top:1px solid var(--line)}.settingsSection{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,.65fr) minmax(320px,1.35fr);gap:40px;padding:28px 0;display:grid}.settingsSectionIntro h2{margin:0;font-size:14px}.settingsSectionIntro p{color:var(--faint);margin:6px 0 0;font-size:12px;line-height:1.5}.settingsRows{gap:1px;display:grid}.settingsRow{background:#101419;grid-template-columns:minmax(150px,1fr) minmax(120px,180px);align-items:center;gap:20px;min-height:48px;padding:7px 12px;display:grid}.settingsRow>span:first-child{color:#c3c9d0;font-size:12px}.settingsRow input[type=number],.settingsRow input[type=text],.settingsRow textarea{background:var(--field);border:1px solid var(--line);color:var(--text);border-radius:4px;width:100%;padding:7px 9px}.settingsRow input[readonly]{color:var(--faint)}.settingsTextRow{align-items:start}.switchControl{justify-self:end;position:relative}.switchControl input{opacity:0;position:absolute;inset:0}.switchControl>span{background:#343b44;border-radius:10px;width:32px;height:18px;display:block;position:relative}.switchControl>span:after{content:"";background:#929aa4;border-radius:50%;width:12px;height:12px;transition:transform .12s;position:absolute;top:3px;left:3px}.switchControl input:checked+span{background:#5b8def61}.switchControl input:checked+span:after{background:#8eb0f4;transform:translate(14px)}.emptyState{color:var(--faint);justify-content:center;align-items:center;font-size:13px;display:flex}.statusBar{color:var(--faint);background:#0f1215;border-top:1px solid #1f242a;justify-content:flex-end;align-items:center;gap:18px;padding:0 10px;font-size:10px;display:flex}.saveState{align-items:center;gap:6px;margin-right:auto;display:flex}.saveState i{background:var(--success);border-radius:50%;width:6px;height:6px}.saveState.dirty i{background:var(--warning)}.saveState.saving i{background:var(--accent);animation:.9s infinite alternate pulse}.mobileCommandMenu{border:1px solid var(--line-strong);z-index:50;background:#1b2026;border-radius:6px;min-width:190px;padding:6px;display:grid;position:absolute;top:44px;left:6px;box-shadow:0 16px 40px #00000080}.mobileCommandMenu button{justify-content:flex-start;gap:10px}*{scrollbar-color:#49515b #111419;scrollbar-width:thin}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#111419}::-webkit-scrollbar-thumb{background:#49515b;border:2px solid #111419;border-radius:8px}@keyframes pulse{to{opacity:.35}}@media (width<=900px){.desktopLayout{grid-template-columns:270px minmax(0,1fr)}.editorPane{padding-left:26px;padding-right:26px}.metadataRail{gap:12px}}@media (width<=760px){.appShell{grid-template-rows:48px minmax(0,1fr) 24px;min-height:100dvh}button{min-height:44px}input,select,textarea{font-size:16px}.toolbar{grid-template-columns:40px minmax(100px,1fr) auto;padding:0 6px}.brandName{font-size:14px}.brandName svg{display:none}.fileTab{opacity:0;pointer-events:none;border:0;grid-area:1/2;max-width:none;position:absolute}.toolbarActions{padding-left:0}.toolbarActions .toolbarButton:first-of-type,.toolbarActions .toolbarButton:nth-of-type(2),.toolbarActions .toolbarButton:nth-of-type(3),.toolbarActions .toolbarButton:nth-of-type(5),.toolbarDivider{display:none}.toolbarButton{width:40px;height:40px}.desktopLayout{display:none}.mobileLayout{min-height:0;display:block;overflow:hidden}.mobileLayout>.sidebar{border:0;height:100%}.sidebarTitle{padding:18px 14px 12px}.sidebarTitle .iconButton{width:40px;height:40px}.sidebarControls{padding:0 12px 10px}.searchBox input{height:42px}.filterTabs button{min-height:32px}.promptList{padding:0 7px 22px}.promptRow{grid-template-columns:16px 17px 22px minmax(0,1fr) 14px 34px 36px;gap:7px;min-height:55px;padding:5px 4px}.promptMeta strong{font-size:14px}.rowMenuButton{opacity:1;width:36px;height:36px;min-height:36px}.rowMenu{top:38px;bottom:auto;right:4px}.mobileWorkspace{grid-template-rows:48px minmax(0,1fr);height:100%;min-height:0;display:grid}.mobileTopBar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 10px;display:flex}.mobileTopBar span{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;max-width:48vw;font-size:11px;overflow:hidden}.backButton{color:#c9ced5;padding:0 4px}.editorPane{grid-template-rows:auto auto auto minmax(0,1fr);padding:20px 14px 14px;overflow-y:auto}.documentHeader{align-items:stretch;gap:5px;display:grid}.documentTitleInput{width:100%;font-size:21px}.identifierText{font-size:10px}.metadataRail{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;padding:20px 0 12px;display:grid}.metadataRail label:first-of-type,.metadataRail label:nth-of-type(2){grid-column:span 2}.metadataRail select,.metadataRail input{width:100%;font-size:14px}.enabledControl{grid-column:1/-1;justify-content:flex-start;margin-left:0}.propertiesStrip summary{min-height:48px}.propertyContent{align-items:flex-start;gap:12px;display:grid}.checkControl{min-height:28px}.triggerControl{align-items:flex-start;margin-left:0;display:grid}.triggerControl>div{flex-wrap:wrap}.triggerControl button{min-height:34px}.contentWorkspace{min-height:60dvh}.contentEditor{min-height:54dvh;padding:14px;font-size:14px}.pagePane{height:100%;padding:24px 16px}.settingsSection{grid-template-columns:1fr;gap:14px;padding:22px 0}.settingsRow{grid-template-columns:minmax(120px,1fr) minmax(110px,.8fr)}.statusBar span:nth-child(n+3){display:none}}@media (width<=410px){.roleMark{display:none}.promptRow{grid-template-columns:16px 17px 22px minmax(0,1fr) 14px 36px}.toolbarActions .toolbarButton:nth-of-type(4){display:none}}