.ls-wrap{max-width:1120px;margin:0 auto;padding:38px 24px 60px;color:var(--app-ink);font-family:var(--font-body)}
.ls-header{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:14px 0 36px}
.ls-eyebrow{display:flex;gap:16px;align-items:center;font:11px var(--font-mono);letter-spacing:.1em;color:var(--app-ink-2);margin-bottom:20px}
.ls-eyebrow span{border:1px solid var(--app-border);border-radius:99px;padding:6px 9px;font-size:10px;letter-spacing:.04em}
.ls-header h1{font:800 clamp(38px,4.5vw,62px)/1.06 var(--font-display);letter-spacing:-.04em;margin:0 0 20px}
.ls-header h1 em{color:#ad9dff;font-style:normal}
.ls-header p{font-size:16px;line-height:1.7;color:var(--app-ink-2);max-width:460px;margin:0}
.ls-flow{display:flex;gap:16px;align-items:center;background:var(--app-surface);border:1px solid var(--app-border);border-radius:20px;padding:32px 24px;justify-content:center}
.ls-flow>div{display:flex;flex-direction:column;gap:12px;align-items:flex-start;flex:1}
.ls-flow svg{width:34px;height:34px;color:#ad9dff}
.ls-flow>span svg{width:22px;color:var(--app-ink-3)}
.ls-flow strong{font:700 20px var(--font-display)}
.ls-flow small{font-size:12px;line-height:1.6;color:var(--app-ink-2)}
.ls-steps{display:flex;gap:4px;border-bottom:1px solid var(--app-border);margin-bottom:26px;overflow-x:auto}
.ls-steps button{display:flex;align-items:center;gap:9px;white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;padding:16px 13px;color:var(--app-ink-2);font:500 13px var(--font-body);cursor:pointer;flex:1;text-align:left}
.ls-steps button span{font:11px var(--font-mono);color:var(--app-ink-3)}
.ls-steps button.active{color:var(--app-ink);border-color:var(--accent);background:var(--accent-soft-dark)}
.ls-steps button.active span{color:#b4a7ff}
.ls-panel{background:var(--app-surface);border:1px solid var(--app-border);border-radius:20px;padding:32px;min-height:380px}
.ls-section-head{display:flex;gap:15px;margin-bottom:30px;align-items:flex-start}
.ls-step-number{background:var(--accent-soft-dark);color:#b4a7ff;padding:11px;border-radius:10px;font:12px var(--font-mono)}
.ls-panel h2{font:700 28px/1.2 var(--font-display);letter-spacing:-.02em;margin:0 0 10px}
.ls-panel h3{font:700 19px/1.3 var(--font-display);margin:0 0 9px}
.ls-panel p{font-size:15px;color:var(--app-ink-2);line-height:1.75;margin:0 0 15px}
.ls-panel a:not(.btn-primary):not(.btn-secondary){color:#b4a7ff;text-decoration:underline;text-underline-offset:3px}
.ls-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}
.ls-explain article{background:var(--app-bg);border:1px solid var(--app-border);border-radius:14px;padding:22px;display:flex;flex-direction:column}
.ls-explain svg{width:26px;height:26px;color:#b4a7ff;margin-bottom:24px}
.ls-explain p{font-size:14px;flex:1}
.ls-explain article>span{font:10px var(--font-mono);letter-spacing:.035em;color:var(--app-ink-3);padding-top:16px;border-top:1px solid var(--app-border)}
.ls-callout{background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:14px;padding:20px 22px;margin:24px 0}
.ls-callout>strong{display:block;margin-bottom:8px;font-size:15px}
.ls-callout p:last-child{margin-bottom:0}
.ls-next{display:inline-flex;align-items:center;gap:20px;margin-top:8px}
.ls-next svg{width:20px;height:20px}
.ls-platform{display:flex;gap:8px;margin-bottom:20px}
.ls-platform button{background:var(--app-bg);border:1px solid var(--app-border);padding:10px 24px;border-radius:10px;color:var(--app-ink-2);font:500 14px var(--font-body);cursor:pointer}
.ls-platform button.selected{border-color:#9b8cee;color:var(--app-ink);background:var(--accent-soft-dark)}
.ls-download{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--app-bg);border:1px solid var(--app-border);padding:25px;border-radius:14px}
.ls-download>div{display:flex;gap:18px;align-items:center}.ls-download svg{width:32px;height:32px;color:#b4a7ff}.ls-download strong{font:700 20px var(--font-display)}.ls-download p{font-size:13px;margin:8px 0 0}.ls-disabled{pointer-events:none;opacity:.45}
.ls-instructions{counter-reset:instructions;list-style:none;margin:26px 0;padding:0;display:grid;gap:22px}
.ls-instructions li{counter-increment:instructions;position:relative;padding-left:40px}
.ls-instructions li:before{content:counter(instructions);position:absolute;left:0;top:0;border:1px solid var(--app-border);border-radius:99px;width:26px;height:26px;display:grid;place-items:center;font:11px var(--font-mono)}
.ls-instructions strong{font-size:15px}.ls-instructions p{font-size:14px;margin:6px 0 0}
.ls-help{border-top:1px solid var(--app-border);padding:20px 0;color:var(--app-ink-2);font-size:14px}
.ls-help summary{cursor:pointer;color:var(--app-ink);font-weight:500}.ls-help p{margin:12px 0 0}
.ls-two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:26px}.ls-two-col .ls-callout{margin:0}
.ls-copybox{border:1px solid var(--app-border);background:var(--app-bg);border-radius:12px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:20px}
.ls-copybox code{font:12px/1.8 var(--font-mono);overflow-wrap:anywhere}
.ls-inline-note{font-size:12px!important;line-height:1.65!important;color:var(--app-ink-3)!important;margin:12px 0!important}
.ls-prompt{font-size:17px!important;color:var(--app-ink)!important}
.ls-key-card{border:1px solid var(--app-border);border-radius:14px;padding:24px;background:var(--app-bg);margin-bottom:20px}
.ls-key-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.ls-status{font:10px var(--font-mono);padding:6px 9px;background:var(--app-surface-2);border-radius:99px;white-space:nowrap;color:var(--app-ink-2)}
.ls-status.connected{color:var(--success);background:rgba(20,184,122,.09)}
.ls-key-card label{font-size:13px;display:block;margin:8px 0 9px}
.ls-key-input{display:flex;gap:12px}.ls-key-input input{flex:1;min-width:0;font-family:var(--font-mono);font-size:13px}
.ls-key-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.ls-remove{margin-left:20px;font-size:12px}
.ls-library-controls{display:flex;gap:12px;margin:24px 0}.ls-library-controls input{flex:1;min-width:0}.ls-library-controls select{max-width:220px}
.ls-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ls-style-card{background:var(--app-bg);border:1px solid var(--app-border);border-radius:14px;overflow:hidden}
.ls-style-card>div:last-child{padding:20px}.ls-style-card h3{margin:10px 0}.ls-style-card p{font-size:13px;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ls-family{font:9px var(--font-mono);letter-spacing:.08em;color:#b4a7ff}
.ls-style-art{height:112px;display:flex;justify-content:center;align-items:center;gap:10px;background:#14192b;border-bottom:1px solid var(--app-border)}
.ls-style-art span{width:34px;height:40px;background:#26273f;border:1px solid #565471;border-radius:3px;transform:rotate(-8deg)}.ls-style-art span:nth-child(2){height:58px;width:45px;background:#3c345d;transform:rotate(0)}.ls-style-art span:last-child{transform:rotate(8deg)}
.ls-style-art.avatar span:nth-child(2){width:45px;height:45px;border-radius:50%;background:#373949}.ls-style-art.avatar span:first-child,.ls-style-art.avatar span:last-child{width:4px;height:30px;background:#5b5484;border:0}
.ls-style-art.\33 d span{width:38px;height:38px;transform:rotate(30deg) skewY(-12deg);background:#33354f}.ls-style-art.documentary span{border-radius:0;background:#32323d;height:42px}
.ls-launch{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--app-border);padding:26px 0 8px;margin-top:24px}
.ls-launch p{max-width:600px;margin-bottom:0}.ls-launch a{white-space:nowrap}
.ls-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;color:var(--app-ink-3);font:11px var(--font-mono)}
#ls-notice{background:rgba(20,184,122,.08);border:1px solid rgba(20,184,122,.25);padding:14px 18px;border-radius:10px;color:var(--app-ink);font-size:14px;margin-bottom:22px}
#ls-notice.ls-error{border-color:var(--error);background:rgba(229,72,77,.08)}
.ls-projects article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--app-border)}
.ls-projects strong{font-size:14px}.ls-projects small{display:block;margin-top:6px;color:var(--app-ink-3);font-size:12px}.ls-projects article>span{font:11px/1.8 var(--font-mono);text-align:right;color:var(--app-ink-2)}
.ls-projects article>div{min-width:0}.ls-projects strong{overflow-wrap:anywhere}.ls-projects article>span{flex-shrink:0}
.ls-view-requests{margin-top:12px;font-size:12px}.ls-request-list{padding:12px 0}.ls-request{border:1px solid var(--app-border);border-radius:12px;background:var(--app-bg);padding:20px;margin-bottom:12px}
.ls-recovery-notice{display:flex;align-items:center;justify-content:space-between;gap:20px}.ls-recovery-notice p{margin:8px 0 0;color:var(--app-ink-2);font-size:14px;line-height:1.6}.ls-recovery-notice button{white-space:nowrap}#ls-history:not(:empty){margin-bottom:30px}
.ls-request-heading{display:flex;gap:14px;justify-content:space-between;margin-bottom:12px}.ls-request-heading span{font:11px var(--font-mono);color:var(--app-ink-3);white-space:nowrap}.ls-request p{font-size:14px;line-height:1.7;margin-bottom:10px}
.ls-request small{display:block;font-size:12px;line-height:1.6;color:var(--app-ink-3);margin-top:8px}.ls-request form{border-top:1px solid var(--app-border);margin-top:18px;padding-top:18px}.ls-retry-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:var(--app-ink-2);margin:14px 0}.ls-retry-consent input{accent-color:var(--accent);margin:5px 0 0;flex-shrink:0}.ls-request-id{font-family:var(--font-mono);overflow-wrap:anywhere}.ls-request button:disabled{opacity:.5;cursor:not-allowed}
.ls-request-debug{margin-top:18px;color:var(--app-ink-3);font-size:12px}.ls-request-debug summary{cursor:pointer}
@media(max-width:480px){.ls-recovery-notice{align-items:flex-start;flex-direction:column}.ls-recovery-notice p{font-size:16px}.ls-projects article{align-items:flex-start;flex-direction:column;gap:12px}.ls-projects article>span{text-align:left}.ls-request{padding:16px}.ls-request p,.ls-retry-consent{font-size:16px}.ls-view-requests{font-size:14px}}
.ls-wrap button:focus-visible,.ls-wrap a:focus-visible{outline:2px solid #b4a7ff;outline-offset:4px}
@media(max-width:800px){.ls-wrap{padding:24px 16px}.ls-header{grid-template-columns:1fr;gap:24px;padding-bottom:20px}.ls-flow{max-width:520px}.ls-explain{grid-template-columns:1fr}.ls-explain article{padding:20px}.ls-explain svg{margin-bottom:14px}.ls-panel{padding:22px}.ls-two-col{grid-template-columns:1fr}.ls-style-grid{grid-template-columns:repeat(2,1fr)}.ls-steps button{padding:14px 10px;flex:0 0 auto}.ls-download,.ls-launch{align-items:flex-start;flex-direction:column}.ls-key-input{flex-direction:column}.ls-footer{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:480px){.ls-style-grid{grid-template-columns:1fr}.ls-library-controls{flex-direction:column}.ls-library-controls select{max-width:none}.ls-flow{padding:22px 16px;gap:12px}.ls-flow strong{font-size:18px}.ls-panel h2{font-size:24px}.ls-section-head{gap:12px}.ls-key-top{flex-direction:column}.ls-header h1{font-size:44px}.ls-panel p{font-size:16px}.ls-header p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.ls-wrap *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}