.album-proof-overlay{position:fixed;inset:0;background:#171922b8;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}
.album-proof-dialog{width:min(1400px,100%);max-height:96vh;overflow:auto;background:#fff;border-radius:16px;padding:18px;color:#20212a;box-shadow:0 16px 60px #0005}
.album-proof-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-18px;background:white;z-index:4;padding:6px 0}
.album-proof-dialog h2{font-size:20px;line-height:1.1;margin:4px 0}.album-proof-dialog h3{margin:3px 0;font-size:18px;line-height:1.15}.album-proof-dialog button{cursor:pointer;padding:6px 8px;border:1px solid #dedee8;border-radius:7px;background:#f4f4f8;color:#252535;font:inherit;font-size:11px}.album-proof-dialog button:disabled{opacity:.45;cursor:not-allowed}.album-proof-dialog button:focus-visible{outline:3px solid #7967d8}
.album-proof-dialog [data-album-error]{color:#ad2844;white-space:pre-wrap}.album-proof-dialog input[type=file]{display:block;max-width:100%;margin-top:8px}
.album-proof-meta{display:flex;align-items:center;gap:7px;min-height:20px;color:#767681;font-size:10px}.album-proof-meta strong{color:#292936;font-size:11px}.album-proof-meta button{margin-left:auto;padding:4px 7px;font-size:10px}.album-proof-hint{margin:2px 0 6px;color:#858591;font-size:9px;line-height:1.3}.album-upload-controls,.album-mark-tools,.album-sheet-navigation,.album-proof-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:6px 0}.album-upload-controls label{padding:10px;background:#f6f6fa;border-radius:8px}
.album-upload-order{max-height:40vh;overflow:auto;padding-left:28px}.album-upload-order li{padding:5px}.album-upload-order li span{display:inline-block;width:calc(100% - 100px);overflow-wrap:anywhere}
.album-sheet-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:12px;margin-top:8px}.album-sheet-list{display:flex;flex-direction:column;gap:2px;max-height:70vh;overflow:auto}.album-sheet-list button{flex:0 0 auto;width:auto;min-width:0;max-width:130px;text-align:left;overflow-wrap:anywhere;font-size:10px;padding:4px 6px;color:#777783;background:transparent;border-color:transparent;border-radius:5px}.album-sheet-list button.active{background:transparent;border-color:transparent;border-bottom:2px solid #9986d9;color:#292936;font-weight:600}
.album-sheet-scroll{overflow:auto;background:#22252d;border-radius:8px;max-height:65vh;min-height:100px}.album-sheet-stage{position:relative;min-width:100%;line-height:0}.album-sheet-stage img{display:block;width:100%;height:auto}.album-sheet-stage canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.album-mark-tools [aria-pressed=true]{background:#ffdfeb;border-color:#ef6588}.album-mark-tools select{padding:8px}
.album-book-viewport{background:linear-gradient(135deg,#cfc2b3,#eee7dc 48%,#c6b7a6);--book-padding:18px;position:relative;padding:var(--book-padding);box-sizing:border-box;perspective:1500px}.album-book-viewport.album-book-single{display:flex;align-items:flex-start}.album-book-viewport.album-book-right{justify-content:flex-end}.album-book-viewport.album-book-left{justify-content:flex-start}.album-sheet-stage.album-book-single{min-width:50%;width:50%;flex-shrink:0;background:#fff;box-shadow:0 8px 20px #34281f3b}.album-sheet-stage.album-book-spread{background:#fff;box-shadow:0 8px 20px #34281f3b}.album-sheet-stage.album-book-spread:after{content:"";position:absolute;inset:0 49.7%;background:linear-gradient(90deg,#0000,#0002 48%,#fff7 52%,#0000);pointer-events:none}.album-sheet-stage.album-book-single:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 18px #8b796622;pointer-events:none;z-index:1}
.album-blank-page{flex:0 0 50%;background:#fff;box-shadow:0 8px 20px #34281f3b,inset -9px 0 12px -12px #0008;align-self:flex-start}
.album-book-left>.album-blank-page{order:2;box-shadow:0 8px 20px #34281f3b,inset 9px 0 12px -12px #0008}
.album-turn-scene{position:absolute;inset:var(--book-padding);perspective:1800px;z-index:3;pointer-events:none;line-height:0}
.album-turning>.album-sheet-stage,.album-turning>.album-blank-page{visibility:hidden}
.album-turn-base{position:absolute;inset:0;width:100%;height:100%}
.album-turn-rest{position:absolute;top:0;width:50%;height:100%}
.album-turn-left{left:0}.album-turn-right{right:0}
.album-turn-leaf{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;will-change:transform}
.album-turn-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;box-shadow:0 2px 10px #34281f38;overflow:hidden}
.album-turn-face canvas{display:block;width:100%;height:100%}
.album-turn-back{transform:rotateY(180deg)}
.album-turn-face:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00000012,transparent 14%,transparent 90%,#00000008);pointer-events:none}
@media(max-width:700px){.album-book-viewport{--book-padding:9px}}
.album-book-viewport.album-book-cover.album-book-right,.album-book-viewport.album-book-cover.album-book-left{justify-content:center}
.album-sheet-stage.album-book-cover{overflow:hidden}.album-sheet-stage.album-book-cover>img{width:200%;max-width:none}.album-sheet-stage.album-book-cover.album-book-left>img{transform:translateX(0)}.album-sheet-stage.album-book-cover.album-book-right>img{transform:translateX(-50%)}
.album-sheet-main form label{display:block;font-size:10px}.album-sheet-main textarea{display:block;box-sizing:border-box;width:100%;margin:5px 0;padding:8px;border:1px solid #d5d5e1;border-radius:7px;font:inherit;font-size:11px}.album-sheet-comments article{border-top:1px solid #ddd;padding:7px 0}.album-sheet-comments strong{margin-left:6px;font-size:10px}.album-sheet-comments p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;margin:4px 0}.album-sheet-comments small{font-size:9px;color:#858591}.album-proof-actions{border-top:1px solid #ddd;padding-top:8px;font-size:10px}.album-sheet-navigation{justify-content:space-between;font-size:10px;color:#777783}
@media(max-width:700px){.album-proof-overlay{padding:0}.album-proof-dialog{height:100dvh;max-height:100dvh;border-radius:0;padding:10px}.album-sheet-layout{grid-template-columns:minmax(0,1fr);gap:6px}.album-sheet-list{flex-direction:row;max-height:42px;gap:2px}.album-sheet-list button{max-width:92px;font-size:9px;padding:4px 5px}.album-proof-dialog>header{top:-10px}.album-sheet-scroll{max-height:58vh}.album-book-viewport{padding:9px}.album-mark-tools{gap:4px}.album-mark-tools button{font-size:10px;padding:5px 6px}.album-proof-dialog h2{font-size:18px}.album-proof-dialog h3{font-size:16px}}