@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--bg:#0b1015;--surface:#111820;--surface-2:#161f29;--surface-3:#1b2632;--line:#273442;--line-soft:#202c37;--text:#edf2f6;--muted:#91a0ae;--accent:#ef8354;--accent-strong:#ff9467;--accent-soft:rgba(239,131,84,.12);--green:#69b99d;--yellow:#d9b76e;--radius:14px;--shadow:0 22px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;background:radial-gradient(circle at 12% -10%,rgba(73,109,139,.16),transparent 36%),var(--bg);color:var(--text);font-family:Manrope,ui-sans-serif,system-ui,sans-serif;line-height:1.6}a{color:inherit}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px))}.skip-link{position:fixed;left:16px;top:-80px;z-index:999;padding:10px 14px;background:var(--accent);color:#111;text-decoration:none}.skip-link:focus{top:16px}
.navbar{min-height:74px;border-bottom:1px solid var(--line-soft);background:rgba(11,16,21,.88);backdrop-filter:blur(18px);position:relative;z-index:20}.navbar-brand{font-size:21px;font-weight:800;letter-spacing:-.7px;color:var(--text)!important}.navbar-brand span{color:var(--accent)}.navbar-toggler{border-color:var(--line);filter:invert(1)}.nav-link{color:var(--muted)!important;font-size:14px;font-weight:600;padding:9px 12px!important;border-radius:8px}.nav-link:hover,.nav-link.active{color:var(--text)!important;background:var(--surface-2)}.nav-button{width:100%;background:none;border:0}.profile-link{display:flex;align-items:center;gap:8px}.profile-link img{border-radius:50%;object-fit:cover}.btn{border-radius:9px;font-weight:700;font-size:14px;padding:10px 16px;border:1px solid transparent}.btn-accent{background:var(--accent);border-color:var(--accent);color:#15100d}.btn-accent:hover,.btn-accent:focus{background:var(--accent-strong);border-color:var(--accent-strong);color:#15100d;transform:translateY(-1px)}.btn-accent:disabled{opacity:.65}.btn-muted{background:var(--surface-3);border-color:var(--line);color:var(--text)}.btn-small{padding:7px 11px;background:var(--surface-3);border-color:var(--line);color:var(--text);font-size:12px}.btn-small:hover{border-color:var(--accent);color:var(--accent)}
.flash-stack{position:relative;z-index:15;margin-top:18px}.alert{border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text)}.alert-success{border-color:rgba(105,185,157,.45)}.alert-danger{border-color:rgba(239,131,84,.55)}.alert-warning{border-color:rgba(217,183,110,.55)}.btn-close{filter:invert(1)}
.hero-section{padding:78px 0 72px}.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:74px;align-items:center}.hero-copy{padding-bottom:26px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--accent);font:500 12px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:'';width:28px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}.hero-copy h1{font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.055em;font-weight:800;margin-bottom:24px}.hero-copy h1 span{color:var(--accent)}.hero-copy>p{max-width:590px;color:#aab6c1;font-size:18px;line-height:1.75}.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-points span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:#b8c3cd;font:500 11px DM Mono,monospace}.panel{background:linear-gradient(145deg,rgba(22,31,41,.98),rgba(15,22,29,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.editor-panel{overflow:hidden}.panel-heading{min-height:51px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);color:#c9d2da;font:500 12px DM Mono,monospace}.panel-heading h2{margin:0;font:700 16px Manrope,sans-serif;color:var(--text)}.panel-heading>span,.muted{color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(105,185,157,.09)}#flow-form{padding:22px}.field{margin-bottom:18px}.field label{display:flex;justify-content:space-between;margin-bottom:7px;color:#d6dee5;font-size:13px;font-weight:700}.field label span{color:var(--muted);font-weight:500}input,textarea{width:100%;border:1px solid var(--line);border-radius:9px;outline:none;background:#0d141b;color:var(--text);transition:border-color .18s,box-shadow .18s}input{height:44px;padding:0 13px}textarea{display:block;min-height:100px;padding:13px;resize:vertical;line-height:1.55}#flow-json{min-height:245px;font:400 12px DM Mono,monospace;tab-size:2}input:focus,textarea:focus{border-color:#627181;box-shadow:0 0 0 3px rgba(98,113,129,.14)}textarea.valid{border-color:rgba(105,185,157,.72)}textarea.invalid{border-color:rgba(239,131,84,.78)}::placeholder{color:#596775}.field-meta{display:flex;justify-content:space-between;padding-top:7px;color:#71808e;font:400 10px DM Mono,monospace}.description-details{margin:-3px 0 18px;border-bottom:1px solid var(--line)}.description-details summary{padding:10px 0 15px;cursor:pointer;color:#aab7c2;font-size:13px}.description-details[open] summary{color:var(--accent)}.description-details .field{margin-top:5px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.switch-row{display:flex;align-items:center;gap:11px;cursor:pointer}.switch-row>input{position:absolute;width:1px;height:1px;opacity:0}.switch{position:relative;width:39px;height:22px;border:1px solid #445261;border-radius:999px;background:#202a35;transition:.2s}.switch:after{content:'';position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#83919e;transition:.2s}.switch-row>input:checked+.switch{border-color:var(--accent);background:var(--accent-soft)}.switch-row>input:checked+.switch:after{left:19px;background:var(--accent)}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:13px}.switch-row small{color:var(--muted);font-size:10px}.form-note{margin:17px 0 0;color:#687684;font-size:11px;text-align:right}.trust-strip{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:rgba(17,24,32,.55)}.trust-strip p{margin:0;padding:16px 0;color:#8997a4;font:400 11px DM Mono,monospace;text-align:center}.trust-strip p:before{content:'!';display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border:1px solid var(--yellow);border-radius:50%;color:var(--yellow)}
.page-section{padding:68px 0 90px;min-height:calc(100vh - 140px)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.page-heading h1{font-size:clamp(38px,5vw,58px);line-height:1.08;letter-spacing:-.045em;margin-bottom:11px}.page-heading p{max-width:680px;margin-bottom:0;color:var(--muted);font-size:17px}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.list-panel{overflow:hidden}.flow-list{padding:5px 0}.flow-row{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 17px;border-bottom:1px solid var(--line-soft);text-decoration:none;transition:background .16s}.flow-row:last-child{border-bottom:0}.flow-row:hover{background:rgba(255,255,255,.025)}.flow-row>div:first-of-type{min-width:0;flex:1}.flow-row strong,.flow-row small{display:block}.flow-row strong{overflow:hidden;color:#dce4eb;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.flow-row small{margin-top:3px;color:#748390;font-size:10px}.flow-stats{display:flex!important;flex:0 0 auto!important;align-items:center;gap:12px;color:#7e8c98;font:400 10px DM Mono,monospace}.flow-stats b{color:var(--accent);font-size:16px}.rank{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid var(--line);border-radius:6px;color:#84929f;font:500 10px DM Mono,monospace}.ranked:nth-child(-n+3) .rank{border-color:rgba(239,131,84,.45);color:var(--accent)}
.back-link{display:inline-block;margin-bottom:30px;color:#8e9ca8;font-size:13px;text-decoration:none}.back-link:hover{color:var(--accent)}.detail-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.detail-heading h1{max-width:820px;margin:12px 0 7px;font-size:clamp(34px,5vw,57px);line-height:1.07;letter-spacing:-.045em;overflow-wrap:anywhere}.detail-heading p{margin:0;color:var(--muted);font-size:13px}.badges{display:flex;align-items:center;gap:9px;color:#788693;font:500 10px DM Mono,monospace;text-transform:uppercase}.badge-public,.badge-private{padding:4px 8px;border-radius:5px}.badge-public{background:rgba(105,185,157,.1);color:var(--green)}.badge-private{background:rgba(217,183,110,.1);color:var(--yellow)}.detail-stats{display:flex;gap:26px}.detail-stats span{color:var(--muted);font-size:11px;text-transform:uppercase}.detail-stats strong{display:block;color:var(--text);font:500 22px DM Mono,monospace}.description-panel{margin-bottom:20px;padding:20px 22px}.panel-label{display:block;margin-bottom:8px;color:var(--accent);font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.description-panel p{margin:0;color:#b2bec8;font-size:14px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.code-panel{min-width:0;overflow:hidden}.code-panel pre{height:470px;margin:0;padding:20px;overflow:auto;background:#0b1218;color:#b8c5cf;font:400 11px/1.7 DM Mono,monospace;white-space:pre}.detail-sidebar{display:flex;flex-direction:column;gap:20px}.action-panel{padding:20px}.action-panel h2{font-size:15px;margin-bottom:8px}.action-panel p{color:var(--muted);font-size:12px}.copy-field{display:flex}.copy-field input{min-width:0;border-radius:8px 0 0 8px;font:400 10px DM Mono,monospace}.copy-field button{padding:0 12px;border:1px solid var(--line);border-left:0;border-radius:0 8px 8px 0;background:var(--surface-3);color:var(--accent);font-size:11px;font-weight:700}.preview-panel{margin-top:20px;overflow:hidden}.preview-panel iframe{display:block;width:100%;height:600px;border:0;background:#111820}
.profile-grid{display:grid;grid-template-columns:310px 1fr;gap:22px}.profile-card{height:max-content;padding:28px;text-align:center}.profile-card>img{border:3px solid var(--line);border-radius:50%;object-fit:cover}.profile-card h1{margin:15px 0 3px;font-size:21px}.profile-card>p{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.profile-card dl{display:grid;grid-template-columns:1fr 1fr;margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-card dl div{padding:15px}.profile-card dl div+div{border-left:1px solid var(--line)}.profile-card dt{color:var(--muted);font-size:10px;text-transform:uppercase}.profile-card dd{margin:2px 0 0;font:500 15px DM Mono,monospace}.profile-flows{min-width:0;height:max-content}.narrow-container{max-width:820px}.prose{padding:clamp(25px,5vw,52px)}.prose h2{margin:38px 0 9px;font-size:21px}.prose h2:first-child{margin-top:0}.prose p{color:#a9b5bf}.prose a{color:var(--accent)}.center-page{display:grid;place-items:center;min-height:calc(100vh - 140px);padding:50px 20px}.empty-state{padding:55px;text-align:center}.empty-state h1,.empty-state h2{letter-spacing:-.03em}.empty-state p{color:var(--muted)}.empty-state.compact{padding:50px 20px;box-shadow:none;background:none;border:0}.empty-state a:not(.btn){color:var(--accent)}.error-code{display:block;color:var(--accent);font:500 13px DM Mono,monospace;letter-spacing:.18em}.site-footer{border-top:1px solid var(--line-soft);color:#65727e;font-size:11px}.site-footer .container{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer a{color:#8e9ba6;text-decoration:none}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:44px}.hero-copy{padding:0}.hero-copy h1{max-width:760px}.library-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-sidebar{display:grid;grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr}.profile-card{display:grid;grid-template-columns:auto 1fr;column-gap:20px;text-align:left}.profile-card h1{align-self:end}.profile-card>p{grid-column:2}.profile-card dl,.profile-card>.btn{grid-column:1/-1}}
@media(max-width:700px){.container{width:min(100% - 26px,1180px)}.hero-section,.page-section{padding:45px 0 65px}.hero-copy h1{font-size:45px}.hero-copy>p{font-size:16px}.editor-panel{border-radius:11px}#flow-form{padding:16px}.form-footer,.page-heading,.detail-heading{align-items:stretch;flex-direction:column}.form-footer .btn{width:100%}.form-note{text-align:left}.detail-stats{justify-content:flex-start}.detail-sidebar{grid-template-columns:1fr}.preview-panel iframe{height:460px}.library-grid{gap:14px}.flow-row{padding:12px}.flow-stats span:first-child{display:none}.profile-card{display:block;text-align:center}.site-footer .container{align-items:flex-start;flex-direction:column;justify-content:center;gap:2px}.code-panel pre{height:400px}.page-heading .btn{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}