.workspace{max-width:1050px;margin:45px auto;padding:0 22px}.workspace h1{font-size:clamp(29px,5vw,48px);letter-spacing:-.04em;margin:14px 0}.workspace p{color:#98a7b9;line-height:1.65}.panel{border:1px solid #2a374e;background:#121b29;border-radius:18px;padding:30px;margin:30px 0;max-width:900px}.panel form{max-width:440px;display:grid;gap:20px}.panel label{font-size:13px;color:#b9c7d7;display:grid;gap:8px}.panel input,.panel textarea,.workspace textarea{width:100%;border-radius:9px;border:1px solid #40506a;background:#0b1320;color:#f0f5ff;padding:13px;font:inherit}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0}.between{justify-content:space-between}.flow-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:30px 0}.flow-item{background:#121b29;border:1px solid #2c394e;border-radius:13px;padding:20px}.flow-item button{margin-top:14px}.flow-item p{font-size:12px}.workspace #notice{color:#9cc6ff}.workspace h3{margin-top:30px}.workspace pre{white-space:pre-wrap;word-break:break-word;color:#b3c9e8}.workspace a.link{color:#8db5ff;word-break:break-all}
.builder-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;margin:20px 0}.slide-list{display:grid;align-content:start;gap:8px}.slide-list button{border:1px solid #35445b;background:#172133;color:#d4e1f3;text-align:left;border-radius:10px;padding:12px;cursor:pointer}.slide-list button.active{background:#22477e;border-color:#6c9efa}.slide-settings{display:grid;align-content:start;gap:18px}.slide-settings label{display:grid;gap:8px;color:#aabbd1;font-size:13px}.slide-settings input,.slide-settings textarea{width:100%;border:1px solid #35445b;background:#10192a;color:#eef4ff;border-radius:10px;padding:13px;font:inherit}@media(max-width:700px){.builder-layout{grid-template-columns:1fr}}

.template-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0;animation:lf-appear .24s ease both}
.lf-modal{position:fixed;inset:0;z-index:20;background:#02050bcc;display:grid;place-items:center;padding:20px;backdrop-filter:blur(14px);animation:lf-appear .22s ease}
.lf-modal-inner{max-width:600px;width:100%;padding:26px;border:1px solid #34455e;background:#111b2a;border-radius:22px;box-shadow:0 34px 100px #000a}
#lf-preview-stage{display:flex;flex-direction:column;gap:12px;min-height:270px;justify-content:center;text-align:center;align-items:stretch;animation:lf-slide .24s ease}
#lf-preview-stage h2{font-size:clamp(26px,4vw,38px);letter-spacing:-.04em}
#lf-preview-stage .option{width:100%}
#editor{animation:lf-appear .26s ease}
.flow-item{transition:transform .22s ease,border-color .22s ease}
.flow-item:hover{transform:translateY(-2px);border-color:#5274a2}
[hidden]{display:none!important}
@keyframes lf-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes lf-slide{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

#customer-content{min-height:290px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:13px;animation:lf-slide .25s ease both}#customer-content h2{font-size:clamp(26px,4vw,40px);letter-spacing:-.045em}#customer-content .option-grid{margin:auto;width:100%}#customer-content .demo-input{max-width:480px}#customer-content label{display:flex;flex-direction:column;text-align:left;width:100%}#customer-content label input{width:100%}

.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}
.overview-tile{display:flex;flex-direction:column;gap:6px;padding:20px;background:#131f30;border:1px solid #304059;border-radius:15px;transition:transform .2s ease}
.overview-tile strong{font-size:clamp(25px,3vw,36px);color:#f2f7ff;font-weight:700;letter-spacing:-.04em}
.overview-tile span{font-size:12px;color:#a0b4ce}
.inbox-item{display:grid;gap:8px;border-bottom:1px solid #304059;padding:16px 0}
.inbox-item small{color:#92a8c2}.inbox-item pre{font-size:12px;margin:0}
@media(max-width:700px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-tile{padding:15px}}

.account-help{margin-top:20px;gap:18px}.account-help button{border:0;background:none;padding:8px 0;min-height:44px;text-align:left;cursor:pointer}.account-hint{font-size:13px;color:var(--muted);margin-top:14px}