:root{color:#273b36;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f7f1e7;font-synthesis:none;line-height:1.6;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:20px;background:linear-gradient(180deg,#fffdf7c2,#f7f1e7f5),repeating-linear-gradient(0deg,rgba(39,59,54,.025) 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,rgba(39,59,54,.018) 0 1px,transparent 1px 34px),#f7f1e7}.studio-layout{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:20px;width:min(1340px,100%);min-height:calc(100vh - 40px);margin:0 auto}.left-panel,.workbench{border:1px solid rgba(124,191,138,.24);border-radius:24px;background:#fffdf7f0;box-shadow:0 18px 44px #4d3e261c}.left-panel{display:flex;flex-direction:column;gap:18px;overflow:auto;padding:20px}.brand-row,.section-heading,.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand-row{justify-content:flex-start}.brand-mark{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border:1px solid rgba(167,112,24,.18);border-radius:18px;color:#273b36;background:#f6c94c;box-shadow:0 10px 20px #c6972c2e}.eyebrow{margin:0 0 4px;color:#6f7d78;font-size:.74rem;font-weight:800;letter-spacing:0}h1,h2,h3,p{letter-spacing:0}h1,h2,h3{margin:0;color:#273b36}h1{font-size:clamp(1.48rem,2.2vw,2rem);line-height:1.16}h1 span{display:block;margin-top:5px;color:#6f7d78;font-size:.76rem;font-weight:800}h2{font-size:1.2rem}h3{font-size:1rem}.mascot-stage{position:relative;display:grid;min-height:230px;place-items:center;overflow:hidden;border:1px solid rgba(124,191,138,.25);border-radius:24px;background:linear-gradient(145deg,#eaf7eff5,#fff8dfeb),repeating-linear-gradient(135deg,rgba(124,191,138,.08) 0 10px,transparent 10px 22px)}.mascot-stage img{width:min(82%,285px);height:auto;filter:drop-shadow(0 14px 18px rgba(77,62,38,.12))}.mascot-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(124,191,138,.28);border-radius:999px;color:#273b36;background:#fffdf7eb;box-shadow:0 10px 20px #4d3e261a;font-size:.84rem;font-weight:800}.idea-box{display:grid;gap:12px}.idea-box label{color:#273b36;font-weight:900}.idea-box textarea{width:100%;min-height:126px;resize:vertical;padding:14px;border:1px solid rgba(151,130,92,.28);border-radius:20px;color:#273b36;background:#fffbf0;box-shadow:inset 0 1px #ffffffb3;outline:none}.idea-box textarea::placeholder{color:#8a958f}.idea-box textarea:focus{border-color:#7cbf8ac7;box-shadow:0 0 0 4px #7cbf8a29}.language-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#6f7d78;font-size:.88rem;font-weight:850}.language-switch div{display:inline-grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(124,191,138,.28);border-radius:999px;background:#fffdf7}.language-switch button{min-height:34px;border:0;padding:0 13px;color:#6f7d78;background:transparent;font-weight:850}.language-switch button.active{color:#fffdf7;background:#7cbf8a}.language-switch button:disabled{cursor:not-allowed;opacity:.7}.composer-actions{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center}.composer-actions .primary-button{grid-column:1 / -1;width:100%}.topbar-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:9px}.round-button,.primary-button,.secondary-button,.icon-button,.delete-button{display:inline-flex;align-items:center;justify-content:center;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.round-button{width:50px;height:50px;border:1px solid rgba(39,59,54,.08);border-radius:50%;color:#fffdf7;background:#7cbf8a;box-shadow:0 10px 18px #7cbf8a33}.round-button.active{color:#273b36;background:#f6c94c}.primary-button,.secondary-button{gap:8px;min-height:42px;padding:0 16px;border-radius:999px;font-weight:900;text-decoration:none}.primary-button{border:1px solid rgba(167,112,24,.2);color:#273b36;background:#f6c94c;box-shadow:0 12px 22px #c6972c33}.secondary-button{border:1px solid rgba(124,191,138,.3);color:#273b36;background:#fffdf7}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;color:#8a958f;border-color:#97825c29;background:#eee6d8;box-shadow:none}.round-button:hover,.primary-button:not(:disabled):hover,.secondary-button:not(:disabled):hover,.icon-button:hover,.delete-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #4d3e2624}.primary-button svg,.notice-line svg{flex:0 0 auto}.primary-button svg{animation:none}.primary-button:disabled svg{animation:spin 1s linear infinite}.toggle-line{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px dashed rgba(124,191,138,.42);border-radius:16px;color:#5f6f68;background:#fffaf0;font-size:.88rem;font-weight:800}.toggle-line input{accent-color:#7cbf8a}.inspiration-list{display:grid;gap:8px}.inspiration-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.inspiration-head>div{display:grid;gap:1px}.inspiration-head span{color:#6f7d78;font-size:.76rem;font-weight:800}.inspiration-chip-row,.tag-cluster{display:flex;flex-wrap:wrap;gap:8px}.inspiration-list button,.heritage-tag,.tourism-tag{border:1px solid rgba(151,130,92,.18);border-radius:999px;padding:7px 11px;color:#273b36;background:#fffbf0;box-shadow:0 4px 10px #4d3e260f;font-size:.82rem;font-weight:850}.inspiration-list button:hover{background:#f1faf5}.inspiration-list .discover-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border-color:#7cbf8a57;color:#2f785a;background:#f1faf5}.inspiration-list button:disabled{cursor:not-allowed;color:#8a958f;background:#f5efe3;box-shadow:none;opacity:.76}.discover-button:disabled svg{animation:spin 1s linear infinite}.archive{display:grid;gap:10px}.icon-button{width:38px;height:38px;border:1px solid rgba(124,191,138,.28);border-radius:50%;color:#273b36;background:#fff8df}.book-list{display:grid;gap:8px;max-height:330px;overflow:auto;padding:2px 2px 2px 0}.book-list-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 36px;min-height:64px;overflow:hidden;border:1px solid rgba(151,130,92,.16);border-left:5px solid rgba(246,201,76,.92);border-radius:14px;background:#fffdf7f0;box-shadow:0 6px 14px #4d3e260e;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.book-list-item:hover{border-color:#7cbf8a5c;background:#fffaf0;box-shadow:0 10px 18px #4d3e2617;transform:translateY(-1px)}.book-list-item.active{border-color:#7cbf8a7a;border-left-color:#7cbf8a;background:#f1faf5;box-shadow:inset 0 0 0 1px #7cbf8a2e,0 10px 18px #4d3e2614}.book-open,.delete-button{border:0;background:transparent}.book-open{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:center;min-width:0;min-height:100%;padding:8px 8px 8px 10px;color:#273b36;text-align:left}.book-open span{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:2px;align-items:center;min-width:0;line-height:1.25}.book-open strong,.book-open em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-open strong{font-size:.86rem}.book-open small{color:#6f7d78;font-size:.68rem;font-weight:800;white-space:nowrap}.book-open em{grid-column:1 / -1;color:#6f7d78;font-size:.72rem;font-style:normal}.delete-button{display:grid;width:36px;min-height:100%;place-items:center;border-left:1px solid rgba(151,130,92,.12);color:#8a958f;opacity:.72}.book-list-item.active .delete-button{color:#5f806a;opacity:1}.delete-button:hover{color:#b64c38;background:#fff1ea;opacity:1}.book-open:focus-visible,.delete-button:focus-visible{outline:3px solid rgba(124,191,138,.28);outline-offset:-3px}.empty-state{margin:0;padding:14px;border:1px dashed rgba(151,130,92,.34);border-radius:18px;color:#6f7d78;background:#fffbf0}.workbench{display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.workbench-body{overflow:auto}.topbar{padding:20px 24px;border-bottom:1px solid rgba(151,130,92,.14);background:#fffdf7b8}.notice-line{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 24px;color:#273b36;background:#eaf7ef;font-weight:850}.book-view,.prompt-view{overflow:visible;padding:22px}.progress-panel{display:grid;gap:12px;margin:18px 22px 0;padding:14px 16px;border:1px solid rgba(246,201,76,.44);border-radius:22px;background:#fff8df;box-shadow:0 10px 22px #4d3e2614}.progress-panel.has-error{border-color:#e9785b52;background:#fff1ea}.progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.progress-head p{margin:5px 0 0;color:#6f7d78;font-weight:800}.progress-timer{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid rgba(151,130,92,.14);border-radius:999px;color:#273b36;background:#fffdf7;font-size:.85rem;font-weight:850}.progress-bar{height:9px;overflow:hidden;border-radius:999px;background:#97825c26}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7cbf8a,#f6c94c);transition:width .26s ease}.step-track,.image-task-grid{display:grid;gap:8px}.step-track{grid-template-columns:repeat(5,minmax(0,1fr))}.step-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid rgba(151,130,92,.14);border-radius:999px;color:#6f7d78;background:#fffdf7d1;font-size:.8rem;font-weight:850}.step-pill.active{color:#273b36;border-color:#7cbf8a6b;background:#eaf7ef}.step-pill.done{color:#2f785a;background:#f1faf5}.step-pill.error{color:#9a422d;background:#fff1ea}.step-pill.active svg,.image-waiting svg,.page-card .secondary-button:disabled svg{animation:spin 1s linear infinite}.pending-dot{width:9px;height:9px;border-radius:50%;background:#c9c2b5}.image-task-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.image-task{display:grid;gap:2px;padding:9px 10px;border:1px solid rgba(151,130,92,.14);border-radius:16px;background:#fffdf7}.image-task strong{color:#273b36}.image-task span{color:#6f7d78;font-size:.78rem;font-weight:850}.image-task.running{border-color:#f6c94cad;background:#fffbf0}.image-task.done{border-color:#7cbf8a57;background:#f1faf5}.image-task.error{border-color:#e9785b47;background:#fff1ea}.post-generate-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 22px 0;padding:15px 16px;border:1px solid rgba(246,201,76,.38);border-radius:22px;background:#fff8df}.post-generate-actions h3,.post-generate-actions p{margin:0}.post-generate-actions p:not(.eyebrow){color:#6f7d78;font-weight:800}.post-generate-actions>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.book-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.48fr);gap:18px;align-items:start;overflow:hidden;padding:28px;border:1px solid rgba(151,130,92,.16);border-radius:26px;background:linear-gradient(145deg,#fffdf7f5,#fff8dfeb),repeating-linear-gradient(0deg,rgba(151,130,92,.05) 0 1px,transparent 1px 26px);box-shadow:0 16px 34px #4d3e261a}.book-hero:before{position:absolute;top:0;right:30px;width:26px;height:58px;border-radius:0 0 13px 13px;background:#e9785b;content:"";opacity:.88}.book-hero:after{position:absolute;right:84px;bottom:18px;width:92px;height:1px;background:#97825c47;box-shadow:0 8px #97825c33,0 16px #97825c24;content:""}.book-hero h2{max-width:740px;margin-bottom:10px;color:#273b36;font-size:clamp(1.8rem,3.6vw,3.25rem);line-height:1.12}.book-hero p{max-width:720px;margin:0;color:#5f6f68;font-size:1rem;font-weight:800}.heritage-tag{color:#7e3426;background:#fff1ea;transform:rotate(-1deg)}.tourism-tag{color:#2f785a;background:#eaf7ef;transform:rotate(1deg)}.player-inline-link{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(167,112,24,.18);border-radius:999px;padding:8px 12px;color:#273b36;background:#f6c94c;box-shadow:0 8px 16px #c6972c29;font-size:.84rem;font-weight:900;text-decoration:none}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.guide-grid article,.reflection,.prompt-card{border:1px solid rgba(151,130,92,.14);border-radius:22px;background:#fffdf7;box-shadow:0 10px 22px #4d3e2612}.guide-grid article{padding:16px}.guide-grid article:nth-child(1){background:#fffaf0}.guide-grid article:nth-child(2){background:#f1faf5}.guide-grid article:nth-child(3){background:#fffdf7}.guide-grid h3{margin-bottom:8px}.guide-grid ul{margin:10px 0 0;padding-left:20px}.guide-grid p,.guide-grid li,.reflection p{color:#465b55;line-height:1.72}.culture-panel{display:grid;gap:12px;margin:0 0 18px;padding:18px;border:1px solid rgba(124,191,138,.22);border-radius:24px;background:linear-gradient(145deg,#eaf7eff5,#f1faf5e0),repeating-linear-gradient(90deg,rgba(124,191,138,.06) 0 1px,transparent 1px 28px)}.culture-guide-card,.culture-note-list{display:grid;gap:8px;color:#31534a}.culture-guide-card{padding:14px 16px;border:1px solid rgba(124,191,138,.22);border-radius:20px;background:#fffdf7c7}.culture-note-list{padding:4px 0 0}.culture-guide-card strong,.culture-note-list strong{color:#2f785a}.culture-guide-card p,.culture-note-list p{margin:0;color:#344a43;line-height:1.7}.culture-note-list p{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:16px;background:#fffdf7b8}.culture-note-list span{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border:1px solid rgba(233,120,91,.22);border-radius:999px;color:#8d3c27;background:#fff1ea;font-size:.78rem;font-weight:900}.page-grid{display:grid;gap:16px}.page-card{display:grid;grid-template-columns:minmax(240px,.84fr) minmax(0,1fr);gap:16px;padding:14px;border:1px solid rgba(151,130,92,.16);border-radius:26px;background:#fffdf7;box-shadow:0 14px 30px #4d3e2617}.page-card.is-drawing{border-color:#f6c94cb8;box-shadow:0 14px 30px #c6972c26}.page-image{position:relative;min-height:286px;overflow:hidden;border-radius:22px;background:#eaf7ef}.page-image img{width:100%;height:100%;min-height:286px;display:block;object-fit:cover}.page-image>span{position:absolute;left:12px;top:12px;padding:5px 9px;border:1px solid rgba(151,130,92,.14);border-radius:999px;color:#273b36b8;background:#fffdf7b8;font-size:.72rem;font-weight:800}.image-waiting{display:grid;min-height:286px;place-items:center;padding:20px;color:#6f7d78;text-align:center;font-weight:850}.page-copy{display:grid;align-content:start;gap:11px;padding:8px 6px 6px 0}.page-copy .eyebrow{display:inline-flex;justify-self:start;margin:0;padding:6px 11px;border-radius:0 0 12px 12px;color:#273b36;background:#f6c94c}.page-copy h3{font-size:clamp(1.2rem,1.6vw,1.52rem)}.page-copy p{margin:0;color:#344a43;line-height:1.82}.culture-note{display:grid;gap:5px;margin-top:2px;padding:12px 14px;border:1px solid rgba(246,201,76,.34);border-radius:18px;color:#6b4d21;background:#fff8df;transform:rotate(-.3deg)}.culture-note strong{color:#8d5c1b}.page-copy .secondary-button{justify-self:end;margin-top:2px;min-height:38px}.reflection{margin-top:16px;padding:16px 18px;background:#fffaf0}.prompt-view{display:grid;align-content:start;gap:12px}.prompt-card{display:grid;gap:10px;padding:15px;background:#fffdf7}.prompt-card div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.prompt-card span{padding:5px 9px;border-radius:999px;color:#273b36;background:#eaf7ef;font-size:.74rem;font-weight:900}.prompt-card small{color:#6f7d78;font-weight:800}.prompt-card details{border:1px dashed rgba(151,130,92,.22);border-radius:16px;padding:9px 11px;background:#fffbf0}.prompt-card summary{color:#5f6f68;font-weight:850}.prompt-text,.prompt-output{margin:0;white-space:pre-wrap;word-break:break-word}.prompt-text{margin-top:9px;color:#465b55}.prompt-output{padding:11px 12px;border-radius:16px;color:#536760;background:#f5efe3}.empty-workbench{display:grid;place-items:center;align-content:center;gap:12px;padding:42px;color:#6f7d78;text-align:center}.empty-workbench h2{color:#273b36;font-size:1.8rem}.empty-workbench p{max-width:560px;margin:0;font-weight:800}.player-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;min-height:100vh;padding:16px;background:radial-gradient(circle at 20% 10%,rgba(246,201,76,.18),transparent 30%),radial-gradient(circle at 84% 18%,rgba(116,185,133,.16),transparent 32%),linear-gradient(180deg,#fffdf7d6,#f6f1e7fa),repeating-linear-gradient(0deg,rgba(39,59,54,.022) 0 1px,transparent 1px 30px),#f7f1e7}.player-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;width:min(1500px,100%);margin:0 auto;padding:14px 16px;border:1px solid rgba(151,130,92,.14);border-radius:28px;background:#fffdf7db;box-shadow:0 12px 26px #4d3e2614}.player-header h1,.player-header p{margin:0}.player-header h1{font-size:clamp(1.35rem,2.35vw,2.25rem);line-height:1.18}.player-header p:not(.eyebrow){color:#6f7d78;font-weight:800}.player-back-button{background:#fffbf0}.player-read-button{min-width:128px}.player-header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.player-knowledge-toggle{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:1px solid rgba(124,191,138,.26);border-radius:999px;color:#5f6f68;background:#fffdf7;font-weight:850}.player-knowledge-toggle input{accent-color:#7cbf8a}.player-stage{position:relative;display:grid;grid-template-columns:minmax(0,.98fr) minmax(340px,.82fr);gap:0;width:min(1500px,100%);min-height:0;margin:0 auto;padding:clamp(12px,1.6vw,22px);border:1px solid rgba(151,130,92,.16);border-radius:30px;background:linear-gradient(90deg,#f6ead6 0 10px,transparent 10px calc(100% - 10px),#f0dfc4 calc(100% - 10px) 100%),linear-gradient(90deg,#fffdf7,#fff9ed 48%,#eadac3 49.4%,#fff3df 50.6%,#fffdf7),repeating-linear-gradient(0deg,rgba(151,130,92,.04) 0 1px,transparent 1px 28px);box-shadow:0 24px 54px #4d3e2629,inset 0 -10px #97825c0e,inset 0 0 0 10px #fffdf775}.player-stage:before{position:absolute;top:22px;bottom:22px;left:54.45%;z-index:2;width:26px;border-radius:999px;background:linear-gradient(90deg,#4d3e2600,#4d3e261f,#4d3e2605),linear-gradient(180deg,transparent,rgba(255,255,255,.5),transparent);content:"";pointer-events:none;transform:translate(-50%)}.player-image,.player-copy,.player-loading{border:0;background:transparent;box-shadow:none}.player-image{position:relative;display:grid;min-height:clamp(380px,58vh,620px);padding:clamp(20px,2.4vw,34px);overflow:hidden;place-items:center;border-radius:22px 8px 8px 22px;background:linear-gradient(90deg,rgba(151,130,92,.1),transparent 18px),linear-gradient(145deg,#fffdf7eb,#fff8e8e6),repeating-linear-gradient(0deg,rgba(151,130,92,.045) 0 1px,transparent 1px 30px);box-shadow:inset 12px 0 18px #4d3e260e,inset -1px 0 #97825c1f}.player-image:before,.player-image:after{position:absolute;pointer-events:none;content:""}.player-image:before{top:26px;bottom:26px;left:18px;width:5px;border-radius:999px;background:#97825c24;box-shadow:10px 0 #97825c0e,20px 0 #97825c09}.player-image:after{right:16px;bottom:18px;width:120px;height:1px;background:#97825c33;box-shadow:0 8px #97825c21,0 16px #97825c14}.player-image img{position:relative;z-index:1;width:min(100%,760px);height:clamp(330px,52vh,560px);min-height:0;max-height:none;display:block;object-fit:contain;border:0;border-radius:8px;background:transparent;box-shadow:0 18px 28px #4d3e2614}.player-image-empty,.player-loading{display:grid;place-items:center;align-content:center;gap:12px;min-height:420px;padding:36px;color:#6f7d78;text-align:center;font-weight:850}.player-loading{border:1px solid rgba(151,130,92,.14);border-radius:28px;background:#fffdf7eb;box-shadow:0 18px 34px #4d3e261a}.loading-spinner{animation:spin 1s linear infinite}.player-copy{display:grid;align-content:center;gap:16px;min-height:clamp(380px,58vh,620px);padding:clamp(24px,3.2vw,48px);border-radius:10px 24px 24px 10px;background:linear-gradient(135deg,#fffdf7b8,#fffbf0d1),repeating-linear-gradient(0deg,rgba(151,130,92,.045) 0 1px,transparent 1px 30px)}.player-copy h2{color:#273b36;font-size:clamp(1.65rem,2.8vw,2.85rem);line-height:1.18}.player-page-stamp{display:inline-flex;justify-self:start;margin:0;padding:7px 13px;border:1px solid rgba(233,120,91,.2);border-radius:999px;color:#7e3426;background:#fff1ea;box-shadow:0 6px 14px #4d3e260f;font-size:.82rem;font-weight:900}.player-copy>p:not(.eyebrow){margin:0;color:#344a43;font-size:clamp(1rem,1.3vw,1.18rem);font-weight:800;line-height:1.95}.player-culture-note{position:relative;display:grid;gap:7px;max-width:620px;margin-top:4px;padding:15px 16px;border:1px solid rgba(246,201,76,.34);border-radius:20px;color:#6b4d21;background:linear-gradient(145deg,#fff8df,#fffbef);box-shadow:0 10px 18px #4d3e2614;transform:rotate(-.35deg)}.player-culture-note:before{position:absolute;top:-9px;left:22px;width:54px;height:18px;border-radius:999px;background:#f6c94c8c;content:""}.player-culture-note strong{color:#8d5c1b}.player-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.player-controls .secondary-button:last-child{border-color:#a7701833;background:#f6c94c;box-shadow:0 10px 18px #c6972c29}.player-page-dots{display:flex;align-items:center;justify-content:center;gap:12px;width:min(1500px,100%);margin:0 auto;color:#6f7d78;font-size:.86rem;font-weight:850}.player-page-dots>div{display:flex;align-items:center;justify-content:center;gap:8px}.player-page-dots button{width:34px;height:34px;border:1px solid rgba(151,130,92,.16);border-radius:14px;color:#6f7d78;background:#fffdf7f0;box-shadow:0 6px 12px #4d3e260f;font-weight:900}.player-page-dots button.active{color:#273b36;border-color:#a7701833;border-radius:14px 14px 7px 7px;background:#f6c94c;transform:translateY(-3px)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:960px){.app-shell{padding:12px}.studio-layout,.book-hero,.guide-grid,.page-card{grid-template-columns:1fr}.studio-layout{min-height:auto}.workbench{min-height:680px}.topbar,.progress-head{align-items:flex-start;flex-direction:column}.topbar-actions{justify-content:flex-start}.post-generate-actions,.player-header{align-items:flex-start;grid-template-columns:1fr}.post-generate-actions{flex-direction:column}.player-stage{grid-template-columns:1fr;padding:12px;border-radius:26px;background:linear-gradient(180deg,#fffdf7,#fffaf0),repeating-linear-gradient(0deg,rgba(151,130,92,.04) 0 1px,transparent 1px 28px)}.player-stage:before{display:none}.player-image,.player-image img{min-height:320px}.player-image{min-height:320px;border-radius:22px 22px 12px 12px}.player-image img{height:min(420px,58vh)}.player-copy{min-height:auto;padding:20px 16px 18px;border-radius:12px 12px 22px 22px}.player-controls,.player-page-dots{align-items:stretch}.player-controls .secondary-button,.player-controls .primary-button{flex:1 1 140px}.player-page-dots{flex-direction:column}.step-track,.image-task-grid{grid-template-columns:1fr 1fr}.mascot-stage{min-height:190px}.mascot-stage img{width:min(76%,260px)}.page-image,.page-image img,.image-waiting{min-height:240px}.page-copy{padding:0}}