:root{--ink:#07101f;--paper:#f4ead5;--muted:#9ba5b5;--accent:#e76543;--line:rgba(244,234,213,.15);--serif:"Songti SC","Noto Serif SC",STSong,serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper)}body{font-family:Inter,"PingFang SC",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#07101f}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:4px;background:var(--accent);color:#1a0c08;font:700 23px var(--serif)}.brand b{display:block;font:700 17px var(--serif);letter-spacing:.14em}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.18em}.top-actions{display:flex;gap:8px;align-items:center}.primary,.ghost,.top-actions button{min-height:38px;padding:0 17px;border-radius:999px}.primary{border:1px solid var(--accent);background:var(--accent);color:#1c0c08;font-weight:700}.ghost,.top-actions button:not(.primary){border:1px solid var(--line);background:transparent;color:var(--paper)}.language-picker{height:38px;padding:0 11px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px}.language-picker select{border:0;background:transparent;color:var(--paper)}.language-picker option{background:#101a29}.layout{height:calc(100vh - 68px);min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) 360px}.preview{position:relative;min-width:0;overflow:hidden;background:#050a13}.preview canvas{width:100%;height:100%;display:block;touch-action:none}.preview-title{position:absolute;top:28px;left:31px;pointer-events:none}.preview-title>span{color:var(--accent);font:600 9px monospace;letter-spacing:.22em}.preview-title h1{margin:10px 0 4px;font:700 clamp(27px,4vw,48px) var(--serif);letter-spacing:.15em}.preview-title p{margin:0;color:rgba(244,234,213,.58);font:14px var(--serif)}.spin-toggle{position:absolute;right:24px;bottom:54px;padding:10px 18px;border:1px solid var(--accent);border-radius:999px;background:rgba(5,10,19,.72);color:var(--paper)}.preview-status{position:absolute;left:0;right:0;bottom:0;height:37px;display:grid;place-items:center;border-top:1px solid var(--line);background:rgba(7,16,31,.88);color:var(--muted);font-size:10px}.controls{overflow:auto;padding:20px 20px 80px;border-left:1px solid var(--line);background:#0c1524}.control-tabs{position:sticky;top:-20px;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:-20px -20px 20px;padding:12px 20px;border-bottom:1px solid var(--line);background:rgba(12,21,36,.96)}.control-tabs button{height:36px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font:10px var(--serif)}.control-tabs button.active{border-color:var(--accent);background:rgba(231,101,67,.12);color:var(--paper)}.tab-panel[hidden],[hidden]{display:none!important}.controls section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.section-title span{color:var(--accent);font:10px monospace}.section-title h2{margin:0;font:700 17px var(--serif);letter-spacing:.15em}.edit-notice{margin-bottom:16px;padding:10px;display:flex;gap:7px;border:1px solid rgba(231,101,67,.4);border-radius:6px;color:var(--muted);font-size:9px}.edit-notice a{margin-left:auto;color:var(--accent)}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-card{height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(244,234,213,.25);border-radius:7px;background:rgba(255,255,255,.02);cursor:pointer}.upload-card input{display:none}.upload-card i{width:34px;height:34px;margin-bottom:8px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-style:normal}.upload-card b{font-size:11px}.upload-card small{margin-top:5px;color:var(--muted);font-size:9px}.record{width:100%;height:40px;margin-top:10px;border:1px solid rgba(231,101,67,.55);border-radius:5px;background:transparent;color:var(--paper)}.record i{width:7px;height:7px;margin-right:8px;display:inline-block;border-radius:50%;background:var(--accent)}.record.on{background:var(--accent);color:#1b0c08}.audio-preview{margin-top:9px;padding:10px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(231,101,67,.38);border-radius:7px;background:rgba(231,101,67,.06)}.audio-preview p{margin:0}.audio-preview b,.audio-preview small{display:block}.audio-preview small{color:var(--muted);font-size:8px}.audio-preview button,.echo-editor button{height:28px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--paper);font-size:8px}.text-row{display:grid;grid-template-columns:58px 1fr;align-items:center;margin-bottom:8px;color:var(--muted);font-size:10px}.text-row input,.password-fields input{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.025);color:var(--paper)}.echo-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 0 8px;color:var(--muted);font-size:10px}.echo-heading button.active{border-color:var(--accent);color:var(--paper)}.echo-editor>small{color:#748094;font-size:8px}.echo-editor textarea{width:100%;min-height:92px;margin-top:5px;padding:9px;resize:vertical;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.025);color:var(--paper)}.echo-reference{display:grid;gap:5px;margin-top:9px}.echo-reference span{color:#748094;font-size:8px}.echo-reference button{text-align:left;height:auto;padding:6px}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.color-row label{padding:8px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:9px;text-align:center}.color-row input{width:100%;height:26px;margin-top:5px;border:0;background:none}.range-row{display:block;margin-bottom:13px}.range-row span{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--muted);font-size:10px}.range-row i{font-style:normal}.range-row b{color:var(--accent);font:9px monospace}.range-row input{width:100%;accent-color:var(--accent)}.reset-demo{width:100%;height:34px;border:1px dashed var(--line);border-radius:5px;background:transparent;color:var(--muted)}.access-toggle{padding:11px;display:flex;gap:10px;border:1px solid var(--line);border-radius:6px}.access-toggle b,.access-toggle small{display:block}.access-toggle small{margin-top:4px;color:var(--muted);font-size:8px}.password-fields{margin-top:9px}.password-fields input{width:100%}.password-fields small{display:block;margin-top:6px;color:var(--muted);font-size:8px}.publish-bar{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.risk-note{color:#7f8a9b;font-size:9px}.history-heading{display:flex;align-items:flex-start;justify-content:space-between}.history-heading-actions{display:flex;gap:5px}.history-heading button{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:8px}.history-sort{margin-bottom:10px;display:grid;grid-template-columns:35px 1fr;align-items:center;color:var(--muted);font-size:9px}.history-sort select{height:32px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:#101a29;color:var(--paper)}.history-summary{margin:0 0 11px;color:var(--muted);font-size:9px}.history-list{display:grid;gap:9px}.history-empty{padding:18px;border:1px dashed var(--line);border-radius:7px;color:var(--muted);text-align:center}.history-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:9px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.02)}.history-thumb{width:52px;height:52px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;background:#111d2d;color:var(--paper);text-decoration:none;font:700 20px var(--serif)}.history-thumb img{width:100%;height:100%;object-fit:cover}.history-name{overflow:hidden;font:700 12px var(--serif);text-overflow:ellipsis;white-space:nowrap}.history-meta{display:flex;align-items:center;gap:6px;margin-top:4px;color:#7f8a9b;font-size:8px}.history-badge{padding:2px 4px;border:1px solid var(--line);border-radius:3px}.history-actions{display:flex;gap:5px;margin-top:7px}.history-actions a,.history-actions button{height:24px;padding:0 8px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--paper);font-size:8px;text-decoration:none}.history-actions .edit-action{border-color:rgba(231,101,67,.7);color:#efbd7f}.history-actions .delete-action{border-color:rgba(255,102,91,.55);color:#ff9a88}.history-actions button:disabled{opacity:.4;cursor:not-allowed}.history-pagination{margin-top:12px;display:grid;grid-template-columns:72px 1fr 72px;gap:8px;align-items:center}.history-pagination button{height:30px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--paper)}.history-pagination span{text-align:center;color:var(--muted);font-size:9px}.history-footnote{color:#687487;font-size:8px;line-height:1.6}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(2,6,13,.84);backdrop-filter:blur(12px)}.modal>div,.modal>form{width:min(420px,100%);max-height:calc(100vh - 30px);overflow:auto;padding:28px;border:1px solid rgba(231,101,67,.55);border-radius:14px;background:#101a2a;text-align:center}.modal-mark{width:46px;height:46px;margin:auto;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#190b07;font:700 20px var(--serif)}.modal h2{font:700 23px var(--serif)}.modal p{color:var(--muted);font-size:11px}.modal input{width:100%;height:40px;margin:5px 0;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:#08111f;color:var(--paper)}.modal button{min-height:36px;margin:4px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--paper)}.modal .primary{background:var(--accent);color:#1c0c08}.modal form{display:grid;gap:7px}.error{min-height:17px;color:#ff8e77}.share-qr{width:164px;height:164px;margin:14px auto;padding:9px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#07101f}.share-qr img,.share-qr svg{width:100%;height:100%}.modal-actions{display:flex;flex-wrap:wrap;justify-content:center}.viewer-masthead,.viewer-links,.viewer-lore,.viewer-guide,.viewer-meter{display:none}
.share-view{overflow:hidden}.share-view .topbar,.share-view .controls,.share-view .preview-title,.share-view .preview-status{display:none}.share-view .layout,.share-view .preview{height:100vh;min-height:520px;grid-template-columns:1fr}.share-view .viewer-masthead{position:absolute;z-index:2;top:27px;left:27px;display:flex;align-items:flex-start;gap:14px;font-family:var(--serif)}.viewer-masthead h1{margin:0;max-height:255px;writing-mode:vertical-rl;font-size:clamp(31px,4vw,48px);letter-spacing:.12em}.viewer-masthead p{margin:9px 0 0;max-height:150px;writing-mode:vertical-rl;color:rgba(244,234,213,.68);font-size:12px}.viewer-masthead i{padding:8px 6px;border-radius:3px;background:var(--accent);color:#1e0d08;font:700 10px var(--serif);writing-mode:vertical-rl}.share-view .viewer-links{position:absolute;z-index:3;top:24px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.viewer-links a,.viewer-links button{padding:7px 14px;border:1px solid rgba(244,234,213,.25);border-radius:999px;background:rgba(4,8,17,.32);color:var(--paper);font:11px var(--serif);text-decoration:none}.share-view .viewer-lore{position:absolute;left:24px;bottom:18px;display:block;color:rgba(244,234,213,.42);font:11px var(--serif)}.share-view .viewer-guide{position:absolute;z-index:3;left:50%;bottom:58px;transform:translateX(-50%);display:flex;align-items:center;gap:11px;padding:11px 22px;border:1px solid var(--line);border-radius:999px;background:rgba(4,8,17,.56)}.viewer-guide small{color:var(--muted)}.share-view .viewer-meter{position:absolute;right:26px;bottom:118px;display:flex;flex-direction:column;align-items:center}.viewer-meter b{color:#efbd7f;font:700 27px Georgia}.viewer-meter span{color:var(--muted);font-size:9px}.share-view .spin-toggle{right:20px;bottom:59px}
@media(max-width:760px){.topbar{padding:0 14px}.top-actions .ghost{display:none}.layout{height:auto;display:flex;flex-direction:column}.preview{height:calc(100svh - 68px);min-height:560px}.controls{border:0;border-top:1px solid var(--line);padding:22px 16px 70px}.control-tabs{top:-22px;margin:-22px -16px 20px;padding:12px 16px}.preview-title{top:20px;left:18px}.language-picker span{display:none}.share-view .layout,.share-view .preview{height:100svh}.viewer-guide small{display:none}.share-view .viewer-links{top:16px;right:14px}.viewer-links a:first-child{display:none}}