*{box-sizing:border-box}body{margin:0;background:#0d0f13;color:#e9ebef;font:13px -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}header{min-height:64px;display:flex;align-items:center;gap:7px;padding:12px 20px;border-bottom:1px solid #2b2f39;background:#171a21;flex-wrap:wrap}strong{font-size:18px;margin-right:17px;white-space:nowrap}i{color:#96b9ff;font-style:normal}.spacer{flex:1}button,select,input,textarea{font:inherit;color:inherit;border:1px solid #353b49;background:#242933;border-radius:7px;padding:9px 11px}button{cursor:pointer;transition:.15s}button:hover{background:#363e4d;border-color:#63738d}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #8cb5ff;outline-offset:2px}.accent{background:#487bda;border-color:#689cff}main{display:grid;grid-template-columns:310px minmax(320px,1fr) 280px;height:calc(100dvh - 65px)}aside{padding:16px;overflow:auto;background:#171a21}#controls{border-right:1px solid #2b2f39}#inspector{border-left:1px solid #2b2f39}h2{font-size:13px;margin:0 0 14px;font-weight:650}details{border-bottom:1px solid #303541;padding:0 0 18px;margin-bottom:18px}summary{font-size:13px;font-weight:650;cursor:pointer;margin-bottom:14px}label{display:block;font-size:12px;color:#c6cbd6;margin:12px 0 6px}label input[type=checkbox]{margin-right:8px;accent-color:#709cf1}input:not([type=checkbox]):not([type=range]),textarea,select{width:100%}header select{width:160px}input[type=color]{height:36px;padding:4px}input[type=range]{width:100%;accent-color:#7ea6ef;padding:0}textarea{resize:vertical;min-height:72px;line-height:1.6}.row{display:flex;gap:7px;align-items:center;margin:8px 0}.row>*{flex:1;min-width:0}.muted{color:#8e97a8;font-size:11px;line-height:1.7}.item{width:100%;text-align:left;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected{border-color:#8cb5ff;background:#2c3c56}.workspace{padding:20px 32px;overflow:auto;background:radial-gradient(ellipse at center,#242a36,#101319 75%);display:flex;align-items:center;flex-direction:column}.workspace-top{display:flex;justify-content:space-between;width:100%;color:#aab2c1;font-size:11px;margin-bottom:18px}.workspace-top span:last-child{font-size:9px;letter-spacing:1.8px;color:#697487}.phone{height:min(76vh,740px);aspect-ratio:9/16;flex-shrink:0;border:1px solid #414855;box-shadow:0 20px 60px #0006;border-radius:12px;overflow:hidden;background:#111318}.phone iframe{width:100%;height:100%;border:0;display:block}footer{text-align:center;color:#8d97a8;font-size:11px;margin-top:18px;line-height:1.8}footer span{display:block;font-size:10px;color:#677285}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:10px;background:#e5edff;color:#17243c;z-index:30;display:none;box-shadow:0 6px 30px #0008}dialog{width:min(700px,95vw);max-height:85vh;background:#171a21;color:inherit;border:1px solid #414855;border-radius:14px;padding:24px}dialog::backdrop{background:#000a}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{margin:0;font-size:18px}.lp-card{display:flex;align-items:center;gap:8px;border-bottom:1px solid #343a47;padding:15px 0}.lp-card strong{font-size:13px;flex:1}.lp-card button{font-size:11px}body.previewing #controls,body.previewing #inspector{display:none}body.previewing main{grid-template-columns:1fr}.danger{color:#ffb0b0}@media(max-width:1000px){main{grid-template-columns:280px 1fr;height:auto;min-height:calc(100dvh - 100px)}#inspector{grid-column:1/-1}#controls{max-height:80vh}header{padding:10px}.workspace{padding:16px}.phone{height:65vh}}@media(max-width:600px){header strong{width:100%;margin-bottom:5px}header button{padding:8px;font-size:11px}header select{width:125px}main{display:flex;flex-direction:column}.workspace{order:-1}.phone{height:60vh}#controls{max-height:none}aside{padding:20px}.spacer{display:none}}
.signed-out>header,.signed-out>main{display:none}#authScreen{display:none}.signed-out #authScreen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#253047,#0d0f13 65%)}#authForm{width:min(400px,100%);padding:32px;background:#171a21;border:1px solid #363e4b;border-radius:14px;box-shadow:0 30px 90px #0006}#authForm h1{font-size:24px}.brand{letter-spacing:2px;color:#99b9ff;font-weight:700}#authSubmit{width:100%;margin-top:12px}#authDescription{color:#a3acbb;line-height:1.7}#authError,#accountMessage{color:#f5bca9;font-size:12px;line-height:1.6}#ownerSignIn{display:block;margin-top:20px;color:#a7c6ff}#ownerSignIn[hidden]{display:none}#publishBar{width:100%;margin-bottom:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}#publishBar a{color:#a5c7ff;font-size:11px;overflow-wrap:anywhere}#publishBar .state{font-size:10px;color:#a5b2c9;margin-right:auto}.account-item{border-top:1px solid #343b49;padding:16px 0}.account-item small{display:block;color:#929eaf;margin:6px 0}.account-item button{margin-right:6px;font-size:11px}button:disabled{opacity:.5;cursor:wait}#setupSlugLabel[hidden]{display:none}
/* Reference-aligned two-column editor */
:root{color-scheme:dark}body{font:14px -apple-system,'Segoe UI','Hiragino Kaku Gothic ProN','Yu Gothic UI',Meiryo,sans-serif}header{height:52px;min-height:52px;flex-wrap:nowrap;padding:0 14px;gap:6px;overflow-x:auto;background:#14171d}header strong{font-size:14px;margin-right:8px}header button{font-size:12px;white-space:nowrap;padding:7px 10px}header select{min-width:130px;width:170px;font-size:13px}main{height:calc(100dvh - 52px);grid-template-columns:340px minmax(0,1fr)}.left-panel{width:340px;padding:0;overflow:auto;background:#14171d;border-right:1px solid #2b313d}#controls{padding:0;border:0;overflow:visible;background:transparent}#inspector{padding:16px;border:0;overflow:visible;background:transparent}.control-section{padding:16px;border-bottom:1px solid #2b313d}.control-section h2,#inspector h2{font-size:12px;color:#9aa3b2;letter-spacing:.8px;margin:0 0 12px}.control-section label{color:#9aa3b2}.control-section input,.control-section textarea,#inspector input,#inspector textarea{background:#1b1f27;border-color:#2b313d}.workspace{padding:18px 24px 24px;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,#1a2030,#0d0f13 60%)}.phone{height:min(calc(100dvh - 150px),820px);border:0;border-radius:14px;max-width:100%;box-shadow:0 20px 60px #0008}.workspace-top{display:none}.workspace footer{margin-top:10px}.workspace footer span{display:none}#publishBar{justify-content:center;font-size:11px;margin:0 0 12px;min-height:22px}#publishBar .state{margin:0}.badge-edit-row{display:flex;gap:6px;margin-bottom:6px}.badge-edit-row input[type=color]{width:40px;height:32px;flex:none}.badge-edit-row input:not([type=color]){min-width:0}.badge-edit-row button{padding:4px 9px}.inactive{opacity:.45;pointer-events:none}.selected{background:#173153;border-color:#3b82f6}.row{margin:8px 0 12px}.muted{font-size:11.5px}#authForm{width:360px;padding:22px;background:#191b21;border-color:#2e3139}#authForm .brand{display:none}#authForm h1{font-size:18px;margin:0 0 8px}#authDescription{font-size:12px;margin:0 0 18px}.signed-out #authScreen{background:#0d0f13}#authForm input{background:#101217}#authSubmit{background:#5878fa}#manage{width:min(1000px,96vw)}.lp-card{display:grid;grid-template-columns:24px 76px minmax(0,1fr);gap:12px;align-items:start;padding:16px 0}.thumb{height:135px;width:76px;position:relative;overflow:hidden;border-radius:6px;background:#111318;cursor:pointer}.thumb iframe{width:270px;height:480px;transform:scale(.281481);transform-origin:0 0;border:0;pointer-events:none}.lp-info{min-width:0}.lp-info .row{margin:5px 0}.lp-info small{font-size:11px;color:#9aa3b2}.lp-info input{min-width:0}.lp-info .slug-input{width:120px;flex:0 1 150px}.lp-info a{font-size:11px;color:#a5c7ff}.lp-handle{cursor:grab;font-size:22px;padding:4px 0;background:transparent;border:0}.lp-card.drag-over{border:1px dashed #6098f3}.lp-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.lp-actions button{font-size:11px;padding:5px 8px}.url-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:11px;overflow-wrap:anywhere}.url-row input{width:100px!important}.account-item input{margin-top:8px}
@media(max-width:700px){header{height:auto;min-height:52px;padding:8px;flex-wrap:wrap}header strong{width:auto;margin:0}header select{width:120px}main{height:auto;display:flex;flex-direction:column}.workspace{order:-1;padding:15px}.phone{height:65dvh}.left-panel{width:100%;overflow:visible}#controls,#inspector{max-height:none}.lp-card{grid-template-columns:20px 50px minmax(0,1fr);gap:8px}.thumb{width:50px;height:89px}.thumb iframe{transform:scale(.185185)}}
.workspace{justify-content:flex-start;padding-top:12px;padding-bottom:12px}#publishBar{height:28px;min-height:28px;margin-bottom:8px;flex-shrink:0}#publishBar button{height:28px;line-height:14px;padding:6px 9px}footer{line-height:16px}

.lp-handle{touch-action:none;cursor:grab;user-select:none}.lp-handle:active{cursor:grabbing}