@charset "UTF-8";
/* The object is the homepage; only task labels remain. */
.home-header{justify-content:flex-end!important;height:54px!important;padding:5px 18px!important}
.asset-detail-image{position:relative}.asset-detail-image>.scene-3d{pointer-events:auto!important;touch-action:none}
.home-hero{height:calc(100svh - 155px)!important;max-height:780px!important;min-height:390px!important;margin:0 12px!important;border-radius:140px 140px 16px 16px!important;background:radial-gradient(ellipse at 55% 35%,#f1f5f9,#e0e4e8 80%)!important}
.home-hero>#home-canvas{inset:0 0 116px!important;width:100%!important;height:calc(100% - 116px)!important}
.home-hero .create-button{bottom:48px!important;left:22px!important;right:22px!important}
.home-hero .continue-button{bottom:8px!important;left:22px!important}
.home-section-heading{justify-content:flex-end!important;padding-top:18px!important;padding-bottom:10px!important}
.page-header{padding-top:26px!important}.page-header h1{font-size:23px!important}
.canvas-panel{background:#e5e9ed!important}.scene-wrap:before{display:none}
.scene-3d{position:absolute!important;inset:0;width:100%!important;height:100%!important;pointer-events:none!important;z-index:0}
.home-hero>.scene-3d{height:calc(100% - 112px)!important;top:0!important;left:0!important;right:0!important;bottom:112px!important}
.webgl-ready #chime-canvas,.webgl-ready #home-canvas{opacity:0}
#chime-canvas{z-index:1}.scene-wrap>#exit-immersive{z-index:3}
.canvas-tools,.selection-strip,.canvas-footer{position:relative;z-index:2}
.home-hero{touch-action:pan-y}.home-hero>.scene-3d{pointer-events:auto!important;touch-action:none}
.home-presets{margin-top:0!important}.home-preset>span{font-size:11px!important}
:root{--paper:#ecf0f4;--card:#fafbfd;--ink:#2d343c;--muted:#728394;--line:#dbdfe4;--accent:#425365;--sage:#657586;--serif:"Songti SC","STSong",Georgia,serif;--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{background:#e0e3e7}body{margin:0;font:14px var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;background:#e0e3e7}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,input{transition:background .18s,border-color .18s}button svg{pointer-events:none}.icon{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.icon-button{width:44px;height:44px;padding:11px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#627181;flex-shrink:0}.icon-button:hover{background:#dee2e6}.app-shell{max-width:520px;min-height:100dvh;margin:auto;background:var(--paper);position:relative;box-shadow:0 0 80px #343d4618}.screen[hidden]{display:none!important}.screen{padding-bottom:100px}.home-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:15px 25px 7px}.wordmark{font-family:var(--serif);font-size:26px;letter-spacing:5px}.wordmark span{font-family:Georgia,serif;font-size:9px;letter-spacing:2.3px;margin-left:10px;color:#7e8e9e}.home-header .icon-button{color:#586674}.home-hero{height:600px;max-height:calc(100svh - 155px);min-height:495px;position:relative;overflow:hidden;margin:0 13px;border-radius:4px 4px 120px 4px;background:radial-gradient(ellipse at 75% 30%,#d9dfe5 0,#dee2e788 40%,#e5e9ee55 70%),linear-gradient(125deg,#e4e9ed,#dbe0e5)}.home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 45%,#fffc 46%,#fff2 62%,transparent 63%);opacity:.5}.hero-type{position:absolute;left:23px;top:25px;z-index:2}.eyebrow{font:8px Georgia,serif;color:#768697;letter-spacing:1.7px}.hero-type h1{font:400 34px/1.5 var(--serif);letter-spacing:2px;margin:14px 0 11px}.hero-type p{font-size:11px;letter-spacing:1.5px;color:#6f8193;margin:0}.home-hero canvas{position:absolute;right:-20px;top:100px;width:330px;height:425px;pointer-events:none}.hero-number{position:absolute;left:24px;top:265px;font:8px/1.8 Georgia,serif;letter-spacing:1.3px;color:#8a98a6;writing-mode:vertical-rl;transform:rotate(180deg)}.create-button{position:absolute;bottom:53px;left:25px;right:25px;height:51px;display:flex;justify-content:space-between;align-items:center;padding:0 21px;background:var(--accent);color:#f7f9fc;border-radius:7px;font-size:14px;letter-spacing:1px;z-index:3;box-shadow:0 7px 18px #42536519}.create-button:hover{background:#334150}.continue-button{position:absolute;bottom:15px;left:25px;font-size:11px;color:#6a7b8d;z-index:2;padding:9px 0}.home-section-heading{padding:26px 25px 15px;display:flex;justify-content:space-between;align-items:center}.home-section-heading h2,.section-heading h2{font:400 17px var(--serif);letter-spacing:1px;margin:0}.home-section-heading button{font-size:10px;color:#718294}.home-presets{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 25px}.home-preset{display:flex;flex-direction:column;text-align:left;padding:0;background:#e3e8ed;overflow:hidden;border-radius:60px 60px 6px 6px}.home-preset canvas{width:100%;height:190px;object-fit:contain}.home-preset>span{font:16px var(--serif);padding:10px 12px 0}.home-preset small{padding:7px 12px 15px;color:#8796a5;font-size:10px}.home-film{display:flex;align-items:center;gap:13px;text-align:left;margin:22px 25px 0;padding:17px 0;width:calc(100% - 50px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-film .film-stamp{width:47px;height:55px;border:1px dashed #a5b0bb;border-radius:14px 14px 5px 5px;display:grid;place-items:center;font-size:28px;color:#7c8c9d;transform:rotate(-7deg)}.home-film>span:nth-child(2){flex:1}.home-film strong{font-size:13px;font-weight:400}.home-film small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.home-film>.icon{width:17px}.bottom-nav{position:fixed;z-index:10;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,520px);height:calc(69px + env(safe-area-inset-bottom));padding:8px 25px calc(9px + env(safe-area-inset-bottom));background:#f6f9fcf5;backdrop-filter:blur(18px);border-top:1px solid #d9dee3;display:flex;justify-content:space-around}.bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:64px;color:#8e9ba9;font-size:10px;position:relative}.bottom-nav button.active{color:var(--accent)}.bottom-nav .count{position:absolute;top:0;right:8px;width:15px;height:15px;border-radius:50%;font:9px Georgia;background:#dee2e7;display:grid;place-items:center;color:#68798a}.count:empty{display:none}.page-header{padding:34px 25px 23px}.page-header h1{font:400 29px var(--serif);letter-spacing:3px;margin:12px 0 0}#library-content{padding:0 23px}#mine-content{padding:0 25px}.library-groups{display:flex;gap:24px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.library-groups button{font-size:13px;color:#8695a4;position:relative;padding:6px 0}.library-groups button.active{color:var(--ink)}.library-groups button.active:after{content:"";position:absolute;bottom:-13px;height:2px;left:0;right:0;background:var(--accent)}.library-search{display:flex;align-items:center;gap:7px;background:#e4e7eb;border-radius:7px;padding:0 10px;height:36px;margin-bottom:13px;color:#8b99a7}.library-search .icon{width:15px}.library-search input{border:0;background:none;outline:none;min-width:0;width:100%;font-size:12px;height:36px}.filter-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;margin-bottom:10px;padding:2px 0 4px}.filter-row::-webkit-scrollbar{display:none}.filter-row button{font-size:11px;border:1px solid #d9dde2;border-radius:5px;padding:7px 11px;color:#7f8e9e;flex-shrink:0}.filter-row button.active{background:#5a6978;border-color:#5a6978;color:#f6f9fc}.theme-row{margin-bottom:13px}.theme-row button{border:0;background:transparent;padding:5px 12px}.theme-row button.active{background:#dee3e7;color:#576573}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.asset-tile{min-width:0;border:1px solid #dbdfe4;border-radius:7px;background:#e7ebef;display:flex;align-items:center;flex-direction:column;padding:6px 6px 10px;position:relative}.asset-tile:hover{background:#dfe3e8}.asset-tile canvas{width:100%;height:91px;object-fit:contain;pointer-events:none}.asset-tile>span{font-size:11px;line-height:1.6;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-tile small{font-size:9px;color:#8896a5;margin-top:3px}.library-empty{min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:12px;color:#8a98a7}.library-empty .icon{width:30px;height:30px;opacity:.6}.library-empty button{font-size:11px;text-decoration:underline;color:var(--sage)}.upload-mini{display:flex;justify-content:center;align-items:center;gap:8px;border:1px dashed #adb7c2;border-radius:7px;padding:17px;width:100%;margin:8px 0 13px;color:#617080;font-size:12px}.draft-card{display:flex;align-items:center;gap:13px;background:#e0e5e9;border:1px solid #d5dbe2;border-radius:8px;padding:20px 15px;width:100%;text-align:left}.draft-card>span:first-child{display:grid;place-items:center;width:40px;height:45px;border:1px solid #b9c1ca;border-radius:5px;color:#748596}.draft-card>div{flex:1}.draft-card strong{font-weight:400;font-size:13px}.draft-card small{display:block;font-size:10px;margin-top:8px;color:#78899a}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 17px}.section-heading small{color:#8392a2;font-size:10px}.mine-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mine-card{text-align:left;padding:0;background:#e2e7ec;border-radius:8px;overflow:hidden}.mine-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.mine-card span{display:block;padding:13px;font-size:12px}.empty-copy{text-align:center;color:#8997a6;font-size:12px;padding:50px 0}.outline-button{margin:24px 25px;width:calc(100% - 50px);display:flex;justify-content:center;gap:9px;align-items:center;padding:15px;border:1px solid #d1d7de;border-radius:7px;font-size:12px;color:#6b7d8f}
/* The editor stays within one phone viewport; the material tray scrolls independently. */
body[data-view=editor]{overflow:hidden}body[data-view=editor] .bottom-nav{display:none}#editor-screen{height:100dvh;max-height:100dvh;padding:0;display:flex;flex-direction:column;overflow:hidden}.editor-header{height:calc(59px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 15px 0 8px;display:flex;justify-content:space-between;align-items:center;background:var(--paper);flex-shrink:0}.editor-header>div{display:flex;flex-direction:column;gap:4px;text-align:center;font-size:13px}.save-indicator{font-size:8px;color:#7f8f9f}.save-indicator>span{display:none}.done-button{background:var(--accent);color:#f6f9fc;border-radius:20px;padding:9px 16px;font-size:12px}.canvas-panel{display:flex;flex-direction:column;position:relative;flex:1;min-height:180px;background:#e0e5e9;overflow:hidden}.canvas-tools{position:absolute;right:10px;top:7px;display:flex;gap:2px;z-index:2}.canvas-tools .icon-button{width:35px;height:35px;padding:9px;background:#f3f7fb70}.canvas-tools .icon{width:17px;height:17px}.scene-wrap{flex:1;min-height:0;position:relative;isolation:isolate;background:radial-gradient(ellipse at 70% 20%,#f0f4f8b0,transparent 70%),linear-gradient(110deg,#d9dee3,#dde2e7 70%,#e1e7ee);overflow:hidden}.scene-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 34%,#fff7 36%,#fff1 52%,transparent 55%)}.scene-wrap[data-scene=rose]{background:radial-gradient(at 80% 10%,#e7edf3,#d8dde2)}.scene-wrap[data-scene=ocean]{background:linear-gradient(#dee2e6,#c6ced6 80%,#cfd8e1)}.scene-wrap[data-scene=night]{background:radial-gradient(circle at 81% 20%,#c4d7eb 0 11px,transparent 12px),linear-gradient(#5f6e7e,#333c46)}.scene-wrap[data-scene=night]:before{opacity:.04}.scene-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.selection-strip{position:absolute;bottom:51px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.selected-chip{padding:7px 11px;border-radius:20px;background:#f0f4f9da;font-size:10px;color:#677788;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto}.selected-chip span{margin-left:7px}.selection-strip>span{font-size:8px;color:#7b8b9b}.canvas-footer{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#e8ecf1;flex-shrink:0}.canvas-footer .icon-button{height:38px;width:38px;padding:10px}.canvas-footer .icon{width:18px;height:18px}.breeze-button{font-size:11px;display:flex;align-items:center;gap:7px;border-radius:20px;padding:6px 14px;color:#617181}.breeze-button .icon{width:19px}.material-dock{background:var(--card);border-radius:19px 19px 0 0;margin-top:-1px;z-index:3;flex-shrink:0;max-height:46dvh;display:flex;flex-direction:column;box-shadow:0 -5px 20px #42526307;padding-bottom:env(safe-area-inset-bottom)}.dock-tools{height:51px;display:flex;justify-content:space-around;border-bottom:1px solid #dee3e7;flex-shrink:0;padding:0 8px}.dock-tools button{position:relative;font-size:13px;color:#8090a0;min-width:55px}.dock-tools button.active{color:var(--accent)}.dock-tools button.active:after{content:"";position:absolute;width:18px;height:2px;background:var(--accent);bottom:8px;left:50%;transform:translateX(-50%)}.materials-panel{padding:13px 16px 17px;overflow:auto;min-height:122px;max-height:calc(46dvh - 51px);scrollbar-width:thin;scrollbar-color:#ccd3db transparent}.panel-heading,.material-tabs{display:none}.rig-picker{display:flex;gap:9px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.rig-card{border:1px solid #d9dee3;border-radius:7px;min-width:85px;width:85px;padding:9px 3px 10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:#eaeef3}.rig-card.active{border-color:#768798;background:#e1e6ec}.rig-art{width:62px;height:68px}.rig-card>span{font-size:10px;color:#748596}.custom-rig-card{background:#e9edf2;border-style:dashed;border-color:#abb7c3}.custom-rig-card>.icon{height:40px;width:30px;margin:14px 0;color:#7a8a9b}.material-dock .library-groups{gap:23px;margin-bottom:10px;padding-bottom:8px}.material-dock .library-groups button{font-size:11px;padding:3px 0;min-height:25px}.material-dock .library-groups button.active:after{bottom:-9px}.material-dock .library-search{height:30px;margin-bottom:8px}.material-dock .library-search input{height:30px;font-size:11px}.material-dock .filter-row{margin-bottom:5px;gap:6px}.material-dock .filter-row button{padding:6px 10px;font-size:10px}.material-dock .theme-row button{padding:4px 9px}.material-dock .asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.material-dock .asset-tile{padding:3px 3px 7px}.material-dock .asset-tile canvas{height:64px}.material-dock .asset-tile>span{font-size:9px}.material-dock .asset-tile small{font-size:8px}.material-dock .library-empty{min-height:90px;gap:9px;font-size:11px}.scene-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.scene-card{padding:0;font-size:9px;color:#78899a;text-align:center}.scene-chip{display:block;height:64px;border-radius:6px;background:linear-gradient(115deg,#d6dde4 20%,#e7edf3 30%,#d7dce2 80%);border:2px solid transparent;margin-bottom:8px}.scene-card.active .scene-chip{border-color:#748596}.scene-rose{background:linear-gradient(120deg,#c5ccd3,#e1e8f0 60%,#c0c8d0)}.scene-ocean{background:linear-gradient(#d5dbe1 40%,#a5b1bd 41%,#d6dbe1 80%,#cad5e1)}.scene-night{background:radial-gradient(circle at 75% 22%,#b6cee6 0 4px,transparent 5px),linear-gradient(#6b7c8e,#3b4855)}
/* Bottom sheets and the existing image workbench. */
dialog{border:0;background:var(--card);color:var(--ink);width:min(100%,520px);max-width:100%;max-height:92dvh;border-radius:22px 22px 0 0;margin:auto auto 0;padding:19px 22px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -10px 70px #26323e24;overflow:auto}dialog::backdrop{background:#2b323a55;backdrop-filter:blur(4px)}.dialog-close-form{position:absolute;right:12px;top:12px;margin:0}.sheet-handle{width:32px;height:4px;border-radius:5px;background:#cfd4da;margin:-8px auto 16px}.sheet-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sheet-title h2{font:400 19px var(--serif);margin:0;letter-spacing:1px}.sheet-title .icon-button{width:35px;height:35px;padding:8px}.details-panel{display:flex;flex-direction:column;gap:16px}.project-title .eyebrow,.project-title .title-edit,.project-title p{display:none}.project-title input{width:100%;background:#eaeef2;border:1px solid #d6dce2;border-radius:6px;padding:12px;font:17px var(--serif)}.details-section{border-bottom:1px solid #dee2e7;padding-bottom:15px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-label h3{font-size:12px;font-weight:400;margin:0}.section-label>span{font-size:10px;color:#8291a1}.section-label>button:not(.icon-button){font-size:10px;color:#768697}.strand-select{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.strand-select button{min-width:35px;height:35px;border-radius:5px;background:#e5e9ee;color:#7f8f9f;font-size:11px}.strand-select button.active{background:#5f6e7e;color:#fff}.range-label{display:flex;justify-content:space-between;font-size:11px;color:#7f8e9e;margin:15px 0 12px}.range-label span{color:#6c7d8f}input[type=range]{appearance:none;width:100%;height:4px;background:#d6dce3;display:block;margin:15px 0;border:0;border-radius:4px;accent-color:#5f6e7e;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50%;background:#68798b;border:3px solid #f1f5f9;box-shadow:0 0 0 1px #a2adb9}.range-captions{display:flex;justify-content:space-between;font-size:9px;color:#94a1af}.bead-swatches{display:flex;gap:19px;padding:5px}.bead-swatches button{height:27px;width:27px;border-radius:50%;border:1px solid #fff;box-shadow:inset -2px -3px 5px #697a8c55}.bead-swatches button.active{outline:1px solid #8b99a8;outline-offset:4px}.scene-swatches{display:flex;gap:12px}.scene-swatches button{height:38px;width:57px;border-radius:4px;background:linear-gradient(115deg,#d6dde4,#dfe8f1,#c6cdd4)}.scene-swatches button[data-scene=rose]{background:#c0c9d3}.scene-swatches button[data-scene=ocean]{background:#bcc4cd}.scene-swatches button[data-scene=night]{background:#576574}.scene-swatches button.active{outline:1px solid #7b8b9b;outline-offset:3px}.wish-note label{font-size:11px;color:#768798}.wish-note>span{display:none}.wish-note input{margin-top:10px;width:100%;background:#eaeef3;border:1px solid #d5dce3;border-radius:5px;padding:13px;font-size:12px}.primary-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px;background:var(--accent);color:#f2f6fb;border-radius:6px;font-size:13px}.primary-button .icon{width:18px}.export-actions{display:flex;gap:24px;justify-content:center}.export-actions button{display:flex;gap:7px;align-items:center;font-size:12px;color:#68798b;padding:12px 3px}.export-actions .icon{width:17px}.finish-mode .details-panel>.details-section,.finish-mode .wish-note{display:none}.finish-mode .sheet-title h2{font-size:0}.finish-mode .sheet-title h2:after{content:"保存作品";font:19px var(--serif)}.modal-heading{padding-top:14px}.modal-heading h2{font:400 24px var(--serif);letter-spacing:1px;margin:10px 0 12px}.modal-heading>p:last-child{font-size:11px;line-height:1.8;color:#788899;margin-bottom:20px}.upload-workspace{display:grid;grid-template-columns:1fr;gap:18px}.film-preview-wrap{position:relative;height:235px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:#dfe4e9;background-image:linear-gradient(45deg,#fff4 25%,transparent 25%),linear-gradient(-45deg,#fff4 25%,transparent 25%);background-size:16px 16px}.film-preview-wrap canvas{height:220px;width:auto;max-width:100%;transform-origin:center}.preview-tag{position:absolute;bottom:8px;font:7px Georgia;letter-spacing:2px;color:#8c9aa9}#upload-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8392a2}#upload-placeholder[hidden]{display:none}#upload-placeholder .icon{width:30px;height:30px}#upload-placeholder p{font-size:13px;margin:13px 0 8px}#upload-placeholder small{font-size:9px}.upload-file-button{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border:1px dashed #9ca9b7;background:#e5eaef;border-radius:6px;font-size:12px;cursor:pointer}.small-note{font-size:10px;line-height:1.8;color:#8694a3;margin:9px 0 16px}fieldset{border:0;padding:0;margin:0 0 17px}legend{font-size:12px;margin-bottom:10px}.segmented,.finish-options{display:flex;gap:6px}.segmented button,.finish-options button{flex:1;border:1px solid #d7dde3;border-radius:5px;padding:10px 5px;font-size:11px;color:#788899}.segmented button.active,.finish-options button.active{background:#dee5ec;border-color:#8796a5;color:#566778}.checkbox-line{display:flex;align-items:center;gap:8px;font-size:11px;color:#778899}.checkbox-line input{accent-color:var(--sage)}.collection-dialog .saved-projects,.inspiration-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.saved-card,.inspiration-card{padding:0;overflow:hidden;background:#dfe5eb;border-radius:7px;text-align:left}.saved-card img,.inspiration-card canvas{width:100%;aspect-ratio:3/4;display:block;object-fit:cover}.saved-card>div,.inspiration-card>div{padding:12px}.saved-card strong,.inspiration-card strong{font-size:12px;font-weight:400}.saved-card p,.inspiration-card p{font-size:9px;color:#8a98a7;line-height:1.8}.saved-card button{font-size:11px;padding:10px 0;color:#607183}.import-project{display:block;padding:15px;border:1px dashed #aeb9c4;color:#6b7d8e;text-align:center;border-radius:7px;font-size:12px;margin-top:20px;cursor:pointer}.help-steps{list-style:none;padding:0;margin:25px 0}.help-steps li{display:flex;gap:17px;margin-bottom:22px}.help-steps li>span{font:18px Georgia;color:#8d9ba9}.help-steps h3{margin:0 0 8px;font:16px var(--serif)}.help-steps p{font-size:11px;line-height:1.9;color:#7b8b9b;margin:0}.help-footnote{border-top:1px solid var(--line);padding-top:15px;color:#8a98a7;font-size:10px;line-height:1.9}.rig-shapes{display:flex;gap:7px;margin:0 0 15px}.rig-shapes button{flex:1;padding:10px 4px;border:1px solid #d6dce2;border-radius:5px;font-size:12px;color:#7a8a9a}.rig-shapes button.active{background:#dfe5eb;border-color:#8e9ba9;color:#5b6b7b}.rig-designer-wrap{background:#e9edf2;border:1px solid #dae0e7;border-radius:9px;overflow:hidden}.rig-designer-wrap canvas{display:block;width:100%;height:auto;touch-action:none}.rig-designer-wrap>span{display:block;text-align:center;font-size:10px;color:#8392a2;padding:0 0 15px}.designer-controls{padding:15px 1px}.designer-controls label{display:block;font-size:12px;color:#6b7c8d}.designer-controls label>span{float:right;font-size:11px}.rig-color-label{display:flex!important;align-items:center;gap:20px}.rig-color-label input{border:0;background:none;height:32px;width:55px}.toast{position:fixed;bottom:calc(89px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);max-width:min(85vw,400px);background:#495460;color:#f4f7fb;padding:12px 18px;font-size:12px;line-height:1.7;border-radius:8px;box-shadow:0 5px 24px #303c4920;opacity:0;z-index:100;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}body[data-view=editor] .toast{bottom:49dvh}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#exit-immersive{display:none}.immersive .scene-wrap{position:fixed;inset:0;z-index:50}.immersive #exit-immersive{display:block;position:absolute;right:20px;top:25px;background:#f2f6fbdd;border-radius:20px;padding:12px 15px;z-index:2;font-size:12px;color:#556270}.film-preview-wrap canvas.shrinking{animation:shrink-film 1.5s ease-in-out}@keyframes shrink-film{0%{transform:scale(1)}35%{transform:scale(.9) rotate(3deg)}65%{transform:scale(.6) rotate(-3deg)}100%{transform:scale(.75)}}
@media(min-width:650px){.app-shell{border-left:1px solid #d4dae0;border-right:1px solid #d4dae0}.home-hero{max-height:640px;height:640px}.home-hero canvas{width:400px;height:500px;right:-5px;top:95px}.hero-type h1{font-size:39px}.hero-type{left:30px}.home-hero .create-button{bottom:55px}.home-presets .home-preset canvas{height:230px}.material-dock .asset-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-height:730px){.home-hero{min-height:440px}.home-hero canvas{height:350px;width:280px;top:90px;right:-10px}.hero-type h1{font-size:29px}.hero-type{top:20px}.hero-number{top:250px}.materials-panel{padding:10px 14px}.rig-art{height:53px}.rig-card{min-width:76px;width:76px;padding:6px 3px}.canvas-tools .icon-button{height:31px;width:31px}.material-dock{max-height:46dvh}.material-dock .asset-tile canvas{height:54px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.rig-mode-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:10px;color:#8190a0}.rig-mode-row button{font-size:11px;color:#536476;padding:7px 10px;background:#e6ebf0;border-radius:5px}.rig-picker>.rig-card{width:calc((100% - 27px)/4);min-width:70px}
/* Atelier collection: one card per style, an intentional colorway picker. */
.catalog-count{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#788899;margin:12px 0}.catalog-count>span{font-size:9px;color:#8c9aa8}.asset-grid{gap:12px}.asset-tile{background:#e6eaee;border-color:#dadfe5;padding:8px 5px 11px}.asset-tile canvas{height:108px}.asset-tile>span:not(.tile-colors){font-size:11px}.asset-tile small{font-size:9px;margin-top:5px}.tile-colors{display:flex;min-height:8px;gap:4px;margin-top:8px;justify-content:center}.tile-colors i{width:7px;height:7px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #60708019}.material-dock .catalog-count{margin:7px 0 10px;font-size:9px}.material-dock .tile-colors{margin-top:5px;gap:3px}.material-dock .tile-colors i{width:5px;height:5px}.material-dock .asset-tile canvas{height:76px}.material-dock .asset-tile>span:not(.tile-colors){font-size:9px}.asset-dialog{padding-top:15px;background:#eef2f7}.asset-dialog-top{display:flex;align-items:center;justify-content:space-between;color:#778798;font-size:10px;letter-spacing:.7px}.asset-dialog-top .icon-button{height:34px;width:34px}.asset-detail-image{height:280px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#fafbfd,#e3e7ec 90%);border-radius:100px 100px 8px 8px;overflow:hidden;margin:5px 0 22px}.asset-detail-image canvas{width:100%;height:100%;object-fit:contain}.asset-detail-heading{display:flex;gap:12px;align-items:baseline;justify-content:space-between}.asset-detail-heading h2{font:400 23px var(--serif);margin:0;letter-spacing:1px}.asset-detail-heading>span{font-size:11px;color:#79899a}#detail-description{font-size:12px;line-height:1.9;color:#8291a1;margin:13px 0 20px}.detail-color-row{display:flex;gap:15px;margin:0 0 15px}.detail-color-row button{display:flex;flex:1;flex-direction:column;align-items:center;gap:9px;border:1px solid #d6dce2;border-radius:7px;padding:13px 5px 11px;color:#778899;font-size:10px}.detail-color-row button.active{border-color:#778798;background:#e4e9ee;color:#566677}.detail-color-row i{width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#fff7,transparent 48%),var(--swatch);box-shadow:inset -2px -2px 4px #58667522;border:1px solid #ffffffb0}.detail-note{font-size:9px;color:#8c9aa8;margin-bottom:20px;letter-spacing:.5px}.change-color-button{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:13px;border:1px solid #d4dae1;background:#e3e9ef;border-radius:5px;width:100%;padding:11px;color:#697a8b;font-size:11px}.change-color-button[hidden]{display:none}.change-color-button .icon{height:15px;width:15px}
@media(max-height:730px){.asset-detail-image{height:215px;margin-bottom:16px}.asset-dialog{max-height:96dvh}.detail-color-row button{padding:10px 4px}.asset-detail-heading h2{font-size:20px}}
.rig-color-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px 0 8px;font-size:12px;color:var(--muted)}
.rig-color-presets{display:flex;gap:7px;flex:1}.rig-color-presets button{width:26px;height:26px;border-radius:50%;background:var(--swatch);border:3px solid #f2f5f9;box-shadow:0 0 0 1px #b7c0c9;flex-shrink:0}
.rig-color-custom{display:flex;align-items:center;gap:5px}.rig-color-custom input{width:30px;height:30px;padding:0;border:0;background:none}
@media(max-width:360px){.rig-color-controls{gap:8px}.rig-color-presets{gap:5px}.rig-color-presets button{width:23px;height:23px}}
.settings-dialog input[type=number],.settings-dialog select,.designer-controls input[type=number]{width:100%;min-height:42px;border:1px solid #c7ced5;border-radius:8px;background:#f2f5f9;padding:8px;color:#505d6b;font:inherit}.settings-dialog .range-label input,.settings-dialog .range-label select{width:48%}.strand-select{flex-wrap:wrap;max-height:130px;overflow:auto}
.cord-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.cord-style-grid button{min-height:61px;border:1px solid #cfd5db;border-radius:9px;background:#f2f5f9;padding:5px;font-size:11px;color:#596776}.cord-style-grid button.active{border-color:#748596;background:#e1e7ed}.cord-style-grid svg{display:block;width:100%;height:28px}.cord-section h3{font-size:12px;margin-top:20px}.spacing-tools{display:flex;gap:10px;align-items:end;margin:14px 0}.spacing-tools label{flex:1;font-size:11px}.spacing-tools button{flex:1;min-height:42px}.segment-list{display:grid;gap:5px;max-height:200px;overflow:auto}.segment-row{display:flex;justify-content:space-between;gap:8px;text-align:left;padding:12px 8px;background:#eaeff4;border:1px solid transparent;border-radius:7px;font-size:11px;color:#576573}.segment-row.active{border-color:#788899}.segment-row span:last-child{font-size:10px;opacity:.7}.cord-note{font-size:11px;color:#78899a;line-height:1.6}
.empty-attachment{position:absolute;z-index:4;transform:translate(-50%,8px);padding:6px 9px;border-radius:15px;background:#f0f4f9ee;border:1px solid #8493a2;color:#607080;font-size:10px;white-space:nowrap;box-shadow:0 2px 8px #49546014;min-height:30px}.empty-attachment[hidden]{display:none}
.rig-designer-wrap{position:relative}.rig-space-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;border-radius:12px}.rig-space-tools{display:flex;gap:6px;margin:10px 0}.rig-space-tools button{flex:1;padding:9px 3px;font-size:11px;background:#e6ebf0;border-radius:7px;color:#5c6a79}.rig-space-tools button.active{background:#d7dee6;color:#53606e}.space-depth{display:flex;align-items:center;gap:8px;font-size:11px;color:#687889;margin:8px 0}.space-depth input{flex:1;min-width:0}.space-depth span{font-size:10px;max-width:90px}.rig-designer-wrap #rig-hint{pointer-events:none}.details-section[hidden]{display:none!important}.picker-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#68798a;margin:10px 0 4px}.picker-toggle{font-size:10px;padding:7px 10px;color:#667687;background:#e6eaef;border-radius:12px}.compact-picker .cord-style-grid{display:flex;overflow-x:auto;gap:6px;scroll-snap-type:x proximity;margin:4px 0 8px;padding-bottom:5px}.compact-picker .cord-style-grid button{flex:0 0 84px;min-height:53px;font-size:10px;padding:3px}.compact-picker .cord-style-grid svg{height:24px}.compact-picker.expanded .cord-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.compact-picker .segment-list{display:flex;overflow-x:auto;max-height:none;padding-bottom:6px;scroll-snap-type:x proximity}.compact-picker .segment-row{flex:0 0 135px;flex-direction:column;gap:6px;min-height:58px;padding:9px;scroll-snap-align:start}.compact-picker.expanded .segment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:225px;overflow:auto}.compact-picker.expanded .segment-row{min-width:0;font-size:10px}.compact-picker .segment-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cord-section>h3{display:none}
.rig-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}.rig-picker>.rig-card{width:100%;min-width:0;padding:6px 3px;gap:3px}.rig-picker .rig-art{height:55px;width:60px}.rig-picker .rig-card>span{font-size:10px}.rig-picker .rig-card>small{font-size:9px;color:#8c9aa8}.rig-mode-row>span:last-child{font-size:10px;color:#8c9aa9}
.detail-color-row.has-series{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:185px;overflow:auto;gap:5px}.detail-color-row.has-series button{min-width:0;padding:5px 2px}.detail-color-row.has-series button span{font-size:8px}.detail-color-row.has-series button i{width:20px;height:20px}
:root{--paper:#f1f6fb;--card:#fbfdff;--ink:#344e68;--muted:#8499ad;--line:#dce6ef;--accent:#507fa8;--sage:#7099bd}.scene-wrap{background:#e1edf6}.canvas-footer{background:#edf4fa}.scene-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-sky{background:linear-gradient(#c3ddf1,#f5f9fe 60%,#a8cce6)}.scene-glacier{background:linear-gradient(#c9e5ee,#f3fbfc 55%,#a4c5d8)}.scene-mist{background:linear-gradient(120deg,#d2dfed,#f6f8fc,#b1c1d8)}.scene-pearl{background:linear-gradient(130deg,#e1e6f0,#fcfcfe,#c1ccdf)}.scene-coast{background:linear-gradient(#c4e0ec,#f6f8fb 60%,#8fb6ce 61%,#c4e0ec)}.scene-twilight{background:linear-gradient(#9aaecb,#e3e6f0,#7188ac)}#sound-toggle{font-size:0;gap:0}#sound-toggle .icon{width:19px;height:19px}#sound-toggle span{display:none}.tile-colors{display:none}
:root{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--serif:var(--sans)}body,button,input,select,textarea,h1,h2,h3,h4{font-family:var(--sans);font-synthesis:none}h1,h2,h3{font-weight:500;letter-spacing:.01em}button,input,select,textarea{letter-spacing:normal}.asset-tile>span{font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.01em}.asset-tile small{font-size:10px;line-height:1.5}.material-dock .asset-tile>span{font-size:10px}.material-dock .asset-tile small{font-size:9px}.screen h1{font-weight:500;letter-spacing:.035em}.scene-pearl{background:linear-gradient(120deg,#e8e3d9,#fcfaf4,#d4cec0)}.scene-rose{background:linear-gradient(#e5d5dd,#fbf3f3,#d2b9c5)}

/* Curated, editable works. Keep the mobile collection quiet and image-led. */
.showcase-section{padding:12px 22px 38px;max-width:1040px;margin:auto}.showcase-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.showcase-heading h2{font-size:18px;font-weight:500;letter-spacing:.08em;margin:0}.showcase-heading>span{font-size:11px;color:#8291a0}.showcase-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.showcase-card{position:relative;text-align:left;border:0;border-radius:18px;background:#f5f4ef;padding:0 0 22px;overflow:hidden;color:#374959;cursor:pointer}.showcase-card:nth-child(2){background:#f7edf2}.showcase-card:nth-child(3){background:#f1ece2}.showcase-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s}.showcase-card:hover img{transform:scale(1.025)}.showcase-style{display:block;color:#7f8a92;font-size:10px;letter-spacing:.12em;margin:14px 18px 6px}.showcase-card strong{font-weight:500;font-size:16px;margin-left:18px;letter-spacing:.08em}.showcase-arrow{position:absolute;bottom:23px;right:19px;font-size:18px;color:#8995a0}.inspiration-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:14px}
@media(max-width:600px){.showcase-section{padding:12px 18px 26px}.showcase-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px}.showcase-card{flex:0 0 65%;scroll-snap-align:start}.showcase-heading>span{font-size:10px}.showcase-card strong{font-size:15px}}

.glass-color-controls{margin-top:16px;padding:14px;border:1px solid #d9e4ee;border-radius:16px;background:#f7fafc}.glass-color-heading{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#3e5368;margin-bottom:12px}.glass-color-heading>span+span{font-size:11px;color:#71869a}.glass-color-grid{display:flex;flex-wrap:wrap;gap:10px;padding:3px}.glass-color-grid button,.color-picker-button{position:relative;display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:1px solid #71869a35;border-radius:10px;background:var(--swatch);cursor:pointer;box-shadow:inset 0 1px 1px #ffffff80}.glass-color-grid button.active,.rig-color-presets button.active{outline:2px solid #4e789c;outline-offset:3px}.glass-color-grid button:focus-visible,.color-picker-button:focus-within{outline:2px solid #315e86;outline-offset:3px}.color-picker-button{background:#e9f0f6;color:#365f82;border:1px solid #bbcddd;box-shadow:none;overflow:hidden}.color-picker-button.active{background:linear-gradient(#ffffff55,#ffffff55),var(--swatch)}.color-picker-button svg{width:17px;height:17px;pointer-events:none}.color-picker-button input[type=color]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.rig-color-controls>.color-picker-button{margin-left:auto}


.rig-family-tabs{display:flex;gap:4px;background:#eaf0f6;border-radius:12px;padding:4px;margin:0 0 18px;position:sticky;top:0;z-index:2}.rig-family-tabs button{flex:1;border:0;border-radius:9px;padding:11px 8px;color:#8092a5;background:transparent;font-size:13px;cursor:pointer}.rig-family-tabs [aria-selected=true]{background:#fff;color:#486b8d;box-shadow:0 2px 8px #7890aa12}.glass-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#8b9bac;margin-bottom:14px}.glass-collection-heading button{border:0;background:#eaf0f5;color:#72889e;border-radius:7px;padding:7px 9px;font-size:10px;cursor:pointer}.glass-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.glass-style-card{padding:0 0 11px;border:1px solid #e4ebf1;border-radius:14px;background:#fafcfd;color:#71879a;font-size:11px;min-width:0;cursor:pointer}.glass-style-card canvas{display:block;width:100%;height:auto}.glass-style-card.active{border-color:#83a7c8;box-shadow:inset 0 0 0 1px #83a7c8;background:#f2f7fb;color:#426d95}.rig-family-tabs button:focus-visible,.glass-style-card:focus-visible{outline:2px solid #6e99be;outline-offset:2px}
/* One compact task at a time; stage-level strand navigation stays outside the sheet. */
#settings-dialog{padding:12px 18px 22px;max-height:86dvh;background:#fbfdff}#settings-dialog .sheet-title{margin:8px 0 14px;padding:0;align-items:center}#settings-dialog .sheet-title h2{font-size:17px}#settings-dialog .details-panel{padding:0;display:block}#settings-dialog .details-section{margin:0;padding:12px 0;border:0;min-height:0}#settings-dialog .section-label{display:flex;align-items:center;gap:8px;margin:0 0 12px}#settings-dialog .section-label h3{font-size:13px;flex:1;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#settings-dialog #strand-number{display:none}#settings-dialog .range-captions,#settings-dialog .cord-note{display:none}#settings-dialog .range-label[hidden]{display:none!important}
.adjustment-tabs{display:flex;gap:4px;padding:4px;background:#edf3f8;border-radius:11px;margin-bottom:8px}.adjustment-tabs button{flex:1;padding:10px;border-radius:8px;font-size:12px;background:none;color:#8295a7}.adjustment-tabs button[aria-pressed=true]{background:#fff;color:#486f93;box-shadow:0 1px 4px #405e7910}.adjustment-tabs button:disabled{opacity:.4}
#settings-dialog:not(.finish-mode) .project-title,#settings-dialog:not(.finish-mode) .wish-note,#settings-dialog:not(.finish-mode) #finish-button,#settings-dialog:not(.finish-mode) .export-actions,#settings-dialog .details-section:has(#scene-swatches){display:none!important}#settings-dialog[data-adjustment=strand] #selected-details,#settings-dialog[data-adjustment=item] .strand-settings{display:none!important}#settings-dialog.finish-mode .adjustment-tabs,#settings-dialog.finish-mode .strand-settings,#settings-dialog.finish-mode #selected-details{display:none!important}#settings-dialog.finish-mode .project-title{margin:6px 0 16px}#settings-dialog.finish-mode .wish-note{margin:16px 0}#settings-dialog.finish-mode .export-actions{margin-top:12px}
#settings-dialog .compact-field{display:flex;align-items:center;gap:8px;min-height:48px;margin:0;border-bottom:1px solid #edf1f5}#settings-dialog .compact-field>label{flex:1;font-size:12px;color:#70869b;margin:0}#settings-dialog .compact-field input[type=number]{width:80px;min-height:36px;height:36px;padding:7px 9px;text-align:right;font-size:13px;background:#f3f7fa;border:1px solid #dce5ed;border-radius:8px}#settings-dialog .compact-field>span{font-size:11px;color:#8295a7;min-width:12px}#settings-dialog .compact-field input[type=color]{width:36px;height:30px;padding:2px;border:1px solid #dce5ed;background:#fff;border-radius:7px}#settings-dialog .compact-field [hidden]{display:none}
#settings-dialog .picker-heading{margin:10px 0 5px;font-size:12px}#settings-dialog .picker-toggle{display:none}#settings-dialog .cord-style-grid{display:flex!important;align-items:center;overflow:visible;margin:4px 0 8px;padding:0;gap:10px}#settings-dialog .cord-style-grid>svg{width:66px;height:27px;flex:none}#settings-dialog .cord-style-grid>select{width:auto;flex:1;min-width:0;height:38px;min-height:38px;font-size:12px;background:#f3f7fa;border-color:#dce5ed}#settings-dialog .spacing-tools{margin:14px 0;gap:8px}#settings-dialog .spacing-tools label{display:flex;align-items:center;gap:8px;font-size:12px;color:#70869b;min-width:0}#settings-dialog .spacing-tools input{width:74px;min-height:36px;height:36px;margin-left:auto}#settings-dialog .spacing-tools button{flex:0 0 52px;width:52px;min-height:36px;margin:0;padding:7px;border:0;border-radius:8px;background:#e9f1f7;color:#527d9e;font-size:12px}
#settings-dialog #remove-strand,#settings-dialog #change-item-color{width:auto;flex:none;margin:0;padding:7px 9px;background:#f0f5f9;border:0;border-radius:8px;font-size:11px;min-height:32px}#settings-dialog #remove-strand[hidden],#settings-dialog #change-item-color[hidden]{display:none!important}#settings-dialog #remove-item{width:32px;height:32px;padding:7px}.segment-disclosure{border-top:1px solid #e5edf3;padding-top:12px;margin-top:8px}.segment-disclosure>summary{font-size:12px;color:#69829a;cursor:pointer;padding:5px 0}.segment-disclosure .picker-heading{display:none}.segment-disclosure .segment-list{margin-top:10px}.segment-disclosure .segment-row{flex-basis:140px;min-height:52px;padding:8px}
.selection-strip{overflow:visible!important;pointer-events:none}.strand-switcher{position:relative;display:flex;align-items:center;gap:6px;pointer-events:auto;width:max-content}.strand-switcher #open-settings{min-height:34px;padding:7px 12px;font-size:11px;display:flex;gap:9px;align-items:center}.strand-switcher .strand-add{width:34px;height:34px;min-height:34px;margin:0;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#f5f9fce8;color:#6485a2;font-size:20px;display:grid;place-items:center}.strand-popup{position:absolute;bottom:calc(100% + 9px);left:0;min-width:144px;max-width:220px;padding:6px;background:#fbfdfff7;border:1px solid #dbe6ef;border-radius:13px;box-shadow:0 8px 28px #3c587c1c;backdrop-filter:blur(14px);z-index:12}.strand-popup[hidden]{display:none!important}.strand-popup .strand-select{display:flex;flex-direction:column;gap:3px;max-height:min(240px,36dvh);overflow-y:auto;flex-wrap:nowrap;margin:0}.strand-popup .strand-select button{width:100%;min-height:38px;height:auto;flex:none;border:0;border-radius:8px;background:transparent;text-align:left;padding:9px 12px;font-size:12px;color:#738ba1}.strand-popup .strand-select button.active{background:#e8f1f8;color:#436f95}.strand-popup button:focus-visible,.strand-add:focus-visible{outline:2px solid #7fa5c5;outline-offset:1px}
.music-dialog{width:min(100% - 24px,440px);padding:14px 20px 20px;border:1px solid #dde6ee;border-radius:22px;background:#fbfdff;color:#48617a}.music-dialog::backdrop{background:#344e6855;backdrop-filter:blur(5px)}.music-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 0 14px}.music-heading h2{font-size:17px;margin:0}.music-dialog textarea{width:100%;box-sizing:border-box;resize:vertical;max-height:30dvh;min-height:112px;border:1px solid #dce6ef;border-radius:12px;background:#f3f7fb;padding:13px;font-size:17px;line-height:1.8;letter-spacing:2px;color:#4c6a86}.music-help{font-size:10px;line-height:1.8;color:#8195a8;margin:10px 0 16px}.music-controls{display:flex;align-items:center;gap:18px}.music-controls label{display:flex;align-items:center;gap:7px;font-size:12px;flex:1}.music-controls label span{font-size:10px;color:#8c9bab}.music-controls input{width:59px;padding:8px;border:1px solid #dce5ee;border-radius:8px;background:#f3f7fb;color:#536f88}.music-controls .primary-button{margin:0;width:100px;min-height:38px;padding:9px;font-size:12px}.music-dialog progress{width:100%;height:3px;margin-top:19px;accent-color:#779ebf}#music-status{font-size:11px;min-height:16px;margin:7px 0;color:#7a91a6}.music-ambient{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7eef4;padding-top:9px;font-size:11px;color:#8297aa}
#settings-dialog.finish-mode .sheet-title h2:after{content:none}#settings-dialog.finish-mode .wish-note{display:block}.music-dialog progress{appearance:none;border:0;background:#e8eff5;border-radius:3px;overflow:hidden}.music-dialog progress::-webkit-progress-bar{background:#e8eff5}.music-dialog progress::-webkit-progress-value{background:#7da4c5}.music-dialog progress::-moz-progress-bar{background:#7da4c5}
/* Local review: make the existing music entry visible before ambient sound is toggled. */
#sound-toggle,#ambient-sound{color:#315f89!important;background:#ffffffd9;border:1px solid #b9cfe0;border-radius:50%}#sound-toggle span[data-icon]{display:inline-flex}#sound-toggle .icon,#ambient-sound .icon{stroke:currentColor;opacity:1}#sound-toggle[aria-pressed=true],#ambient-sound[aria-pressed=true]{color:#fff!important;background:#507fa8}
.paper-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0;font-size:11px;color:#7d91a4}.paper-toolbar>div{display:flex;gap:5px}.paper-toolbar button{border:1px solid #dce6ef;border-radius:8px;padding:7px 9px;color:#8395a5;background:#f6f9fc;font-size:10px}.paper-toolbar button.active{background:#e6f0f8;color:#496f91;border-color:#a8c0d4}.paper-size-controls{padding:12px;background:#f2f7fb;border-radius:12px;margin-bottom:12px}.paper-size-controls label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6a8297}.paper-size-controls label span{display:flex;align-items:center;gap:5px}.paper-size-controls input[type=number]{width:68px;padding:6px;text-align:right;border:1px solid #d5e2ed;border-radius:7px;background:#fff;color:#4f6d87;font-size:12px}.paper-size-controls input[type=range]{display:block;width:100%;margin:12px 0 2px;accent-color:#6e96b6;cursor:pointer}.paper-message{display:flex;align-items:center;gap:12px;font-size:12px;color:#7e91a3;margin:12px 0 18px}.paper-message input{flex:1;min-width:0;padding:10px 9px;border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;color:#536c82;font-size:12px}.paper-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 9px;padding-bottom:20px}.paper-style-card{min-width:0;border:1px solid transparent;border-radius:8px;padding:4px;background:transparent;color:#788fa3;font-size:10px;cursor:pointer}.paper-style-card img{display:block;width:100%;height:auto;aspect-ratio:1/2.4;object-fit:cover;border-radius:3px;box-shadow:0 2px 5px #526d8610}.paper-style-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;line-height:1.5}.paper-style-card.active{border-color:#769bb9;background:#e7f0f7;color:#456e90}.choose-paper{display:block;font-size:11px;color:#577e9e;padding:9px 0;background:transparent;border:0;text-align:left;margin-top:5px}.paper-style-card:focus-visible{outline:2px solid #779dbd}.library-screen .paper-style-grid{max-width:650px}@media(min-width:650px){#library-content .paper-style-grid{grid-template-columns:repeat(7,minmax(0,1fr));max-width:1000px}}
.paper-size-controls{position:sticky;top:0;z-index:2;box-shadow:0 2px 8px #526d8608}
.paper-edit-tabs,.paper-layout-options{display:flex;gap:5px;background:#e9f0f6;padding:4px;border-radius:12px;margin:12px 0}.paper-edit-tabs button,.paper-layout-options button{flex:1;padding:9px 4px;border-radius:9px;font-size:12px;color:#70859a}.paper-edit-tabs .active,.paper-layout-options .active{background:#fff;color:#345f85;box-shadow:0 2px 5px #35536a0b}.paper-design-preview{display:flex;align-items:center;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:#eaf0f5}.paper-design-preview canvas{display:block;width:auto;height:235px;max-width:100%;box-shadow:0 4px 16px #344a5a18;touch-action:none}.paper-design-preview>span,.paper-design-hint{font-size:10px;color:#75899c}.paper-font-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.paper-font-options button{display:flex;flex-direction:column;gap:7px;text-align:left;border:1px solid #dce5ed;border-radius:12px;padding:12px;min-width:0}.paper-font-options button>span{font-size:17px;white-space:nowrap;overflow:hidden;max-width:100%}.paper-font-options small{font-size:10px;color:#72869a}.paper-font-options .active{border-color:#5e86aa;background:#edf4fa}.paper-icon-categories{display:flex;overflow-x:auto;gap:6px;margin:12px 0;padding:4px 1px}.paper-icon-categories button{white-space:nowrap;font-size:11px;padding:8px 11px;border-radius:9px;background:#edf2f7;color:#698096}.paper-icon-categories .active{background:#557fa3;color:#fff}.paper-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.paper-icon-grid button,.paper-icon-chosen button{display:grid;place-items:center;background:#f6f9fc;border:1px solid #dce6ee;border-radius:9px;padding:4px;min-width:0;aspect-ratio:1}.paper-icon-grid canvas,.paper-icon-chosen canvas{display:block;width:100%;height:auto}.paper-icon-grid button:disabled{opacity:.35}.paper-icon-chosen{display:flex;align-items:center;gap:6px;overflow-x:auto;margin-top:12px;padding:3px}.paper-icon-chosen button{width:37px;flex:none}.paper-icon-chosen .active{outline:2px solid #668db0;outline-offset:1px}.paper-icon-chosen>span{font-size:10px;margin-left:auto;color:#8294a4}.paper-icon-tools{display:flex;align-items:center;gap:15px;font-size:11px;color:#698096}.paper-icon-tools label{display:flex;align-items:center;gap:10px;flex:1}.paper-icon-tools input{flex:1;width:70px}.paper-icon-tools button{font-size:11px;padding:8px;color:#9e6370}.paper-more-icons{width:100%;font-size:11px;color:#5c7b96;padding:12px}.paper-icon-grid button:focus-visible,.paper-font-options button:focus-visible{outline:2px solid #37658d;outline-offset:2px}
.paper-size-controls:has(~ .paper-design-preview){position:static;box-shadow:none}