/* Dyed linen, uncoated paper, ink. No gradient surfaces. */
:root{--paper:#ffffff;--card:#ffffff;--ink:#283f4c;--muted:#6b7b83;--line:#cdd4d3;--accent:#426276;--sage:#6b7e88;--serif:"Preview_wenkai","PingFang SC",serif;--surface-paper:url('assets/surfaces/white-paper.svg');--surface-blue:url('assets/surfaces/blue.webp');--surface-ink:url('assets/surfaces/deep-blue.webp')}
html,body{background:#d1d9da;color:var(--ink)}.app-shell{background:var(--paper);background-image:var(--surface-paper);border-color:#c9d0cf;box-shadow:none}.screen{background:transparent}button{transition:color .18s,background-color .18s,border-color .18s}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #466c87;outline-offset:3px}button:active:not(:disabled){opacity:.8}.icon-button{color:#49616e;border-radius:8px}.icon-button:hover{background:#e3e7e5}.icon{stroke-width:1.45}
.home-header{height:64px!important;padding:10px 24px!important;justify-content:space-between!important}.home-mark{display:flex;align-items:center;gap:10px;font:22px var(--serif);letter-spacing:3px}.home-mark svg{width:26px;height:26px;stroke:#47687c;fill:none;stroke-width:1.3}.home-header-tools{display:flex;gap:5px}.home-header .icon-button{width:38px;height:38px}.home-hero{height:clamp(460px,72svh,720px)!important;min-height:460px!important;max-height:none!important;margin:0 18px!important;border-radius:3px!important;background-color:#d0dce0!important;background-image:var(--surface-blue)!important;border:1px solid #c6d1d3;overflow:hidden}.home-hero:before,.home-hero:after,.scene-wrap:before,.scene-wrap:after{display:none!important}.home-hero>.scene-3d{height:calc(100% - 102px)!important;bottom:102px!important}.home-hero .create-button{bottom:43px!important;left:22px!important;right:22px!important;height:45px!important;padding:12px 18px!important;border-radius:3px!important;background-color:#426276!important;background-image:var(--surface-ink)!important;color:#fbfaf5;box-shadow:none!important;font-size:13px;letter-spacing:2px;z-index:2}.home-hero .continue-button{bottom:7px!important;left:22px!important;padding:10px 0!important;font-size:11px!important;color:#486472;z-index:2}.showcase-section{padding:22px 18px 24px}.showcase-heading{display:none}.showcase-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:visible;padding:0}.showcase-card,.showcase-card:nth-child(n){display:flex;flex:initial;flex-direction:column;border-radius:2px;background:#f4f6f7;padding:0 0 12px;box-shadow:none;border:1px solid #d3d9d6}.showcase-card img{aspect-ratio:1/1.15;filter:saturate(.72);mix-blend-mode:multiply}.showcase-style{font-size:11px;letter-spacing:1px;margin:11px 10px 0;color:#4a6370}.showcase-card strong,.showcase-arrow{display:none}.showcase-card:hover img{transform:none}.bottom-nav{background:#ffffff;background-image:var(--surface-paper);border-top:1px solid #ccd4d3;backdrop-filter:none;box-shadow:none;height:calc(67px + env(safe-area-inset-bottom))}.bottom-nav button{color:#7b888e;font-size:10px;gap:5px}.bottom-nav button.active{color:#345b75}.bottom-nav .icon{width:22px;height:22px}.page-header{padding:25px 22px 20px!important}.page-header h1{font:26px var(--serif)!important;letter-spacing:2px}.page-header p{color:var(--muted)}#library-content,#mine-content{padding-left:18px;padding-right:18px}.library-groups{gap:22px;border-color:#c9d3d5}.library-groups button{font-size:13px;color:#6e808b}.library-groups button.active{color:#34596f}.library-groups button.active:after{background:#426276}.library-search{background:#f3f5f6;border:1px solid #d7dcd6;border-radius:4px;height:40px}.library-search input{font-size:12px}.filter-row button{border:1px solid #d4dcdb;border-radius:3px;color:#637985;font-size:11px;padding:8px 11px}.filter-row button.active{background:#4d6a7c;color:#fff;border-color:#4d6a7c}.theme-row button{border:0}.theme-row button.active{background:#dce4e5;color:#3b5e72}.catalog-count{color:#637783;font-size:11px}.asset-grid{gap:9px}.asset-tile,.material-dock .asset-tile{background:#f5f7f8;background-image:var(--surface-paper);border:1px solid #d8ded8;border-radius:3px;padding:9px 6px 10px}.asset-tile:hover{background-color:#e1e7e5}.asset-tile>span:not(.tile-colors),.material-dock .asset-tile>span:not(.tile-colors){font-size:11px;color:#3d5765}.asset-tile small,.material-dock .asset-tile small{font-size:9px;color:#7b898c}.asset-tile canvas{height:100px}.material-dock .asset-tile canvas{height:83px}.asset-tile:focus-visible{border-color:#426276}.editor-header{background:#ffffff;background-image:var(--surface-paper);border-bottom:1px solid #d8ddda}.editor-header>div{font-size:14px;gap:3px}.save-indicator{font-size:9px;color:#7c8b90}.done-button{border-radius:4px;background:#426276;background-image:var(--surface-ink);font-size:12px;min-height:37px;padding:9px 17px}.canvas-panel{background:#ccd9df!important}.scene-wrap,.scene-wrap[data-scene]{background-color:#ccd9df;background-image:var(--surface-blue)}.canvas-tools{gap:4px;align-items:center;top:10px;right:10px}.canvas-tools .icon-button{width:33px;height:33px;background:#ffffffb8;border:1px solid #ffffff50;border-radius:5px;padding:8px}.focus-exit{border:1px solid #b8c7ce;background:#ffffffef;color:#35596f;padding:8px 10px;border-radius:4px;font-size:10px;min-height:33px;white-space:nowrap}.focus-exit[hidden]{display:none}.selected-chip{background:#ffffffe8;border:1px solid #bfcdd2;border-radius:4px;color:#3b5c70;min-height:36px;font-size:11px}.canvas-footer{background:#d8e1e2;background-image:var(--surface-blue);border-top:1px solid #c3cfd1;height:45px}.breeze-button{font-size:11px;color:#486572}.canvas-footer .icon-button{color:#426276}#sound-toggle{background:#ffffff!important;color:#426276!important;border:1px solid #c5d0d2;border-radius:4px;box-shadow:none}.empty-attachment{background:#ffffff;color:#426276;border:1px dashed #7b96a4;border-radius:4px;font-size:11px}.material-dock{border-radius:9px 9px 0 0;background:#ffffff;background-image:var(--surface-paper);border-top:1px solid #c4d0d3;box-shadow:none}.dock-tools{height:48px;border-color:#d6dcd8}.dock-tools button{font-size:12px;color:#768b96}.dock-tools button.active{color:#31566f}.dock-tools button.active:after{background:#426276;bottom:6px;width:19px}.materials-panel{padding:13px 16px 18px;scrollbar-color:#bccacb transparent}.rig-picker{gap:10px}.rig-card{border:1px solid #d4dcd9!important;border-radius:4px!important;background:#ffffff!important;box-shadow:none!important;color:#657c88!important}.rig-card.active{border-color:#52758a!important;background:#e2e9e8!important}.rig-card span{font-size:11px!important;color:#3f5c6c}.rig-card small{color:#7c8d93}.rig-family-tabs{background:#e6eae5;border:1px solid #d3dbd6;border-radius:4px;padding:3px;box-shadow:none;top:-1px}.rig-family-tabs button{border-radius:2px;color:#75868e;font-size:12px}.rig-family-tabs button[aria-selected=true]{background:#ffffff;color:#3e6177;box-shadow:none}.glass-collection-heading{font-size:11px;color:#6b808a}.glass-collection-heading button{border:1px solid #c1cfd1;color:#3f667d;border-radius:3px;padding:6px 10px}.glass-style-grid{gap:8px}.glass-style-card{background:#f4f2eb;border:1px solid #d8ded9;border-radius:4px;color:#536e7b}.glass-style-card.active{background:#e5eceb;border-color:#638294}.glass-color-controls,.paper-size-controls,.paper-design-preview{background:#e9eeeb;border:1px solid #d4ddd8;border-radius:5px;box-shadow:none}.glass-color-grid button,.color-picker-button{border-radius:5px;box-shadow:none}.color-picker-button{background:#ffffff;color:#426276}.rig-color-presets button{border-radius:4px;border:1px solid #fff;width:27px;height:27px;box-shadow:0 0 0 1px #b7c4c9}.rig-color-controls{color:#6c828d;font-size:11px}.glass-color-heading{color:#4b6879;font-size:12px}.glass-color-heading>span+span{color:#728793}.scene-card,.background-card,.scene-preset{border-radius:4px!important;box-shadow:none!important}.scene-swatches button{background:#cedae0!important;background-image:var(--surface-blue)!important;border-radius:3px}.scene-swatches button[data-scene=rose]{background:#e0d2d0!important}.scene-swatches button[data-scene=night]{background:#354759!important}.asset-dialog{background:#ffffff;background-image:var(--surface-paper)}.asset-detail-image{border-radius:5px!important;background:#d7e0e2;background-image:var(--surface-blue)}.asset-detail-heading h2{font:24px var(--serif);letter-spacing:1px}.asset-detail-heading>span{color:#71858e}.asset-dialog-top{color:#6b818c}#detail-description{font-size:12px;color:#687c86}.detail-color-row button{border-radius:4px;border-color:#cdd7d7;color:#5c7581}.detail-color-row button.active{background:#dce6e8;border-color:#638494}.detail-color-row i{box-shadow:none;border-radius:4px}.primary-button{border-radius:4px;background:#426276;background-image:var(--surface-ink);color:#fbfaf4;box-shadow:none;min-height:43px}.outline-button,.change-color-button,.upload-mini,.import-project{border-radius:4px;border-color:#bfcdd1;color:#496c80}.draft-card{background:#eef3f5;border:1px solid #d2dcd6;border-radius:4px}.mine-card,.saved-card,.inspiration-card{background:#f3f5f6;border-radius:4px;border:1px solid #d1d9d5}.mine-card span,.saved-card strong{color:#456071}.mine-grid{gap:11px}.toast{background:#3e5969;border-radius:4px;box-shadow:0 4px 14px #283e4b15;font-size:11px}dialog{background:#ffffff;background-image:var(--surface-paper);border:1px solid #cbd4d2;border-radius:12px 12px 0 0;box-shadow:0 -8px 30px #283d4c14}dialog::backdrop{background:#273f4f44;backdrop-filter:none}.sheet-title h2,.modal-heading h2{font-family:var(--serif);color:#355366}.sheet-title{margin-bottom:15px}.sheet-handle{background:#b8c9cd;height:3px;width:29px}.project-title input,.wish-note input{background:#f1f4f5;border-color:#cbd6d2;border-radius:4px;font:14px var(--sans);padding:11px}.details-panel{gap:13px}.details-section{border-color:#d1dad5}.section-label h3{font-size:12px;color:#4d6a7a}.range-label{color:#637e8c;margin:12px 0 9px}.range-label span{color:#446679}input[type=range]{background:#c7d3d5;accent-color:#426276;height:3px}input[type=range]::-webkit-slider-thumb{background:#52768c;border-color:#ffffff;box-shadow:0 0 0 1px #99afbb}.strand-select button{border-radius:4px;background:#e0e7e5;color:#617e8d}.strand-select button.active{background:#527285;color:#fff}.segment-row,.cord-style,.cord-card{border-radius:4px!important;background:#e7ece7!important}.cord-style.active,.cord-card.active{border-color:#648496!important}.paper-toolbar{color:#546f7d}.paper-toolbar button{border-radius:4px;color:#5f7b89}.paper-message input{background:#ffffff;border:1px solid #cbd7d4;border-radius:4px;color:#365566}.paper-style-card{border-radius:4px;background:#f5f7f8;border-color:#d4ddd7;box-shadow:none}.paper-style-card.active{border-color:#527d94}.paper-style-card img{border-radius:2px}.paper-edit-tabs,.paper-layout-options{background:#e3e9e5;border-radius:4px;padding:3px}.paper-edit-tabs button,.paper-layout-options button{border-radius:2px;color:#6e8590}.paper-edit-tabs .active,.paper-layout-options .active{color:#385d73;background:#ffffff;box-shadow:none}.paper-font-options button,.paper-icon-grid button,.paper-icon-chosen button{border:1px solid #d0dbd5;border-radius:4px;background:#ffffff}.paper-font-options .active{background:#e0e9e6;border-color:#648a9c}.paper-font-options small{color:#6e858f}.paper-font-options button>span{font-size:18px}.paper-icon-categories button{border-radius:3px;background:#e5ebe6;color:#657f8c}.paper-icon-categories .active{background:#527487;color:#fff}.paper-design-hint,.paper-design-preview>span{color:#6c828b}.paper-design-preview{padding:14px}.paper-design-preview canvas{box-shadow:2px 4px 9px #29435312}.paper-size-controls{position:static;box-shadow:none}.paper-icon-tools{color:#577583}.paper-icon-tools button{color:#9b6365}.film-preview-wrap{border-radius:4px;background:#e5e9e3;background-image:var(--surface-paper)}.segmented button,.finish-options button{border-radius:4px;border-color:#c7d5d4;color:#567686}.segmented .active,.finish-options .active{background:#dce8e7;color:#315b70;border-color:#7297a6}.choose-paper{border-radius:4px;color:#426d83}
@media(min-width:760px){.home-hero{margin:0 28px!important}.home-header{padding-left:32px!important;padding-right:32px!important}.showcase-section{padding:24px 28px 36px}.showcase-row{gap:18px}.showcase-card img{aspect-ratio:4/3}.home-hero .create-button{left:calc(50% - 150px)!important;right:auto!important;width:300px}.home-hero .continue-button{left:calc(50% - 150px)!important}.paper-font-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){button,.showcase-card img{transition:none}}
.color-picker-button.active{background:var(--swatch)}
.music-dialog{background:#ffffff;background-image:var(--surface-paper);color:#35586c;border-color:#c6d4d5;border-radius:8px}.music-dialog textarea{background:#ffffff;border:1px solid #c7d5d5;border-radius:4px;color:#3d6075}.music-controls button,.music-dialog select,.music-dialog input{border-radius:4px}.music-heading h2{font-family:var(--serif)}
.paper-font-filter{display:flex;gap:6px;margin-top:12px}.paper-font-filter button{padding:7px 12px;background:#e5ebe6;border-radius:3px;font-size:11px;color:#657f8c}.paper-font-filter .active{background:#527487;color:#fff}.paper-font-options img{width:100%;height:36px;object-fit:contain;object-position:left center;display:block}.paper-font-options button{justify-content:space-between}.paper-design-hint a{text-decoration:underline;text-underline-offset:3px;margin-left:6px}
.paper-message textarea,.wish-note textarea{width:100%;min-height:84px;resize:vertical;white-space:pre-wrap;tab-size:4;background:#ffffff;border:1px solid #cbd7d4;border-radius:4px;color:#365566;font:13px/1.7 var(--sans);padding:10px 12px;box-sizing:border-box}.paper-message{align-items:start!important}.paper-message textarea{min-width:0}.wish-note textarea{margin-top:8px}.paper-style-image{width:100%;aspect-ratio:1/2.4;overflow:hidden}.paper-style-image img,.paper-style-image canvas{width:100%;height:100%;object-fit:cover;display:block}.paper-color-controls{padding:12px 0;color:#577483;font-size:11px}.paper-color-swatches{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.paper-color-swatches>button{width:29px;height:29px;background:var(--swatch);border:1px solid #9cacb24d;border-radius:4px}.paper-color-swatches>button.active{outline:2px solid #527487;outline-offset:2px}.paper-color-swatches .color-picker-button{width:29px;height:29px}.paper-design-preview canvas{height:280px}.paper-design-preview:has(canvas){overflow:visible}

@font-face{font-family:AppHuiwen;src:url('assets/fonts/huiwen.woff') format('woff');font-display:swap}
:root{--sans:AppHuiwen,"PingFang SC",serif;--serif:AppHuiwen,"PingFang SC",serif}
body,button,input,textarea,select{font-family:var(--sans)}
.follow-author{font-size:12px;color:#426276;text-decoration:none;display:flex;align-items:center;min-height:38px;padding:0 10px;border-bottom:1px solid #9daeb5}
.showcase-card,.showcase-card:nth-child(n){padding-bottom:0}.home-mark{min-width:26px}
.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.export-actions button{min-height:42px;font-family:var(--sans)}
.export-actions [hidden]{display:none}.media-review{width:min(440px,92vw);padding:20px;border:1px solid #bacbd1;border-radius:8px;color:#35586c;background:#ffffff url('assets/surfaces/white-paper.svg')}.media-review::backdrop{background:#273b4666}.media-review video{width:100%;max-height:48vh;object-fit:contain;background:#d0dce0}.media-review h2{font-size:19px;font-weight:400;margin:0 0 12px}.media-review p{font-size:12px;line-height:1.7}.media-review button{min-height:40px;padding:8px 14px;color:#35586c;background:#e1e7e5;border:1px solid #beced2;border-radius:4px;margin:5px 6px 0 0}.media-review .media-status{min-height:20px}.media-review button:disabled{opacity:.5}

.cloud-library-button{font:12px var(--sans);min-height:40px;color:#426276;background:#e7eae4;border:1px solid #c5d1d0;border-radius:4px;padding:9px 14px;margin:14px 0}.cloud-library-button[hidden]{display:none}

/* V32: white paper, chosen glass bell, newspaper author signature. */
@font-face{font-family:OldNewspaper;src:url('assets/fonts/newspaper.ttf') format('truetype');font-display:swap}
:root{--paper:#fff;--card:#fff;--surface-paper:url('assets/surfaces/white-paper.svg')}
html,body{background:#fff}.home-mark svg{width:30px;height:30px;stroke:#426276;stroke-width:1.3}
.follow-author{font-family:OldNewspaper,AppHuiwen,serif;font-size:13px;letter-spacing:0;gap:4px;border-bottom:0;padding:0 5px;white-space:nowrap;color:#35566b}.follow-author span{font-weight:400}.home-header-tools{align-items:center}
.material-dock{background-color:#fff}.home-header,.editor-header,.bottom-nav,dialog{background-color:#fff;background-image:var(--surface-paper)}
@media(max-width:360px){.home-header{padding-left:18px!important;padding-right:14px!important}.home-header-tools{gap:1px}.home-header .icon-button{width:31px;height:36px}.follow-author{font-size:12px;padding:0 2px}}