:root{--ink:#172a46;--muted:#687d98;--blue:#355cce;--line:#dce4ef;--bg:#f0f4f9;--white:#fff;--pale:#e9effc;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,label.upload{touch-action:manipulation}button{border:1px solid var(--line);border-radius:7px;background:white;padding:9px 13px;cursor:pointer;color:var(--ink);font-weight:500}button:hover{background:#f1f5fd;border-color:#a6b9e9}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#274bae;color:white}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #94b7fa;outline-offset:2px}[hidden]{display:none!important}header{height:74px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 32px}header>div{display:flex;gap:10px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font:600 21px Georgia,serif}.brand small{font:12px "PingFang SC",sans-serif;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.mark{background:var(--blue);color:white;border-radius:8px;padding:3px 8px;font-size:24px}#empty{max-width:1180px;margin:90px auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding:30px;gap:80px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted)}h1{font-size:46px;line-height:1.4;letter-spacing:-1.5px;font-weight:600;margin:22px 0}p{line-height:1.9}.intro>p{font-size:16px;color:var(--muted);margin-bottom:32px}.empty-stack{position:relative;width:300px;margin:auto}.paper{position:relative;background:white;border:1px solid var(--line);padding:30px;width:300px;height:430px;border-radius:9px;box-shadow:0 22px 55px #243c6115;transform:rotate(3deg)}.paper.back{position:absolute;transform:rotate(-6deg);top:4px;left:-10px;background:#dfe8fb}.paper span{font-size:11px;color:var(--blue)}.paper h2{font-size:21px;line-height:1.6;margin-top:30px}.placeholder-art{height:120px;background:#edf2fb;border-radius:8px;color:#9aafd6;font-size:76px;text-align:center}.paper p{font-size:12px;color:var(--muted)}.projectbar{padding:22px 28px 18px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.projectbar .eyebrow{display:block}.projectbar input{font-size:22px;font-weight:600;border:0;padding:6px 0;width:440px;max-width:100%;background:transparent}.project-actions{display:flex;align-items:center;gap:10px}#saved{font-size:12px;color:var(--muted)}.steps{display:flex;border-bottom:1px solid var(--line);background:white;padding:0 28px;gap:40px}.steps span{padding:14px 0;color:var(--muted);font-size:12px;border-bottom:3px solid transparent}.steps .active{color:var(--blue);border-color:var(--blue);font-weight:600}#notice{padding:12px 28px;background:#e8effb;color:#3a5277;font-size:13px;min-height:42px}#notice.error{background:#fff0e9;color:#994b30}.studio{display:grid;grid-template-columns:200px minmax(300px,1fr) 320px;min-height:calc(100vh - 250px)}.pages,.editor{background:#fff;padding:22px 18px}.pages{border-right:1px solid var(--line)}.editor{border-left:1px solid var(--line);padding:22px}.section-label{font-size:13px;font-weight:600;margin-bottom:18px;display:flex;justify-content:space-between}.section-label span{color:var(--muted);font-size:11px;font-weight:400}.page-item{width:100%;display:flex;text-align:left;align-items:center;gap:10px;margin-bottom:10px;padding:10px;border:1px solid var(--line);border-radius:8px}.page-item.selected{background:#edf2ff;border-color:var(--blue)}.thumb{width:42px;height:68px;background:#e6edf8;object-fit:contain;flex-shrink:0}.page-item strong{font-size:12px;display:block;font-weight:500;line-height:1.5}.page-item small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.preview{padding:20px 32px;background:#eaf0f7;display:flex;flex-direction:column;align-items:center;min-width:0}.preview-toolbar,.preview-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);gap:12px}.preview-toolbar{margin-bottom:20px}#canvas{width:min(100%,340px);aspect-ratio:9/16;box-shadow:0 8px 35px #263b5718;background:#f6f8fc;border:1px solid #dce4ef}#canvas img{display:block;width:100%;height:100%;object-fit:contain}.preview-bottom{margin-top:20px;flex-wrap:wrap}.preview-bottom a{color:var(--blue)}#video{width:100%;max-width:340px;margin-top:20px}label{display:block;font-size:12px;color:#516580;margin-bottom:15px}input:not([type=range]),textarea,select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fbfcff;color:var(--ink)}textarea{resize:vertical;line-height:1.7}input[type=range]{display:block;width:100%;accent-color:var(--blue);margin-top:12px}.hint{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 16px}.row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.row>label{width:50%;margin:0}.row button{font-size:12px;padding:8px}.wide{width:100%}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.upload{cursor:pointer;text-align:center;border:1px dashed #aabbd8;border-radius:6px;padding:12px;color:var(--blue)}audio{width:100%;height:36px;margin-bottom:16px}dialog{border:1px solid var(--line);border-radius:12px;padding:26px;width:min(600px,94vw);max-height:90vh;box-shadow:0 24px 100px #172a4630}dialog::backdrop{background:#172a4666;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-header h2{margin:0;font-size:22px}.history-item{display:block;width:100%;text-align:left;margin-bottom:10px;padding:16px}.history-item small{display:block;margin-top:8px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 24px;background:var(--ink);color:white;border-radius:8px;box-shadow:0 4px 22px #172a4640;z-index:99;max-width:90vw}.overflow-message{padding:30px;color:#994b30;line-height:1.8}@media(min-width:1500px){.studio{grid-template-columns:240px minmax(400px,1fr) 360px}#canvas{width:380px}}@media(max-width:1000px){.studio{grid-template-columns:150px minmax(250px,1fr) 280px}.preview{padding:20px 16px}.projectbar input{width:280px}.project-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:760px){header{padding:0 16px}.brand small{display:none}#empty{margin:30px auto;grid-template-columns:1fr;gap:40px}h1{font-size:34px}.empty-stack{display:none}.projectbar{padding:18px;display:block}.projectbar input{width:100%}.project-actions{margin-top:10px}.steps{gap:18px;padding:0 16px}.steps span{font-size:10px}.studio{grid-template-columns:1fr}.pages{padding:15px;overflow-x:auto}#pageList{display:flex;gap:8px}.page-item{min-width:145px;width:145px}.pages>.wide{width:auto}.preview{padding:20px}.editor{border-left:0}#canvas{width:290px}#notice{padding:12px 18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.check-option{display:flex;align-items:center;gap:8px;line-height:1.5}.check-option input[type=checkbox]{display:inline-block;width:auto;margin:0;padding:0;accent-color:var(--blue)}
.auth-loading main,.auth-loading #workspace,.auth-loading .header-actions,.needs-login main,.needs-login #workspace,.needs-login .header-actions{display:none!important}.login-panel{max-width:420px;margin:9vh auto;padding:32px;background:#fff;border:1px solid var(--line);border-radius:12px}.login-panel[hidden]{display:none}.login-panel h1{font-size:26px}.login-panel form{display:grid;gap:14px}.login-panel button{width:100%}
.header-actions{align-items:center}.provider-switch{display:flex;align-items:center;gap:9px;margin:0;color:var(--muted);white-space:nowrap}.provider-switch select{width:auto;min-width:160px;margin:0;padding:8px 10px}.reference-panel{padding:20px 28px;background:#f8faff;border-bottom:1px solid var(--line)}.reference-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.reference-heading h2{font-size:17px;margin:0 0 6px}.reference-heading .row{flex-shrink:0}.reference-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;margin:12px 0}.reference-card{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:9px;min-width:0}.reference-visual{width:100px;aspect-ratio:1;background:#eef2f9;display:grid;place-items:center;color:var(--muted);font-size:11px;overflow:hidden}.reference-visual img{width:100%;height:100%;object-fit:contain}.reference-info{min-width:0}.reference-info strong,.reference-info small{display:block}.reference-info input,.reference-info textarea{margin:6px 0;padding:7px;font-size:12px}.reference-info small{color:var(--muted);margin-bottom:7px}.reference-info .row{margin:0}.reference-info .row button{font-size:11px}.reference-panel>.hint{margin:0}#pageLinks{padding:12px;border:1px solid var(--line);border-radius:8px;margin:0 0 15px;background:#f8faff}#pageLinks .section-label{margin-bottom:8px}#pageLinks .check-option{margin-bottom:6px}#pageLinks select{margin-top:4px}@media(max-width:760px){.header-actions{gap:5px}.provider-switch{font-size:0}.provider-switch select{min-width:105px;font-size:11px}.reference-panel{padding:16px}.reference-heading{display:block}.reference-heading .row{margin-top:10px}}