:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#102033;background:radial-gradient(circle at 0 0,#289fff29,#0000 28%),linear-gradient(#f6f9fc 0%,#eef3f8 100%);font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace}.app-shell{max-width:900px;margin:0 auto;padding:64px 24px}.app-shell-wide{max-width:1200px}.auth-shell{min-height:100vh}.auth-header{margin-bottom:24px}.brand{color:#102033;letter-spacing:.04em;font-weight:800;text-decoration:none}.hero{margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#3566a8;font-size:.78rem;font-weight:700}.hero h1{margin:12px 0;font-size:clamp(2.3rem,4vw,4.2rem);line-height:.95}.lede{max-width:700px;font-size:1.05rem;line-height:1.7}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc2;border:1px solid #1020331f;border-radius:20px;padding:24px;box-shadow:0 18px 60px #11284514}.auth-card{background:#ffffffe0;border:1px solid #1020331f;border-radius:20px;max-width:520px;padding:28px;box-shadow:0 18px 60px #11284514}.auth-form{gap:14px;display:grid}.auth-form label{gap:8px;font-weight:600;display:grid}.auth-form input{width:100%;font:inherit;background:#fff;border:1px solid #10203324;border-radius:12px;padding:12px 14px}.primary-button{color:#fff;font:inherit;cursor:pointer;background:#0b67d0;border:0;border-radius:999px;padding:12px 18px;font-weight:700}.primary-button:disabled{opacity:.65;cursor:wait}.auth-switch{margin-top:16px}.actions{margin-top:18px}.app-header,.editor-header,.panel-heading,.inline-heading,.editor-actions,.toolbar,.pagination,.danger-confirm,.tag-entry{gap:12px;display:flex}.app-header,.editor-header,.panel-heading,.inline-heading,.pagination{justify-content:space-between;align-items:center}.dashboard-stack,.editor-stack{gap:24px;display:grid}.editor-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;display:grid}.panel-heading h2,.editor-header h1{margin:8px 0 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid label{gap:8px;font-weight:600;display:grid}.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select,.tag-entry input{width:100%;font:inherit;background:#fff;border:1px solid #10203324;border-radius:12px;padding:12px 14px}.form-grid textarea{resize:vertical}.span-2{grid-column:span 2}.panel h2{margin-top:0}.panel ul{padding-left:20px;line-height:1.8}.error{color:#b42318;margin-top:16px;font-weight:600}.secondary-button,.ghost-button,.danger-button,.ghost-danger-button,.link-button{font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.secondary-button{color:#0b67d0;background:#0b67d01f}.ghost-button{color:#102033;background:0 0;border:1px solid #1020331f}.danger-button{color:#fff;background:#b42318}.ghost-danger-button{color:#b42318;background:0 0;border:1px solid #b4231833}.status-line{color:#3566a8;margin:0;font-weight:700}.step-list,.prompt-grid{gap:12px;display:grid}.step-list{margin:0;padding:0;list-style:none}.step-list li{gap:10px;display:grid}.step-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #1020331f;border-radius:16px;align-items:flex-start;gap:14px;width:100%;padding:16px;display:flex}.step-card.active{border-color:#0b67d0;box-shadow:0 0 0 3px #0b67d01f}.step-index,.status-pill{color:#0b67d0;background:#0b67d01f;border-radius:999px;justify-content:center;align-items:center;min-width:36px;height:36px;font-weight:800;display:inline-flex}.status-pill{text-transform:capitalize;min-width:0;padding:0 10px}.step-copy{gap:6px;display:grid}.step-copy small{color:#102033ad;line-height:1.5}.step-actions,.tag-list,.prompt-card-copy{flex-wrap:wrap;gap:8px;display:flex}.prompt-card-copy{flex-direction:column;align-items:flex-start}.prompt-card{background:#ffffffe6;border:1px solid #1020331f;border-radius:18px;gap:14px;padding:20px;display:grid}.tag-chip,.tag-badge{color:#102033;background:#fff;border:1px solid #1020331f;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.tag-chip{cursor:pointer}.compact{gap:6px}.toolbar{flex-wrap:wrap}.toolbar>*{flex:180px}.danger-confirm{flex-wrap:wrap;align-items:center}.step-editor textarea,.markdown-renderer,.variable-token,.variable-name,.preview-copy{font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace}.step-editor textarea{line-height:1.6}.step-editor-copy,.variable-panel-copy,.preview-copy{gap:8px;display:grid}.step-editor-copy small,.variable-panel-copy small,.preview-copy small{color:#102033ad;line-height:1.5}.detected-variable-list,.prompt-variable-list,.preview-stack{gap:16px;display:grid}.detected-variable-list{margin-top:16px}.detected-variable-row,.prompt-variable-row,.preview-card{background:#ffffffd1;border:1px solid #1020331f;border-radius:18px;padding:16px}.detected-variable-pills,.draft-token-list{flex-wrap:wrap;gap:8px;display:flex}.variable-pill{color:#0b67d0;background:#0b67d014;border:1px solid #0b67d02e;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92rem;font-weight:700;display:inline-flex}.variable-pill.draft{color:#5a6f89;background:#0b67d00f;border-color:#5a6f8933}.variable-pill.empty{color:#102033ad;background:0 0;border-style:dashed}.prompt-variable-grid{grid-template-columns:minmax(180px,240px) repeat(2,minmax(0,1fr));gap:12px;display:grid}.prompt-variable-grid label{gap:8px;font-weight:600;display:grid}.prompt-variable-grid input,.prompt-variable-grid textarea{width:100%;font:inherit;background:#fff;border:1px solid #10203324;border-radius:12px;padding:12px 14px}.prompt-variable-grid textarea{resize:vertical;min-height:92px}.variable-name{color:#102033;align-items:center;min-height:48px;font-weight:700;display:inline-flex}.variable-token{color:#0b67d0;white-space:pre-wrap;word-break:break-word;background:#0b67d01a;border:1px solid #0b67d024;border-radius:999px;align-items:center;padding:2px 8px;display:inline-flex}.variable-token.resolved{color:#102033;background:#0b67d024}.variable-token.unresolved{color:#7a4b00;background:#ffc43d38;border-color:#c8790047}.draft-token{color:#5a6f89;background:#5a6f8914;border-color:#5a6f892e}.markdown-renderer{gap:16px;line-height:1.6;display:grid}.markdown-renderer>:first-child{margin-top:0}.markdown-renderer>:last-child{margin-bottom:0}.markdown-renderer :is(h1,h2,h3,h4){margin:0;line-height:1.2}.markdown-renderer p,.markdown-renderer ul,.markdown-renderer ol,.markdown-renderer pre,.markdown-renderer blockquote{margin:0}.markdown-renderer ul,.markdown-renderer ol{padding-left:24px}.markdown-renderer a{color:#0b67d0;text-decoration-thickness:1.5px}.markdown-renderer code{color:#102033;background:#10203314;border-radius:8px;padding:2px 6px}.markdown-renderer pre{background:#1020330f;border-radius:16px;padding:16px;overflow-x:auto}.markdown-renderer pre code{background:0 0;padding:0;display:block}.markdown-renderer blockquote{color:#102033d1;border-left:4px solid #0b67d033;padding-left:16px}.guide-markdown{color:#102033c7}.preview-surface{gap:16px;display:grid}.preview-card{gap:12px;display:grid}.public-header{align-items:flex-start}.public-lede{margin:12px 0 0}.prompt-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.prompt-card-meta,.prompt-card-actions,.prompt-detail-meta,.prompt-detail-actions{flex-wrap:wrap;gap:10px;display:flex}.prompt-author,.fork-lineage{color:#102033b8;font-weight:600}.prompt-card h3,.prompt-detail-copy h1{margin:0}.prompt-card p,.prompt-detail-copy p{margin:0;line-height:1.6}.prompt-detail-hero,.prompt-step-card,.run-hero{gap:18px;display:grid}.library-lede,.section-description,.dashboard-empty p,.history-entry p{color:#102033b8;margin:0;line-height:1.6}.library-overview,.profile-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:24px;display:grid}.library-stat,.dashboard-section,.history-entry{background:#ffffffd1;border:1px solid #1020331f;border-radius:18px;padding:18px}.library-stat{gap:10px;display:grid}.library-stat strong{color:#102033;font-size:2rem;line-height:1}.dashboard-sections,.history-list{gap:18px;display:grid}.dashboard-section h3,.history-entry h3,.profile-hero h1,.history-hero h1{margin:0}.dashboard-empty{background:#ffffff8f;border:1px dashed #1020332e;border-radius:18px;gap:8px;padding:18px;display:grid}.dashboard-empty strong{color:#102033}.prompt-detail-copy{gap:12px;display:grid}.profile-hero,.history-hero{gap:18px;display:grid}.profile-link{text-decoration:none}.history-entry{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.history-entry-copy{gap:8px;display:grid}.prompt-step-list{gap:16px;display:grid}.run-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.run-form-panel,.run-output-panel{gap:18px;display:grid}.run-panel-note{color:#102033b8;margin:0;line-height:1.6}.run-variable-list{gap:14px;display:grid}.run-variable-row{background:#ffffffd1;border:1px solid #1020331f;border-radius:18px;gap:10px;padding:16px;display:grid}.run-variable-row input,.run-variable-row textarea{width:100%;font:inherit;background:#fff;border:1px solid #10203324;border-radius:12px;padding:12px 14px}.run-variable-row textarea{resize:vertical;min-height:108px}.run-variable-header{gap:8px;display:grid}.run-variable-header small{color:#102033ad;line-height:1.5}.run-empty-state{background:#fff9;border:1px dashed #1020332e;border-radius:18px;gap:8px;padding:18px;display:grid}.run-empty-state p{color:#102033b8;margin:0}.prompt-step-content,.prompt-step-guide{gap:12px;display:grid}.prompt-step-footer{justify-content:flex-end;display:flex}.prompt-step-guide{background:#1020330a;border:1px solid #10203314;border-radius:18px;padding:18px}@media (width<=900px){.editor-layout,.run-layout,.form-grid,.prompt-variable-grid,.prompt-grid{grid-template-columns:1fr}.history-entry{flex-direction:column}.span-2{grid-column:auto}.app-header,.editor-header,.panel-heading,.inline-heading,.editor-actions,.pagination{flex-direction:column;align-items:flex-start}.prompt-step-footer{justify-content:stretch}.prompt-step-footer>*{width:100%}}