.photobook .editor-root{background:#eef2f6;height:100vh}.photobook .editor-main{height:100%;min-height:0}.photobook .editor-left,.photobook .editor-right{background:#fff;min-height:0;overflow:auto}.photobook .editor-left{border-right:1px solid #00000014}.photobook .editor-right{border-left:1px solid #00000014}.photobook .editor-canvas{min-height:0;margin-bottom:30px;overflow:auto}.photobook .editor-mobile-panels{flex-shrink:0}.photobook .editor-toolbox-bar{background:#f8fafc;border-bottom:1px solid #00000014;flex-shrink:0;align-items:center;height:auto;min-height:48px;padding:0 12px;display:flex}.photobook .toolbox-bar-inner{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.photobook .toolbox-bar-left,.photobook .toolbox-bar-right{align-items:center;gap:8px;display:flex}.photobook .toolbox-bar-btn{color:#0f172ae6;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#fff;border:1px solid #0000001f;border-radius:10px;padding:6px 10px;font-size:13px;line-height:1}.photobook .toolbox-bar-btn:hover{background:#0f172a08}.photobook .toolbox-bar-btn.is-active{border-color:#ff8c00f2;box-shadow:0 0 0 2px #ff8c002e}.photobook .toolbox-bar-btn--primary{border-color:#2563eb59}.photobook .editor-bottom{z-index:1030;background:#4a4949}.photobook .editor-bottom .btn{font-size:12px}.photobook .editor-bottom .nav-strip .nav-tools .nav-add,.photobook .editor-bottom .nav-strip .nav-tools .nav-remove{color:#fff;background:0 0;border:1px dashed #ffffff4d}.photobook .editor-bottom .nav-strip .nav-items{scrollbar-width:thin;scrollbar-color:#fff6 #0000;align-items:center;max-width:90%;padding-bottom:8px}.photobook .editor-bottom .nav-strip .nav-items::-webkit-scrollbar{height:6px}.photobook .editor-bottom .nav-strip .nav-items::-webkit-scrollbar-track{background:0 0}.photobook .editor-bottom .nav-strip .nav-items::-webkit-scrollbar-thumb{background:#fff6;border-radius:999px}.photobook .editor-bottom .nav-strip .nav-items .nav-item{color:#ffffffd9;background:0 0;border:1px dashed #ffffff40}.photobook .editor-bottom .nav-strip .nav-items .nav-item.active{border-style:solid;border-color:#ff8c00f2}.photobook .editor-bottom .nav-strip .nav-items .nav-item .nav-move-btn{opacity:.7;cursor:pointer;border-radius:4px;padding:0 3px;font-size:18px;line-height:1}.photobook .editor-bottom .nav-strip .nav-items .nav-item .nav-move-btn:hover{opacity:1;background:#ffffff26}.photobook .guide{pointer-events:none;z-index:500;border-left:2px dashed #00000059;width:0;position:absolute;top:0;bottom:0}.photobook .label{color:#0000008c;pointer-events:none;z-index:500;background:#ffffffbf;border-radius:999px;padding:4px 8px;font-size:12px;position:absolute;top:10px}.photobook .label-left{left:10px}.photobook .label-center{left:50%;transform:translate(-50%)}.photobook .label-right{right:10px}.photobook .cover-zone{box-sizing:border-box;pointer-events:none;z-index:500;position:absolute}.photobook .cover-zone--wrap{background:repeating-linear-gradient(45deg,#0000000d,#0000000d 6px,#0000001a 6px 12px);border:1px dashed #0000004d}.photobook .cover-zone--fold{border-left:2px dashed #c81e1e8c;border-right:2px dashed #c81e1e8c}.photobook .cover-zone--spine{border-left:2px dashed #00000059;border-right:2px dashed #00000059}.photobook .cover-zone-label{color:#0000008c;white-space:nowrap;pointer-events:none;background:#fffc;border-radius:999px;padding:2px 6px;font-size:11px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.photobook.no-guides .guide,.photobook.no-guides .label,.photobook.no-guides .cover-zone,.photobook.no-guides .cover-zone-label{display:none}.photobook.no-guides .slot-box,.photobook.no-guides .slot-box:hover,.photobook.no-guides .slot-box.active{background:0 0;border-color:#0000}.photobook .canvas-stage{justify-content:center;align-items:start;width:100%;height:100%;min-height:0;padding:12px;display:flex;position:relative;overflow:auto}.photobook .canvas-sheet{background:#fff;border:2px solid #ff8c00cc;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:900px;max-width:100%;height:320px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001f}.photobook .photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;height:calc(100vh - 300px);display:grid;overflow-y:scroll}.photobook .photo-grid .photo-thumb-wrap{background:#fff;border:1px solid #0000001f;border-radius:10px;padding:2px;position:relative}.photobook .photo-grid .photo-thumb-wrap.is-used{border:2px solid #7ac2ad;padding:1px}.photobook .photo-grid .photo-thumb-wrap .btn-delete{z-index:7;color:#fff;background:#212529;border-radius:999px;padding:2px 6px;line-height:1;position:absolute;top:-2px;right:-2px}.photobook .photo-grid .photo-thumb-wrap .photo-thumb{cursor:pointer;border-radius:8px;height:92px;overflow:hidden}.photobook .photo-grid .photo-thumb-wrap .photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photobook .slot-box{box-sizing:border-box;cursor:pointer;background:repeating-linear-gradient(45deg,#0000000d,#0000000d 6px,#0000001a 6px 12px);border:1px dashed #0000004d;outline:none;position:absolute}.photobook .slot-box:hover{background:repeating-linear-gradient(45deg,#00000014,#00000014 6px,#00000021 6px 12px)}.photobook .slot-box.active{border-style:solid;border-color:#ff8c00f2}.photobook .slot-clip{position:absolute;inset:0;overflow:hidden}.photobook .slot-free-photo{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.photobook .slot-img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.photobook .slot-free-photo-outline{pointer-events:none;border:1px dashed #ff8c00e6}.photobook .slot-box>.slot-free-photo-outline>.resizeHandle{touch-action:none;pointer-events:auto;z-index:5;background:#fff;border:1px solid #4a5568;border-radius:2px;width:12px;height:12px;position:absolute;box-shadow:0 0 0 1px #edf2f7}.photobook .slot-box>.slot-free-photo-outline>.resizeHandle:before{content:"";position:absolute;inset:-16px}.photobook .tpl-grid-wrap{height:55vh;overflow-y:auto}.photobook .tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.photobook .tpl-grid .tpl-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #0000001f;border-radius:6px;padding:10px;transition:transform 80ms,box-shadow 80ms,border-color 80ms;position:relative}.photobook .tpl-grid .tpl-item:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a1f}.photobook .tpl-grid .tpl-item.is-active{border-color:#ff8c00f2;box-shadow:0 0 0 2px #ff8c002e}.photobook .tpl-grid .tpl-item.spread:after{content:"";background:#0000001f;width:1px;height:100%;position:absolute;top:0;left:50%;right:50%}.photobook .tpl-grid .tpl-item .tpl-mini{aspect-ratio:4/3;background:#0f172a0a;border:1px solid #00000014;border-radius:3px;width:100%;position:relative;overflow:hidden}.photobook .tpl-grid .tpl-item .tpl-mini .tpl-slot{background:#0000002e;border:1px solid #00000059;position:absolute}.photobook .bg-panel-block{background:#fff;border:1px solid #00000014;border-radius:12px;margin-bottom:12px;padding:12px}.photobook .bg-grid-wrap{height:30vh;overflow-y:auto}.photobook .bg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.photobook .bg-thumb{cursor:pointer;background:#fff;border:1px solid #0000001f;border-radius:12px;height:86px;overflow:hidden}.photobook .bg-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photobook .bg-thumb.active{outline-offset:0;outline:3px solid #ff8c00f2}.photobook .photo-thumb img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.photobook .pb-text{-webkit-user-select:none;user-select:none;cursor:move;position:absolute;transform:translate(-50%,-50%)}.photobook .pb-text__box{display:inline-block;position:relative}.photobook .pb-text__box.is-selected{outline:1px solid #4a90e2}.photobook .pb-text__content{white-space:pre-wrap;border-radius:4px;padding:4px 6px}.photobook .pb-text__toolbar{background:#fff;border-radius:4px;align-items:center;gap:2px;margin-top:4px;padding:3px 4px;display:inline-flex;position:absolute;top:110%;left:0;box-shadow:0 1px 4px #0f172a2e}.photobook .pb-text__btn{cursor:pointer;background:#f7fafc;border:1px solid #cbd5e0;border-radius:2px;justify-content:center;align-items:center;width:25px;height:25px;padding:4px;font-size:11px;display:flex}.photobook .pb-text__btn:hover{background:#e2e8f0}.photobook .pb-text__rotate{cursor:grab;z-index:20;background:#edf2f7;border:1px solid #cbd5e0;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;display:flex;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.photobook .pb-text__rotate:active{cursor:grabbing}.photobook .pb-text__resize{z-index:25;background:#fff;border:1px solid #4a90e2;border-radius:2px;width:10px;height:18px;margin-top:-9px;position:absolute;top:50%;box-shadow:0 0 0 1px #0000001a}.photobook .pb-text__resize:before{content:"";position:absolute;inset:-16px}.photobook .pb-text__resize--left{left:-6px}.photobook .pb-text__resize--right{right:-6px}.photobook .btn-text-editor:hover{color:#000;background:0 0}.photobook .btn-text-editor.is-active{color:#fff;background:#7c7c7c;border-color:#7c7c7c}.photobook .clipart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.photobook .clipart-thumb-wrap{background:#fff;border:1px solid #0000001f;border-radius:10px;overflow:hidden}.photobook .clipart-thumb{object-fit:contain;cursor:grab;width:100%;height:92px;display:block}.photobook .clipart-sticker.stickerBox{touch-action:none;position:absolute;transform:translate(-50%,-50%)}.photobook .clipart-sticker .stickerInner{transform-origin:50%;cursor:move;width:100%;height:100%;position:relative}.photobook .clipart-sticker .imgWrapper{width:100%;height:100%}.photobook .clipart-sticker .imgWrapper img{object-fit:contain;width:100%;height:100%;display:block}.photobook .clipart-sticker .resizeHandle{background:#fff;border:1px solid #4a5568;border-radius:2px;width:12px;height:12px;position:absolute;box-shadow:0 0 0 1px #edf2f7}.photobook .clipart-sticker .resizeHandle:before{content:"";position:absolute;inset:-16px}.photobook .clipart-sticker .resizeBR{cursor:se-resize;bottom:-5px;right:-5px}.photobook .clipart-sticker .resizeTL{cursor:nw-resize;top:-5px;left:-5px}.photobook .clipart-sticker .resizeTR{cursor:ne-resize;top:-5px;right:-5px}.photobook .clipart-sticker .resizeBL{cursor:sw-resize;bottom:-5px;left:-5px}.photobook .clipart-sticker .toolbar{background:#fff;border-radius:4px;align-items:center;gap:2px;margin-top:4px;padding:3px 4px;display:inline-flex;position:absolute;top:110%;left:0;box-shadow:0 1px 4px #0f172a2e}.photobook .clipart-sticker .rotateHandle{cursor:grab;-webkit-user-select:none;user-select:none;background:#edf2f7;border:1px solid #cbd5e0;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:12px;display:flex;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.photobook .clipart-sticker .rotateHandle:before{content:"";position:absolute;inset:-12px}@media (max-width:991.98px){.photobook .editor-main{padding-bottom:92px}.photobook .editor-toolbox-bar{padding:0 10px}.photobook .toolbox-bar-inner{gap:8px}.photobook .toolbox-bar-left,.photobook .toolbox-bar-right{gap:6px}.photobook .toolbox-bar-btn{padding:6px 8px;font-size:12px}.photobook .canvas-stage{align-items:flex-start;padding:10px}.photobook .canvas-sheet{width:900px;max-width:none}.photobook .nav-strip{gap:8px;padding:8px 10px}.photobook .nav-items{gap:6px;max-width:100%}.photobook .nav-item{padding:8px 10px;font-size:11px}.photobook .nav-add{width:40px;height:40px;padding:8px 10px;font-size:20px}.photobook .nav-tools{gap:6px}.photobook .photo-grid,.photobook .tpl-grid,.photobook .bg-grid,.photobook .clipart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575.98px){.photobook .canvas-stage{padding:8px}.photobook .photo-grid,.photobook .tpl-grid,.photobook .bg-grid,.photobook .clipart-grid{gap:8px}.photobook .photo-grid .photo-thumb-wrap .photo-thumb,.photobook .clipart-thumb{height:84px}.photobook .bg-thumb{height:78px}.photobook .label{padding:3px 7px;font-size:11px}}