.sound-player{position:fixed;top:80px;right:18px;z-index:95;max-width:calc(100vw - 28px);width:340px;color:#f0e4ce;background:#25231ef5;border:1px solid #a68d5b66;border-radius:12px;box-shadow:0 14px 40px #0005;font:13px/1.5 Arial,sans-serif}.sound-player[hidden]{display:none}.sound-player:not([open]){width:auto}.sound-player summary{padding:12px 16px;cursor:pointer}.sound-content{padding:0 16px 16px;max-height:calc(100dvh - 170px);overflow:auto}.sound-content h2{font:22px Georgia;margin:6px 0}.sound-content p{font-size:11px;color:#c9bda7}.sound-track{display:grid;grid-template-columns:1fr 66px;gap:10px;padding:14px 0;border-top:1px solid #ad96712b}.sound-track strong{display:block}.track-name{display:block;font-size:10px;color:#bfae90;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-player button{cursor:pointer;background:#413728;color:#f4e4c6;border:1px solid #9a8256;border-radius:5px;padding:8px;font:12px Arial}.sound-player button:disabled{opacity:.45;cursor:default}.sound-track label,.sound-seek{font-size:11px;color:#ccbea8;display:block}.sound-player input[type=range]{width:100%;accent-color:#ccb07e;padding:0;min-height:24px}.sound-track .track-add{font-size:10px;cursor:pointer;align-self:center}.track-add input{width:65px;font-size:9px}.sound-position{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.sound-position button{font-size:10px}.sound-position output{font-size:11px}.presenting .sound-player{top:16px}.sound-player :focus-visible{outline:2px solid #dfc58e;outline-offset:3px}@media(max-width:600px){.sound-player{top:74px;right:12px}}.sound-player .sound-track label,.sound-player .sound-track input[type=range]{margin:0}.sound-player .sound-track .track-add{position:relative;border:1px solid #9a8256;border-radius:5px;text-align:center;padding:6px;overflow:hidden}.sound-player .track-add input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}body:not(.editing) .sound-player .track-add{display:none}body:not(.editing) .sound-track>label:not(.track-add){grid-column:1/-1}.sound-player .sound-seek{margin:8px 0 0}:root{font-family:Arial,Helvetica,sans-serif;color:#ece9df;background:#171b19;font-synthesis:none;--accent:#dac697;--muted:#9da69d;--border:#ffffff15;--panel:#202622}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff24;background:transparent;color:inherit;border-radius:5px;padding:10px 13px;transition:background .18s,border-color .18s}button:hover{background:#ffffff0c;border-color:#cabb95}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{color:#20251f;background:var(--accent);border-color:var(--accent)}.primary:hover{background:#eddbb5}.topbar{height:78px;padding:0 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:18px;font-size:13px;letter-spacing:2px}.brand-mark{font:italic 34px Georgia;color:var(--accent)}.brand small{display:block;letter-spacing:0;font-size:12px;color:var(--muted);margin-top:6px}.top-actions{margin-left:auto;display:flex;gap:9px;font-size:13px}.top-actions .primary{min-width:110px;display:flex;justify-content:space-between;gap:22px}#save-state{font-size:12px;color:var(--muted);margin-left:auto}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:minmax(440px,calc(100dvh - 214px)) 136px}.viewer{background:#111612;display:flex;flex-direction:column;position:relative;overflow:hidden}.stage-heading,.stage-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.8px;color:#b5baab;padding:25px 30px 6px}.stage-heading span:last-child{letter-spacing:.5px;color:#acb39e}.stage-bottom{padding:8px 30px 12px;letter-spacing:1px;font-size:10px}.stage-bottom span:last-child{letter-spacing:0;color:#858f80}.stage-bottom i{font-style:normal;margin:0 8px}#stage{min-height:0;flex:1;position:relative;display:flex;align-items:center;justify-content:center}#stage canvas{display:block;width:100%;height:100%;outline:none}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;color:var(--accent);z-index:1;background:#171c16;font:24px Georgia}.transport{display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 20px 19px;font-size:12px}.transport button{padding:9px 13px}.transport button:first-child,.transport button:nth-child(3){font-size:20px;line-height:20px;width:42px}.transport #page-count{font-size:13px;color:#cfc4a8;min-width:62px;text-align:center;font-variant-numeric:tabular-nums}.divider{height:22px;width:1px;background:var(--border);margin:0 7px}button[aria-pressed=true]{background:#dac69722;border-color:#dac69788}.editor{padding:24px 22px 0;background:var(--panel);border-left:1px solid var(--border);overflow:auto;position:relative;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#69725e transparent}.editor-title{display:flex;align-items:center;justify-content:space-between}.editor h1{font:22px Georgia;margin:0}.editor-title span{font:italic 22px Georgia;color:#aaad98}.tabs{display:flex;border-bottom:1px solid var(--border);margin:20px 0}.tabs button{border:0;border-radius:0;flex:1;color:var(--muted);font-size:13px;padding:12px 0}.tabs button[aria-selected=true]{border-bottom:2px solid var(--accent);color:var(--accent)}label{display:block;color:#bec4b7;font-size:12px;margin:0 0 16px;line-height:1.6}label input:not([type=checkbox]),textarea,select{display:block;width:100%;margin-top:6px;background:#171d19;border:1px solid #ffffff1c;color:#eee9dc;border-radius:4px;padding:9px 10px;font-size:13px;line-height:1.5}textarea{resize:vertical;min-height:60px}.muted{color:#909b8d;font-size:10px;float:right}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row{display:flex;gap:8px;margin-bottom:15px}.row button{flex:1;font-size:12px;padding:10px 8px}.editor-footer{margin-top:auto;border-top:1px solid var(--border);font-size:9px;color:#8b9687;letter-spacing:1.4px;padding:18px 0}.editor-footer span{float:right;letter-spacing:0}.storyboard{grid-column:1/3;border-top:1px solid var(--border);display:flex;align-items:center;gap:22px;padding:16px 26px;background:#1a201c;overflow:auto}.storyboard-label{font-size:10px;letter-spacing:1.5px;min-width:110px;color:#d7c9a7}.storyboard-label small{display:block;font-size:11px;letter-spacing:0;color:var(--muted);margin-top:9px}#spread-list{display:flex;gap:12px}.spread{width:151px;flex-shrink:0;padding:0;border:1px solid #ffffff20;overflow:hidden;text-align:left;border-radius:4px;background:#121812}.spread.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.spread-top{height:62px;display:flex;background:#c9bba0;overflow:hidden;position:relative}.spread-top img{height:100%;width:50%;object-fit:contain;filter:saturate(.5);padding:5px}.spread-top span{width:50%;font:13px Georgia;color:#433b2c;display:flex;align-items:center;padding:8px;line-height:1.1;overflow:hidden}.spread .spread-caption{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 9px;color:#c7cbbb}.spread .spread-caption b{font-weight:400;color:var(--accent);margin-right:6px}#add-spread{min-width:75px;border-style:dashed;font-size:24px;color:var(--accent);padding:14px 10px}#add-spread span{display:block;font-size:10px;margin-top:8px;color:var(--muted)}.helper{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 18px}.slots{display:flex;gap:8px;margin-bottom:16px}.slots button{flex:1;font-size:12px}.wide{width:100%;font-size:12px;margin-bottom:17px}.media-library{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 24px}.media-tile{padding:5px;position:relative;overflow:hidden}.media-tile img,.media-tile video{display:block;width:100%;height:85px;object-fit:contain;background:#111}.media-tile span{display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;padding-top:7px}.media-tile.selected{border-color:var(--accent)}.check{display:flex;align-items:center;gap:8px}.check input{accent-color:var(--accent)}input[type=range]{accent-color:var(--accent);padding:0!important}output{float:right;color:var(--accent)}details{margin-bottom:20px;font-size:12px}details p{margin-top:12px!important}summary{cursor:pointer}#toast{position:fixed;bottom:156px;left:50%;transform:translate(-50%);background:#e1d1ad;color:#22281f;padding:13px 20px;border-radius:5px;font-size:13px;max-width:min(90vw,580px);box-shadow:0 8px 30px #0007;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}#exit-present{display:none;position:fixed;right:20px;top:20px;opacity:0;z-index:20;background:#171b19cc;font-size:12px}.presenting .topbar,.presenting .editor,.presenting .storyboard,.presenting .stage-heading,.presenting .stage-bottom,.presenting .transport{display:none}.presenting .workspace{display:block;height:100dvh;background:#080c09}.presenting .viewer{height:100%;background:#080c09;align-items:center;justify-content:center}.presenting #stage{flex:none;width:min(100vw,177.7778dvh);height:min(56.25vw,100dvh)}.presenting #exit-present{display:block}.presenting #exit-present:hover,.presenting #exit-present:focus-visible{opacity:1}.presenting #toast{bottom:30px}button,summary{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}@media(max-width:1000px){.topbar{padding:0 16px}.workspace{grid-template-columns:minmax(0,1fr) 280px}.editor{padding:20px 16px 0}.stage-heading{padding:20px 20px 4px;letter-spacing:1px}.stage-heading span:last-child{display:none}.stage-bottom{padding:8px 20px}.stage-bottom span:last-child{display:none}#save-state{display:none}.transport{gap:6px;padding-inline:8px}.transport button{font-size:11px;padding:9px 7px}.divider{margin:0 2px}}@media(max-width:720px){.topbar{height:auto;min-height:75px;padding:14px;gap:12px;flex-wrap:wrap}.brand{font-size:11px;letter-spacing:1px}.brand small{font-size:10px}.brand-mark{font-size:27px}.top-actions{gap:6px}.top-actions button{font-size:11px;padding:8px}.top-actions .primary{min-width:70px;gap:8px}.workspace{display:flex;flex-direction:column}.viewer{height:64vw;min-height:340px}.stage-heading{padding-top:15px}.editor{order:3;overflow:visible;border-left:0;border-top:1px solid var(--border)}.storyboard{order:2;min-height:126px;gap:12px;padding:12px}.storyboard-label{display:none}.editor-footer{margin-top:20px}.transport{padding-bottom:12px}.stage-bottom{display:none}.presenting .viewer{height:100dvh;min-height:0}.media-library{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}:root{--accent:#d2b88b;--muted:#a7a19a;--border:#ffffff12;--panel:#242321;background:#171716;color:#eae5dc}.topbar{height:82px;background:#1b1c1c;padding:0 30px;border-bottom:1px solid #ffffff10;gap:22px}.brand{font-family:Georgia,serif;font-size:24px;letter-spacing:-.6px;gap:17px}.brand-mark{font:italic 44px Georgia;color:#d4b786;border-right:1px solid #ffffff20;padding-right:20px;line-height:43px}.brand small{font:12px Arial;letter-spacing:.2px;color:#aaa59b;margin-top:7px}.top-actions{font-size:12px;gap:10px}.top-actions button{border-color:#ffffff16;border-radius:6px;padding:11px 16px}.top-actions button:first-child{border-color:transparent;color:#bdb6ab}.primary{background:#d6bc92;border-color:#d6bc92!important;color:#27231e}.primary:hover{background:#e9d2ad}.top-actions .primary{min-width:120px}.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(460px,calc(100dvh - 216px)) 134px}.viewer{background:#211a15}.stage-heading{position:absolute;top:0;left:0;right:0;z-index:3;padding:25px 32px;color:#d9cbb9;font-size:10px;letter-spacing:1.9px;pointer-events:none;background:linear-gradient(#1613107a,transparent)}.stage-heading i{font-style:normal;color:#786a59;margin:0 12px}.stage-heading span:last-child{color:#c0b19c;font-size:10px}.stage-bottom{display:none}#stage{height:100%;width:100%;flex:1}#stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 110px 24px #09070645;background:linear-gradient(transparent 78%,#100e0b4d)}.transport{position:absolute;bottom:22px;left:50%;transform:translate(-50%);padding:8px;gap:5px;border:1px solid #a48e6b35;border-radius:10px;background:#201b17e8;box-shadow:0 12px 36px #100b0770;white-space:nowrap;z-index:5}.transport button{border:0;font-size:12px;border-radius:5px;padding:11px 12px;color:#dfd6c8}.transport button:first-child,.transport button:nth-child(3){width:auto;font-size:12px;line-height:normal}.transport #previous,.transport #next{width:35px;font-size:20px;padding:5px}.transport button:hover{background:#c0a67d25}.transport #page-count{min-width:60px;color:#d3bd99}.divider{background:#9a866330;margin:0 4px}.editor{display:none;background:#242321;border-color:#ffffff12;padding:24px 23px 0}.editing .workspace{grid-template-columns:minmax(0,1fr) 330px}.editing .editor{display:flex}.editing .storyboard{grid-column:1/3}.editor h1{font-size:24px}.editor-title span{color:#bcaa8b}.tabs{margin-top:19px}.tabs button{font-size:13px}.editor input:not([type=checkbox]),.editor textarea,.editor select{background:#1b1b19;border-color:#ffffff16;border-radius:5px;font-size:13px;color:#e2ddd3;padding:11px}.editor label{color:#c6bfb2}.helper{color:#aba398}.editor-footer{color:#979084}.storyboard{grid-column:1;background:#1b1c1c;gap:24px;padding:16px 30px;border-top:1px solid #ffffff0c}.storyboard-label{font-size:10px;letter-spacing:2px;color:#d2bd99;min-width:115px}.storyboard-label small{color:#8f8c84;font-size:11px}.spread{border-radius:6px;background:#262623;width:151px;border-color:#ffffff15;transition:border-color .2s,transform .2s}.spread.active{border-color:#c4a574;box-shadow:0 0 0 1px #c4a57440}.spread:hover{transform:translateY(-3px)}.spread-top{height:59px;background:#dcd4c2;padding:3px 9px;gap:6px}.spread-top span{font:15px Georgia;padding:5px 2px;color:#353027}.spread-top img{padding:2px;object-fit:contain}.spread .spread-caption{padding:8px 9px;font-size:9px;letter-spacing:.5px;color:#aaa497}#add-spread{min-width:66px;border-color:#ffffff24;border-radius:6px;color:#a98e66;padding:13px 6px;font-size:25px}#add-spread span{font-size:9px;color:#a49d91}.presenting .workspace{display:block}.presenting #stage:after{box-shadow:inset 0 0 120px 15px #09070640}.presenting .editor{display:none}.presenting .viewer{background:#080706}button:active{transform:translateY(1px)}.transport button:active{transform:scale(.97)}#loading{background:#201a16;font:italic 26px Georgia;color:#d4bd95}.media-tile.selected{border-color:#cfb88d}.check input{accent-color:#d2b88b}@media(max-width:1000px){.topbar{padding:0 18px}.editing .workspace{grid-template-columns:minmax(0,1fr) 290px}.editor{padding:20px 16px 0}.transport{gap:1px;bottom:16px}.transport button{font-size:11px;padding:10px 8px}.brand{font-size:21px}.top-actions button{padding:10px 11px}.storyboard{padding:16px 18px;gap:16px}}@media(max-width:720px){.topbar{height:auto;min-height:88px;padding:12px 14px}.brand{font-size:21px}.brand-mark{font-size:32px;line-height:34px;padding-right:13px}.brand small{font-size:10px}.top-actions{gap:5px;margin-left:0;width:100%}.top-actions button{font-size:11px;flex:1;padding:9px 8px}.top-actions .primary{min-width:70px}.workspace,.editing .workspace{display:flex;flex-direction:column}.viewer{height:78vw;min-height:390px}.stage-heading{padding:17px;font-size:9px}.transport{width:calc(100% - 20px);justify-content:center;flex-wrap:wrap;bottom:12px;padding:5px;gap:0}.transport button{font-size:10px;padding:8px}.transport .divider{display:none}.transport #page-count{font-size:11px;min-width:50px}.transport #previous,.transport #next{width:28px}.storyboard{padding:14px;min-height:126px}.editing .editor{display:flex;order:3}.presenting .viewer{min-height:0;height:100dvh}.presenting .transport{display:none}}.transport select{width:auto;min-width:94px;background:#272923;color:#eee7d8;border:1px solid #ffffff25;border-radius:5px;padding:8px;font-size:11px}#outline-dialog{background:#252922;color:#ede8dc;border:1px solid #797969;border-radius:10px;max-width:min(680px,92vw);max-height:92vh;padding:24px;overflow:auto}#outline-dialog::backdrop{background:#000b}#outline-dialog h2{font:28px Georgia;margin:0 0 10px}#outline-dialog p{font-size:13px;line-height:1.5;max-width:520px}#outline-canvas{display:block;max-width:100%;max-height:60vh;margin:16px auto;cursor:crosshair;object-fit:contain}#outline-dialog .row{flex-wrap:wrap}.transport{max-width:calc(100% - 24px);overflow-x:auto;justify-content:flex-start}.transport>*{flex-shrink:0}#outline-dialog{max-width:min(1080px,94vw)}.mask-pair{display:flex;gap:20px}.mask-pair>div{min-width:0;flex:1}.mask-pair canvas{width:100%;height:auto;max-height:60vh;object-fit:contain;display:block;margin:12px auto}.mask-pair small{font-size:12px;color:#dfd3b7}#outline-preview{background:repeating-conic-gradient(#999,#999 25%,#ccc 0%,#ccc 50%) 0/20px 20px}.reading-mode #focusSide,.reading-mode #focus-photo,.reading-mode #replay-opening,.reading-mode #autoplay,.reading-mode #video-toggle{display:none}.photo-hint{font-size:12px;color:#dacfb8;padding:0 8px}.reading-mode .photo-hint,.reading-mode #photo-left,.reading-mode #photo-right,#focusSide,#focus-photo{display:none}body:not(.reading-mode) #play-story{display:none}#gallery-return{position:fixed;top:84px;left:24px;z-index:30;background:#26211be8;border:1px solid #c9b99070;color:#f8f0dd;padding:12px 18px;border-radius:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#gallery-status{position:fixed;top:90px;left:210px;right:24px;z-index:29;color:#f8eedb;font-size:12px;text-align:center;pointer-events:none;text-shadow:0 1px 8px #000}#photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:74px 28px 55px;border:0;background:#11110ff7;color:#f3ead7;z-index:100}#photo-viewer::backdrop{background:#111}#photo-viewer button{position:absolute;top:20px;padding:12px 18px;background:#292823;color:#f5efdf;border:1px solid #6e6654;border-radius:4px}#viewer-return{left:24px}#viewer-book{right:24px}.viewer-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.viewer-media img,.viewer-media video{max-width:100%;max-height:100%;object-fit:contain}.viewer-caption{position:absolute;bottom:12px;left:5%;width:90%;text-align:center;font:12px/1.5 Arial;color:#c4bda9}@media(max-width:800px){#gallery-status{top:135px;left:20px;font-size:10px}#gallery-return{top:80px;left:16px}}#gallery-status{display:none!important}.reading-mode .stage-label,.reading-mode .scene-label{display:none}#gallery-tools:not([hidden]){display:flex;align-items:center;gap:6px}#gallery-tools label{display:flex;align-items:center;gap:6px;font-size:12px;color:#e6dcc6}#gallery-speed{padding:8px;background:#302b23;color:#f6eedc;border:1px solid #786d57;border-radius:4px}.reading-mode #previous,.reading-mode #next,.reading-mode #page-count{display:none}.stage-heading{display:none!important}.editor label,.editor .helper{font-size:14px;line-height:1.6}.editor input,.editor textarea,.editor select{font-size:14px}.editor .tabs button{font-size:13px}.selected-photo-name{font-size:14px;line-height:1.5;color:#ead7b6;border-left:2px solid #baa077;padding-left:12px;margin:0 0 18px}.editor textarea{min-height:110px}.media-tile span{font-size:12px;white-space:normal;line-height:1.4}.editor .two-cols{grid-template-columns:1fr}.editor .helper{color:#bdb5a5}.presenting .transport{display:flex;opacity:.18;transition:opacity .2s}.presenting #gallery-return{top:20px}.transport button{min-height:36px}.transport #stop-story{display:none}#gallery-tools label{margin:0}@media(min-width:1001px){.editing .workspace{grid-template-columns:minmax(0,1fr) 370px}}@media(max-width:1000px){.editing .workspace{display:flex;flex-direction:column}.editing .editor{display:flex;max-height:none;padding:24px}.editing .viewer{height:65vh;min-height:480px}.editing .storyboard{order:3}}.presenting .transport{opacity:.65}.presenting .transport:hover,.presenting .transport:focus-within{opacity:1}.studio-section-title{display:flex;justify-content:space-between;align-items:baseline;font:21px Georgia;margin:28px 0 14px;color:#eee3d0}.studio-section-title span{font:9px Arial;letter-spacing:1.2px;color:#a79b88}.book-styles{display:grid;gap:8px;margin-bottom:14px}.book-style{display:flex;align-items:center;gap:14px;text-align:left;padding:12px;background:#1c1c1a;min-height:92px}.book-style img{width:105px;height:72px;object-fit:fill;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.book-style span{display:grid;gap:7px}.book-style strong{font:19px Georgia;font-weight:400}.book-style small{font:12px/1.4 Arial;color:#bcb3a5}.book-style[aria-pressed=true]{border-color:#d2b88b;background:#d2b88b12;box-shadow:inset 3px 0 #d2b88b}.background-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.background-card{padding:0;overflow:hidden;text-align:left;background:#191917}.background-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:filter .2s}.background-card span{display:block;font:12px/1.4 Arial;padding:10px}.background-card[aria-pressed=true]{border-color:#d2b88b;background:#d2b88b16}.background-card:hover img{filter:brightness(1.1)}.gallery-setup{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:18px 0;margin:5px 0 20px}.gallery-setup>summary{font:19px Georgia;line-height:1.6}.gallery-setup summary span{display:block;font:11px Arial;color:#bdae96;margin-top:4px}.gallery-setup .helper{margin-top:14px}.gallery-item{display:flex;align-items:center;gap:5px;padding:8px 0;border-bottom:1px solid #ffffff0e}.gallery-item label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.45}.gallery-item input{width:17px;height:17px;accent-color:#d2b88b;flex-shrink:0}.gallery-item button{padding:6px 9px}.gallery-item button:disabled{opacity:.2}#gallery-selection-list{max-height:290px;overflow:auto;scrollbar-width:thin;padding-right:6px;margin-bottom:18px}#gallery-check-results{font:12px/1.6 Arial;color:#c9c0b2;margin:0 0 16px}#gallery-check-results strong{color:#e4d3b2;font-weight:400}#gallery-check-results ul{padding-left:18px;max-height:240px;overflow:auto}#gallery-check-results li{margin:8px 0}#gallery-check-results [data-level=error]{color:#edb29e}.story-import{margin:12px 0 0}.story-import summary{font:13px Arial}.library-label{font-size:10px!important;letter-spacing:1px;margin-bottom:12px!important}#photo-viewer{padding:0;background:#131311;color:#efe8db;overflow:hidden}#photo-viewer[open]{display:grid;grid-template-rows:66px minmax(0,1fr) 114px}#photo-viewer button{position:static;top:auto;padding:10px 14px;background:#242420;border:1px solid #ffffff26;border-radius:5px;font-size:13px;min-height:40px}#photo-viewer button:hover{background:#38362e;border-color:#d2b88b}#photo-viewer button:focus-visible{outline:2px solid #d2b88b;outline-offset:3px}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid #ffffff12;z-index:2;background:#171715}.viewer-zoom{display:flex;align-items:center;gap:5px}.viewer-zoom button:nth-child(2){min-width:68px}.viewer-stage{min-height:0;position:relative;padding:12px 72px;isolation:isolate}.viewer-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.viewer-media img,.viewer-media video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;flex-shrink:0;-webkit-user-select:none;user-select:none;will-change:transform}.viewer-media img{cursor:zoom-in}.viewer-media.zoomed img{cursor:grab}.viewer-media.dragging img{cursor:grabbing}#photo-viewer .viewer-arrow{position:absolute;top:calc(50% - 23px);width:44px;height:46px;padding:0;font-size:23px;z-index:2;background:#282822e8}.viewer-prev{left:15px}.viewer-next{right:15px}.viewer-message{position:absolute;left:50%;bottom:22px;transform:translate(-50%);max-width:80%;font:13px/1.5 Arial;background:#25231fed;color:#ead4af;padding:10px 16px;border-radius:5px;z-index:3;text-align:center}.viewer-message:empty{display:none}.viewer-footer{min-width:0;border-top:1px solid #ffffff15;background:#171715;padding:8px 24px 10px;z-index:2}.viewer-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;font:11px/1.4 Arial;color:#b7b1a4;margin-bottom:8px;min-height:16px}.viewer-counter{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-tip{flex-shrink:0;color:#8e8d82}.viewer-filmstrip{display:flex;justify-content:flex-start;gap:7px;overflow-x:auto;padding:3px;scrollbar-width:thin;max-width:100%;margin:0 auto;width:max-content}#photo-viewer .viewer-filmstrip button{display:grid;place-items:center;padding:3px;width:66px;height:58px;min-height:0;flex-shrink:0;border-color:transparent;background:#292821}#photo-viewer .viewer-filmstrip button[aria-current=true]{border-color:#dec498;background:#dec49822}#photo-viewer .viewer-filmstrip img{width:100%;height:48px;object-fit:contain;opacity:.65}#photo-viewer .viewer-filmstrip button[aria-current=true] img,#photo-viewer .viewer-filmstrip button:hover img{opacity:1}@media(max-width:720px){.studio-section-title{font-size:24px}.viewer-toolbar{padding:8px 10px;gap:6px}#photo-viewer[open]{grid-template-rows:58px minmax(0,1fr) 98px}#photo-viewer .viewer-toolbar button{padding:8px;font-size:11px}.viewer-zoom{gap:3px}.viewer-zoom button:nth-child(2){min-width:43px}.viewer-stage{padding:8px 42px}#photo-viewer .viewer-arrow{width:32px;height:42px}.viewer-prev{left:5px}.viewer-next{right:5px}.viewer-footer{padding:6px 10px}.viewer-tip{display:none}.viewer-meta{font-size:10px;margin-bottom:5px}.viewer-toolbar [data-action=book]{max-width:65px}.book-style img{width:120px;height:81px}.background-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.viewer-media img{will-change:auto}}body.on-shelf{overflow:hidden;background:#201d18}body.on-shelf #app{visibility:hidden;pointer-events:none}body.on-shelf #toast{visibility:visible;bottom:24px}#bookshelf{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:auto;color:#ece3d2;background:radial-gradient(ellipse at 22% 10%,#57473180,transparent 67%),linear-gradient(110deg,#25221c,#181915);scrollbar-width:thin;scrollbar-color:#7e6b50 transparent}#bookshelf:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:url(../media/paper-cotton.png) repeat;background-size:850px;mix-blend-mode:soft-light;opacity:.08}.shelf-room{position:relative;z-index:1;max-width:1300px;padding:0 clamp(22px,5vw,68px);margin:auto;min-height:100%;display:flex;flex-direction:column}.shelf-header{height:82px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #d9c5a220;flex-shrink:0}.shelf-brand{color:#ebd9b6;font:23px Georgia;text-decoration:none;display:flex;align-items:center;gap:18px}.shelf-brand>span{font:italic 42px Georgia;padding-right:20px;border-right:1px solid #dcc6a330}.shelf-local{color:#aaa18f;font:12px Arial;margin-left:auto}.shelf-header button{font-size:12px;padding:10px 15px;color:#dcc9a7;border-color:#b5a08245}.shelf-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 0 24px}.shelf-eyebrow{font:10px Arial;letter-spacing:2.3px;color:#bca681;margin:0 0 12px}.shelf-intro h1{font:clamp(42px,5.4vw,70px)/1.03 Georgia;letter-spacing:-2.5px;margin:0 0 14px;text-wrap:balance;outline:none}.shelf-intro-copy{font:14px/1.65 Arial;color:#bfb6a5;margin:0}.shelf-primary{border-color:#d2b88b!important;background:#d2b88b;color:#27221b;font-size:13px;padding:13px 20px}.shelf-primary:hover{background:#e4cfa9;color:#201a13}.shelf-collection-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #d9c5a220;padding:10px 0 15px}.shelf-collection-bar p{font:12px Arial;color:#c2b7a3;margin:0}.shelf-search{display:flex;align-items:center;gap:12px;margin:0;font:11px Arial;color:#b5aa96}.shelf-search input[type=search]{width:165px;margin:0;background:#1416114d;border-color:#d7c39b25;font-size:12px;padding:8px 10px;color:#e8dcc5}#shelf-notice{font:13px/1.5 Arial;color:#e2c89f;margin:14px 0 0;max-width:680px}#shelf-notice:empty{display:none}#shelf-rows{padding-top:12px}.shelf-row{position:relative;display:grid;grid-template-columns:repeat(var(--shelf-columns),minmax(0,1fr));column-gap:26px;padding:0 20px;margin:0 0 9px;isolation:isolate}.shelf-row:before{content:"";position:absolute;top:278px;left:0;right:0;height:19px;background:linear-gradient(#b2915c66 0,#b2915c66 2px,#3d251244 3px,#2e1d12a6 17px),url(../media/background-walnut.png) center 72%/cover;border-top:1px solid #ab896045;box-shadow:0 8px 14px #09060399,0 -5px 17px #140b0666;z-index:-1;border-radius:1px 1px 3px 3px}.shelf-row:after{content:"";position:absolute;left:5px;right:5px;top:297px;height:23px;background:linear-gradient(#0b08064d,transparent);z-index:-1;pointer-events:none}#bookshelf .shelf-book{display:grid;grid-template-rows:278px 93px;align-items:end;justify-items:center;min-width:0;padding:0 5px;border:0;border-radius:0;background:none;text-align:center;perspective:950px;transition:opacity .25s}.shelf-book:hover{background:none!important}.shelf-book:focus-visible{outline:none!important}.shelf-book:focus-visible .standing-book{outline:2px solid #f1d9af;outline-offset:7px}.shelf-book:active{transform:none}.standing-book{position:relative;display:block;width:min(175px,90%);height:250px;margin-bottom:3px;transform:rotateY(-16deg) rotate(-1deg);transform-origin:50% 100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.75,.2,1),filter .3s;filter:drop-shadow(12px 10px 8px #0c0909b0)}.standing-book.album{width:min(190px,97%);height:226px;transform:rotateY(-15deg) rotate(1deg)}.standing-book.journal{height:243px}.standing-book:after{content:"";position:absolute;top:5px;bottom:3px;right:-9px;width:12px;background:repeating-linear-gradient(90deg,#b7a992 0,#b7a992 1px,#e2d7bd 1px,#e2d7bd 3px);transform:skewY(-13deg);transform-origin:left;z-index:-1;border-radius:0 2px 3px 0;box-shadow:inset -3px 0 4px #71604899}.shelf-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:23px 22px 18px 27px;border-radius:2px 5px 5px 2px;background:url(../media/shelf-cover-archive.png) center/100% 100%;color:#e3cba0;box-shadow:inset -1px 0 2px #cfab7866,inset 4px 0 4px #1a0d0a70,2px 2px 4px #10090570;overflow:hidden}.album .shelf-cover{background-image:url(../media/shelf-cover-album.png);color:#4c4230;padding-top:18px}.journal .shelf-cover{background-image:url(../media/shelf-cover-journal.png);color:#ebdfbf}.cover-kind{font:8px/1.2 Arial;letter-spacing:1.5px;text-transform:uppercase;opacity:.85;margin-bottom:10px}.cover-title{font:22px/1.04 Georgia;letter-spacing:-.45px;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;flex-shrink:0}.album .cover-title{font-size:21px}.cover-photograph{display:block;width:100%;height:102px;min-height:40px;margin:13px 0 10px;background:#181815;box-shadow:0 0 0 3px #d8c8a788,0 1px 5px #10090470;overflow:hidden}.cover-photograph img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.8)}.album .cover-photograph{height:80px;margin-top:11px;box-shadow:0 0 0 3px #f1eadc,0 2px 6px #33271060}.cover-imprint{margin-top:auto;font:7px Arial;letter-spacing:1.8px;opacity:.75;flex-shrink:0}.cover-motif{margin:auto;font:italic 58px Georgia;color:inherit;opacity:.55}.shelf-book:hover .standing-book,.shelf-book:focus-visible .standing-book{transform:translateY(-12px) rotateY(-5deg) rotate(0);filter:drop-shadow(14px 19px 12px #0c0909b0)}#bookshelf.is-opening .shelf-book:not(.picked){opacity:.45}#bookshelf .shelf-book.picked .standing-book{transform:translateY(-25px) rotateY(0) scale(1.06)}.shelf-book-details{display:flex;align-self:start;flex-direction:column;align-items:center;max-width:100%;padding-top:28px;gap:5px}.shelf-book-details>span:first-child{font:13px/1.3 Georgia;color:#e0d5c0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-book-details small{font:10px/1.5 Arial;color:#a69c87}.shelf-open-hint{font:10px/1.5 Arial;color:#d1b786;opacity:0;transform:translateY(2px);transition:opacity .2s,transform .2s}.shelf-book:hover .shelf-open-hint,.shelf-book:focus-visible .shelf-open-hint{opacity:1;transform:none}.shelf-book.new-shelf-book{opacity:.7}.new-volume-cover{height:213px;width:min(170px,92%);background:linear-gradient(#352e24c7,#27241eeb),url(../media/shelf-cover-album.png) center/cover;border:1px solid #b69b6550;border-radius:3px 5px 5px 3px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;color:#c3b295;font:26px/1.1 Georgia}.new-volume-cover:after{background:#887451;opacity:.4}.new-book-plus{font:30px Arial;font-weight:300;border:1px solid #b69b6560;border-radius:50%;width:39px;height:39px;line-height:35px}.new-shelf-book:hover{opacity:1}.new-shelf-book .shelf-open-hint{opacity:.8}.shelf-empty{font:22px Georgia;color:#bfb29a;padding:70px 0;text-align:center}.shelf-footer{margin-top:auto;display:flex;justify-content:space-between;gap:24px;padding:25px 0 24px;border-top:1px solid #d9c5a216;color:#a2947c;font:11px/1.6 Arial}.shelf-footer>span:first-child{font:italic 17px Georgia;color:#bdae95}#new-volume{background:#14151077;border:1px solid #d7c6a32e;padding:22px 26px;margin:0 0 22px;border-radius:5px}.new-volume-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.new-volume-heading h2{font:27px Georgia;margin:0}.new-volume-heading button{font-size:12px;padding:7px 12px}.volume-title-label{font-size:13px;color:#cabca3}.volume-title-label input{background:#171913!important;color:#eadcc4!important;border-color:#b59f7c4d!important;padding:12px!important;font-size:15px!important}.volume-formats{padding:0;border:0;margin:0}.volume-formats legend{font-size:13px;color:#cabca3;margin-bottom:10px}#volume-format-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.volume-format{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #d7c6a330;border-radius:4px;margin:0;cursor:pointer;color:#dbceb8;font-size:13px}.volume-format:has(input:checked){border-color:#dfbd80;background:#d7bc8b14}.volume-format input{width:16px;height:16px;accent-color:#d2b88b;margin:0}.format-swatch{width:30px;height:41px;background:url(../media/shelf-cover-archive.png) center/cover;border-radius:1px 3px 3px 1px;box-shadow:2px 2px 3px #100b0870;flex-shrink:0}.format-swatch.album{background-image:url(../media/shelf-cover-album.png);height:33px;width:34px}.format-swatch.journal{background-image:url(../media/shelf-cover-journal.png)}.new-volume-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:19px}.new-volume-footer p{font:12px/1.6 Arial;color:#a99e8a;margin:0;max-width:400px}@media(max-width:1100px){.topbar{gap:12px}.top-actions{gap:5px}.top-actions button{padding-inline:10px}.brand small{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:800px){.shelf-header{gap:14px;height:73px}.shelf-local{display:none}.shelf-header>button{margin-left:auto}.shelf-intro{align-items:flex-start;flex-direction:column;gap:21px;padding-top:27px}.shelf-intro h1{letter-spacing:-1.8px}.shelf-intro-copy{font-size:13px}.shelf-intro-copy br{display:none}.shelf-intro>button{align-self:flex-start}.shelf-row{column-gap:18px;padding-inline:8px}.shelf-open-hint{opacity:1}.shelf-footer{flex-direction:column;gap:9px}.shelf-search{font-size:0}.shelf-search input[type=search]{width:145px}.shelf-collection-bar{gap:12px}.new-volume-footer{flex-direction:column;align-items:flex-start}#volume-format-options{grid-template-columns:1fr}.volume-format{padding:10px 14px}.format-swatch{width:25px;height:33px}.format-swatch.album{width:30px;height:28px}.topbar{height:auto;min-height:82px;flex-wrap:wrap;padding-block:14px}.top-actions{width:100%;margin-left:0;flex-wrap:wrap}.top-actions button{flex:1;font-size:11px;white-space:nowrap}.top-actions .primary{min-width:85px}.top-actions #open-project{display:none}.brand small{max-width:none}}.shelf-header .shelf-ai-actions{display:flex;gap:8px;margin-left:auto}@media(max-width:650px){.shelf-header .shelf-ai-actions{gap:5px}.shelf-header .shelf-ai-actions button{padding:9px;font-size:11px}}@media(prefers-reduced-motion:reduce){.standing-book{transition:none!important}.shelf-book:hover .standing-book,.shelf-book:focus-visible .standing-book{transform:none}.shelf-root *{scroll-behavior:auto!important}}.shelf-garden{position:absolute;inset:0 0 auto;z-index:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .8s ease;contain:layout paint}.shelf-garden.is-ready{opacity:1}.shelf-garden canvas{display:block;width:100%;pointer-events:none}#bookshelf[data-atmosphere=woodland]{background:radial-gradient(ellipse at 75% 0%,#65704738,transparent 57%),radial-gradient(ellipse at 22% 10%,#57473180,transparent 67%),linear-gradient(110deg,#25261d,#181c17)}#bookshelf[data-atmosphere=autumn]{background:radial-gradient(ellipse at 80% 0%,#a5744036,transparent 60%),radial-gradient(ellipse at 22% 10%,#57473180,transparent 67%),linear-gradient(110deg,#2b241d,#1d1a17)}#bookshelf[data-atmosphere=blossom]{background:radial-gradient(ellipse at 80% 0%,#a1768130,transparent 60%),radial-gradient(ellipse at 22% 10%,#57473180,transparent 67%),linear-gradient(110deg,#29251f,#211c20)}.shelf-header{position:relative;isolation:isolate}.shelf-header:before{content:"";position:absolute;inset:0 auto 0 50%;width:var(--shelf-wall-width,100%);transform:translate(-50%);z-index:-1;background:linear-gradient(#24231b,#24231bee);pointer-events:none}.shelf-intro-aside{display:flex;flex-direction:column;align-items:flex-end;gap:22px;align-self:flex-end;flex-shrink:0;position:relative}.shelf-atmosphere{display:flex;flex-direction:column;gap:8px;align-items:flex-end;padding:10px 12px;border:1px solid #cfbb8b28;border-radius:4px;background:#22261cde;box-shadow:0 4px 18px #14130e20}.shelf-atmosphere>label{font:9px Arial;letter-spacing:1.8px;text-transform:uppercase;color:#b8ad94;margin:0;align-self:flex-start}.shelf-atmosphere>div{display:flex;align-items:center;gap:10px}.shelf-atmosphere select{width:112px;color:#e7d8b9;background:#25271e;border:0;border-bottom:1px solid #b5a07940;border-radius:0;padding:5px 2px;font:13px Georgia;margin:0;cursor:pointer;color-scheme:dark}#shelf-breeze{font:10px Arial;color:#cabb9d;padding:6px 8px;border:1px solid #b5a07938;background:transparent;white-space:nowrap;min-width:89px}#shelf-breeze:hover{background:#dbc39c15}#shelf-breeze:disabled{opacity:.5;cursor:default}.shelf-garden-status{font:10px/1.4 Arial;color:#b8ad94;max-width:200px}.shelf-garden-status:empty{display:none}.shelf-intro h1,.shelf-intro-copy,.shelf-eyebrow{text-shadow:0 2px 15px #20221b,0 0 5px #20221b}.shelf-collection-bar{position:relative;background:linear-gradient(90deg,#26271ee0,#22251bb8)}@media(min-width:1450px){.shelf-room{max-width:1320px;padding-inline:80px}.shelf-intro{padding-top:42px;padding-bottom:34px}}@media(max-width:800px){.shelf-intro-aside{align-self:stretch;align-items:flex-start;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.shelf-atmosphere{padding:8px 10px}.shelf-atmosphere select{width:100px}.shelf-intro-copy{max-width:80%}.shelf-garden,.shelf-garden.is-ready{opacity:.85}}@media(max-width:460px){.shelf-header{gap:10px}.shelf-brand{font-size:17px;gap:10px}.shelf-brand>span{font-size:33px;padding-right:10px}.shelf-header .shelf-ai-actions button{font-size:10px;padding:8px 6px}.shelf-intro-aside{gap:16px}.shelf-atmosphere{align-items:flex-start;flex:1}.shelf-atmosphere>div{width:100%;justify-content:space-between}.shelf-intro-copy{max-width:100%}.shelf-intro h1{max-width:90%}}@media(prefers-reduced-motion:reduce){.shelf-garden{transition:none}#bookshelf *{scroll-behavior:auto!important}}.standing-book.album{width:min(215px,97%);height:187px}.album .shelf-cover{padding:14px 19px 12px 23px}.album .cover-kind{font-size:7px;margin-bottom:6px}.album .cover-title{font-size:19px;line-height:1.05;-webkit-line-clamp:2}.album .cover-photograph{width:76%;height:72px;min-height:26px;flex:1;margin:9px 0 10px;box-shadow:0 0 0 4px #f0e9dc,0 2px 7px #33271065}.album .cover-imprint{font-size:6px}.standing-book.scrapbook{width:min(214px,97%);height:206px;transform:rotateY(-13deg) rotate(-1.2deg)}.scrapbook .shelf-cover{background-image:url(../media/shelf-cover-scrapbook.png);color:#4d3623;padding:16px 18px 13px 33px;border-radius:2px 3px 5px 2px;box-shadow:inset 0 0 2px #8c603e,3px 4px 7px #10090570}.scrapbook .cover-kind{font-size:7px;margin-bottom:7px}.scrapbook .cover-title{font-size:19px;-webkit-line-clamp:2}.scrapbook .cover-photograph{width:87%;height:75px;min-height:27px;flex:1;margin:10px 0 12px;box-shadow:0 0 0 4px #e0c89d,0 3px 6px #55371f60;transform:rotate(-2deg)}.scrapbook .cover-imprint{font-size:6px}.scrapbook.standing-book:after{background:repeating-linear-gradient(90deg,#a9895b 0,#a9895b 1px,#d3b98d 1px,#d3b98d 4px)}.journal .shelf-cover:after{content:"";position:absolute;right:11px;top:0;bottom:0;width:6px;background:linear-gradient(90deg,#232b1f,#566142 45%,#22291d);box-shadow:1px 0 2px #1a2118a0;opacity:.8;pointer-events:none}.format-swatch.album{width:49px;height:39px}.format-swatch.scrapbook{background-image:url(../media/shelf-cover-scrapbook.png);width:47px;height:44px}.format-swatch.journal{width:33px;height:49px}.format-swatch.archive{width:34px;height:51px}#shelf-formats{padding:3px 0 19px}.format-strip-label{font:9px Arial;letter-spacing:1.7px;color:#b9ab90;margin:0 0 12px}.format-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#bookshelf .format-shortcut{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #c7b38a28;border-radius:3px;background:#25251dce;padding:12px;min-height:79px;color:#e1d5be}.format-shortcut .format-swatch{display:block;transition:transform .25s;transform:rotate(-3deg)}.format-shortcut>span:last-child{display:grid;gap:6px;min-width:0}.format-shortcut strong{font:16px/1.1 Georgia}.format-shortcut small{font:10px/1.4 Arial;color:#a99d86;text-wrap:pretty}#bookshelf .format-shortcut:hover{background:#35362add;border-color:#c7b38a73}.format-shortcut:hover .format-swatch{transform:translateY(-3px) rotate(0)}#bookshelf:has(#new-volume:not([hidden])) #shelf-formats{display:none}#volume-format-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.volume-format{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:18px 10px 15px;min-height:190px;justify-content:flex-end}.volume-format input{position:absolute;left:11px;top:11px}.volume-format .format-swatch{display:block;margin:5px 0 16px;width:51px;height:76px;transform:rotate(-3deg);transition:transform .25s}.volume-format .format-swatch.album{width:92px;height:72px}.volume-format .format-swatch.scrapbook{width:89px;height:81px}.volume-format .format-swatch.journal{height:86px;width:56px}.volume-format:has(input:checked) .format-swatch{transform:translateY(-3px) rotate(0)}.volume-format strong{font:18px/1.2 Georgia;color:#e1d5be;margin:0 0 6px}.volume-format small{font:10px/1.45 Arial;color:#bbac92}.format-use{font:10px/1.45 Arial;color:#a1957f;margin:7px 0 0;min-height:29px}#volume-format-options input[type=radio]{width:16px;height:16px;margin:0;padding:0;left:11px;top:11px;accent-color:#d2b88b}@media(max-width:1000px){.format-shortcut small{display:none}#bookshelf .format-shortcut{gap:10px;padding:10px}.format-shortcut strong{font-size:15px}.format-shortcut .format-swatch{flex-shrink:0}}@media(max-width:620px){.format-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#bookshelf .format-shortcut{min-height:67px}.format-shortcut .format-swatch{scale:.85}.format-shortcut strong{font-size:16px}#volume-format-options{grid-template-columns:repeat(2,minmax(0,1fr))}.volume-format{min-height:190px}#new-volume{padding:18px 14px}}@media(prefers-reduced-motion:reduce){.format-shortcut .format-swatch,.volume-format .format-swatch{transition:none}.format-shortcut:hover .format-swatch{transform:none}}