@font-face{font-family:Nunito;src:url('fonts/NunitoSans-400.ttf')}@font-face{font-family:Nunito;src:url('fonts/NunitoSans-700.ttf');font-weight:700}*{box-sizing:border-box}body{margin:0;background:#fff5e8;color:#17294d;font:14px Nunito,sans-serif}button,input,select{font:inherit;color:inherit}button,a,label{touch-action:manipulation}button,.file-button{border:1px solid #d9d7d1;border-radius:7px;background:#fff;cursor:pointer;padding:10px 13px}button:hover{border-color:#17294d}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#17294d;color:white;border-color:#17294d}a{color:inherit}input,select{border:1px solid #d6d6d6;padding:10px;border-radius:6px;background:#fff;width:100%;min-width:0}input[type=checkbox]{width:auto}input[type=range]{padding:0;width:84px}label{display:block}header{height:86px;display:flex;align-items:center;gap:20px;padding:0 28px;border-bottom:1px solid #e7ded0;background:#fff5e8}.logo{width:100px;height:78px;object-fit:contain}.project{flex:1}.project input{width:min(310px,100%);background:none;border:0;font-size:17px;font-weight:700;padding:0}.project small{display:block;color:#70716f;font-size:11px}.top-actions{display:flex;gap:8px}main{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:calc(100vh - 86px)}.library{padding:30px 22px;border-right:1px solid #e7ded0;background:#fffdfa}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700}h1{font-size:35px;line-height:1.09;letter-spacing:-1.2px;margin:20px 0 14px}h2{font-size:32px;line-height:1.1}.intro{color:#656865;line-height:1.6}.tabs{display:flex;border-bottom:1px solid #e7ded0;margin:26px 0 20px}.tabs button{border:0;background:transparent;border-radius:0;flex:1}.tabs .active{border-bottom:2px solid #17294d;font-weight:700}.upload{background:#17294d;color:white;text-align:center;padding:13px;border-radius:7px;cursor:pointer}.upload input,.file-button input{display:none}.hint{font-size:11px;line-height:1.5;color:#676c71}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:300px;overflow:auto;margin:15px 0}.photo{padding:0;position:relative;aspect-ratio:1;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo small{position:absolute;right:3px;bottom:3px;background:#fff;border-radius:8px;padding:1px 5px}.empty{grid-column:1/-1;padding:35px 10px;background:#f4f1ec;text-align:center;font-size:12px;color:#888}.wide{width:100%}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.layout-grid button{font-size:11px;padding:8px}.layout-grid svg{width:100%;height:60px}.layout-grid .active{border:2px solid #f57968}.panel label{margin:12px 0}.panel select{margin-top:6px}.memo-tip{display:flex;align-items:center;margin-top:25px}.memo-tip img{width:66px;height:66px;object-fit:contain}.memo-tip p{background:#fff5e8;border-radius:9px;padding:10px;font-size:10px;line-height:1.5;margin:0}.memo-tip b,.memo-tip span{display:block}.workspace{padding:24px 30px;background:#eeece7;min-width:0}.workspace-tools{display:flex;justify-content:space-between;align-items:center;gap:12px}.workspace-tools>div{display:flex;align-items:center;gap:16px}#dimensions{font-size:11px;color:#6b6e70}.switch{font-size:11px}.stage{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:430px;padding:28px 5px 8px}#pageCanvas{max-width:100%;max-height:490px;width:auto;height:auto;box-shadow:0 12px 35px #17294d1c;background:#fff;cursor:pointer;touch-action:pan-y}.canvas-help{font-size:11px;color:#70716e}.selection-bar{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;padding:8px}.selection-bar label{display:flex;align-items:center;gap:6px;font-size:10px}.selection-bar select{font-size:11px;width:auto;padding:7px}.selection-bar button{font-size:11px;padding:7px}#selectionLabel{font-size:11px;width:100%;text-align:center}.caption-row{display:flex;align-items:center;gap:14px;max-width:720px;margin:10px auto}.caption-row label{flex:1;font-size:10px}.caption-row input{margin-top:4px}.caption-row small{max-width:210px;font-size:11px}.page-actions{display:flex;justify-content:center;gap:8px;margin:18px 0}.page-actions button{font-size:11px}.filmstrip{display:flex;overflow:auto;gap:8px;padding:6px 0 18px}.filmstrip button{min-width:72px;padding:5px;background:white;font-size:9px}.filmstrip canvas{width:60px;height:60px;object-fit:contain}.filmstrip .active{outline:2px solid #f57968;border-color:transparent}.filmstrip span{display:block}.filmstrip .alert{color:#ad5025}dialog{border:0;border-radius:16px;padding:34px;max-width:780px;width:calc(100% - 30px);max-height:90vh;overflow:auto;background:#fffdfa;color:#17294d}dialog::backdrop{background:#17294d99;backdrop-filter:blur(5px)}.close{position:absolute;right:17px;top:15px;border:0;background:transparent;font-size:24px}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.dialog-actions a{padding:12px}#issues{max-height:220px;overflow:auto;padding-left:20px;font-size:12px;line-height:1.7}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px}.production{border-top:1px solid #ddd;padding-top:20px;margin-top:25px;font-size:12px}.production summary{cursor:pointer}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-grid input{margin:5px 0}.production button{margin-top:14px}.preview-head{display:flex;justify-content:space-between;margin:24px 0}#spread{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 10px #17294d22)}#spread canvas{width:49%;height:auto;max-height:62vh;object-fit:contain}#spread.single canvas{width:80%}#previewDialog{max-width:1100px}.preview-head span{font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#17294d;color:#fff;padding:13px 22px;border-radius:9px;z-index:10;max-width:90vw}hr{border:0;border-top:1px solid #ddd;margin:22px 0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f57968;outline-offset:2px}[hidden]{display:none!important}@media(max-width:950px){header{padding:8px 12px;gap:10px;height:auto}.logo{width:75px;height:60px}.top-actions{gap:3px}.top-actions button{font-size:11px;padding:8px}.project input{font-size:13px}.project small{font-size:9px}main{grid-template-columns:230px minmax(0,1fr)}.library{padding:18px 14px}.workspace{padding:16px 12px}.workspace-tools>div{gap:5px}.stage{min-height:330px}h1{font-size:29px}}@media(max-width:650px){header{flex-wrap:wrap}.project{min-width:180px}.top-actions{width:100%;justify-content:flex-end}.top-actions #review{flex:1}main{display:flex;flex-direction:column}.library{border-right:0;border-bottom:1px solid #e0d7ca;order:2}h1,.intro,.library>.eyebrow,.memo-tip{display:none}.tabs{margin:0 0 12px}.gallery{grid-template-columns:repeat(5,1fr);max-height:180px}.workspace{order:1}.stage{min-height:280px;padding:20px 0 0}#pageCanvas{max-height:360px;max-width:92%}.workspace-tools{flex-wrap:wrap}.workspace-tools>div{gap:10px}.workspace-tools button{font-size:11px}#dimensions{display:none}.caption-row{flex-direction:column;align-items:stretch}.caption-row small{max-width:none}.selection-bar{gap:7px}.filmstrip{padding-bottom:9px}.page-actions{margin:10px 0}dialog{padding:25px 18px}.profile-grid{grid-template-columns:1fr}.preview-head{display:block}.layout-grid{grid-template-columns:repeat(4,1fr)}}

.mobile-add{display:none}@media(max-width:650px){.mobile-add{display:block;background:#17294d;color:#fff;padding:9px 12px;border-radius:6px;cursor:pointer;font-size:11px}}

button,.photo,.stage,#pageCanvas{transition:background .18s,border-color .18s,box-shadow .22s,transform .22s}button:active{transform:translateY(1px)}.photo:hover{transform:translateY(-2px);box-shadow:0 5px 12px #17294d24}.photo.dragging{opacity:.45;transform:scale(.94)}.stage.drop-ready{border-radius:14px;background:#e4eae4;outline:2px dashed #57806b;outline-offset:3px}.stage.drop-ready #pageCanvas{box-shadow:0 14px 40px #17294d35;transform:translateY(-3px)}#spread{perspective:1400px;position:relative}#spread:not(.single)::after{content:"";position:absolute;left:calc(50% - 7px);width:14px;height:100%;background:linear-gradient(90deg,transparent,#17294d14,transparent);pointer-events:none}#previewDialog[open]{animation:book-open .32s cubic-bezier(.18,.8,.3,1)}@keyframes book-open{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.template-launch{display:block;width:100%;text-align:left;margin-top:22px;background:#fff5e8;border-color:#e2d6c4;font-size:12px}.template-launch span{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}.tabs button{padding:10px 5px;font-size:12px}.color-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-pair input,input[type=color]{height:36px;padding:4px;cursor:pointer}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.sticker-grid button{padding:5px 2px;font-size:8px}.sticker-grid canvas{width:35px;height:35px;display:block;margin:auto}.decor-actions{display:flex;gap:5px;flex-wrap:wrap}.decor-actions button{font-size:10px;padding:8px}#decorControls input[type=range]{display:block;width:100%;margin:10px 0}#templateDialog{max-width:1020px}#templateDialog>p:not(.eyebrow){max-width:650px;line-height:1.6}#templateGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.template-card{text-align:left;padding:0;overflow:hidden;border-radius:3px}.template-card:hover{border-color:#f57968;box-shadow:0 5px 14px #17294d14}.template-card canvas{width:100%;display:block}.template-card b{display:block;padding:14px 14px 6px;font-size:15px}.template-card span{display:block;padding:0 14px 18px;font-size:11px;line-height:1.5;min-height:54px}@media(max-width:650px){.template-launch{margin:0 0 16px}#templateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-card b{font-size:13px;padding:10px 10px 5px}.template-card span{font-size:10px;padding:0 10px 12px}.sticker-grid{grid-template-columns:repeat(4,1fr)}.tabs{margin-top:0}}
.custom-composition,.text-styling{border-top:1px solid #e1d9cb;padding:16px 0;margin:12px 0;font-size:12px}.custom-composition summary,.text-styling summary{cursor:pointer;font-weight:700}#freeControls input[type=range],.text-styling input[type=range]{display:block;width:100%;margin:12px 0}

@media(min-width:651px){.library{height:calc(100dvh - 86px);overflow-y:auto;position:sticky;top:0;overscroll-behavior:contain;scrollbar-width:thin}.workspace{align-self:start}}
#pageCanvas{touch-action:none}
.smart-launch{width:100%;text-align:left;background:#17294d;color:#fff;padding:17px;margin-top:12px;border:0}.smart-launch span{font-size:8px;letter-spacing:1.6px;display:block;color:#f6d880}.smart-launch b{display:block;font-size:15px;line-height:1.4;margin:9px 0}.smart-launch small{display:block;line-height:1.5;opacity:.8}#smartDialog{max-width:1060px}.smart-intro{max-width:660px;line-height:1.65;color:#676c71}.smart-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:30px;border:1px dashed #a9b0ba;border-radius:12px;background:#f5f3ee;margin:25px 0 12px;cursor:pointer;transition:background .2s,transform .2s}.smart-drop span{font-size:12px}.smart-drop input{max-width:330px;font-size:11px;background:transparent;border:0}.smart-drop.drag-over{background:#e5ece6;border-color:#457665;transform:scale(1.01)}.smart-options{display:flex;gap:15px;align-items:flex-end;margin-top:20px}.smart-options label{flex:1;font-size:12px}.smart-options select{margin-top:7px}#smartPages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px;margin:25px 0}#smartPages canvas{width:100%;height:auto;box-shadow:0 4px 12px #17294d12}#smartPages span{display:block;font-size:10px;margin-top:8px;color:#676c71}.smart-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:15px;border-top:1px solid #e7ded0}#smartStatus{font-size:12px;line-height:1.6}#smartMobile{font-size:11px;background:#fff5e8}@media(max-width:650px){.smart-launch{margin-bottom:18px}.smart-options{flex-direction:column;align-items:stretch}#smartPages{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.smart-footer{flex-direction:column}#smartDialog h2{font-size:27px}.smart-drop{padding:22px 10px}.workspace-tools>div{flex-wrap:wrap}}
.smart-drop{position:relative}.smart-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;max-width:none;cursor:pointer}.smart-drop:focus-within{outline:3px solid #f57968;outline-offset:3px}.smart-drop span{padding:10px 16px;border:1px solid #d6d6d6;border-radius:6px;background:white}
.vision-launch{display:block;width:100%;text-align:left;margin-top:14px;background:#17294d;color:#fff;padding:18px;border:0}.vision-launch span{display:block;color:#f6d880;font-size:8px;letter-spacing:1.5px}.vision-launch b{display:block;margin:10px 0;font-size:17px;line-height:1.3}.vision-launch small{line-height:1.5;display:block;opacity:.85}.smart-launch{background:#fff5e8;color:#17294d;border:1px solid #e2d6c4}.smart-launch span{color:#17294d}#visionDialog{max-width:1100px}.vision-intro{max-width:640px;line-height:1.7;color:#676c71}.vision-top,.vision-settings{display:flex;gap:15px;align-items:flex-end;margin:25px 0}.vision-top>label,.vision-settings>label{flex:1;font-size:12px}.vision-top select,.vision-settings select{margin-top:6px}.vision-consent{margin:20px 0 8px}.vision-privacy{font-size:11px;line-height:1.6;color:#676c71}.vision-privacy summary{cursor:pointer}.vision-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.vision-toolbar button{font-size:12px}#visionStatus{font-size:13px;line-height:1.6}#visionCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0;max-height:600px;overflow:auto;padding:3px}.vision-card{border:1px solid #e7ded0;border-radius:8px;overflow:hidden;background:#fff}.vision-card.excluded{opacity:.55}.vision-card img{display:block;width:100%;height:180px;object-fit:contain;background:#f3f1ed}.vision-card>div{padding:14px}.vision-card b{font-size:13px}.vision-card p{font-size:11px;line-height:1.5;min-height:48px}.vision-card small{font-size:10px;color:#a2543a;display:block;min-height:15px}.vision-card-actions{display:flex;gap:5px;align-items:center;justify-content:space-between;margin-top:10px}.vision-card-actions button{padding:6px;font-size:10px}.vision-card-actions label{font-size:11px;display:flex;gap:5px;align-items:center}.vision-card-actions button[aria-pressed=true]{background:#fff5e8;border-color:#b58c39}.vision-spread{display:flex;justify-content:center;gap:2px;margin:32px 0}.vision-spread>div{width:48%;min-width:0}.vision-spread canvas{width:100%;box-shadow:0 5px 22px #17294d12}.vision-spread small{display:block;margin-top:10px;font-size:10px}.vision-settings{border-top:1px solid #e7ded0;padding-top:22px}#visionFromSmart{margin:10px 0;background:#fff5e8}#visionApply{margin-bottom:15px}@media(max-width:650px){.vision-top,.vision-settings{flex-direction:column;align-items:stretch}#visionCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vision-card img{height:120px}.vision-card>div{padding:9px}.vision-card-actions{flex-wrap:wrap}.vision-card p{font-size:10px;min-height:60px}.vision-toolbar button{flex:1}#visionDialog h2{font-size:30px}.vision-launch{margin-bottom:10px}}
.vision-drop{line-height:1.8;padding:22px!important;border:1px dashed #8d9cb7}.vision-drop small{font-size:10px;font-weight:400;opacity:.85}.vision-drop.drag-over{background:#457665;outline:3px solid #f6d880;outline-offset:2px}@media(max-width:650px){.vision-toolbar{display:grid;grid-template-columns:1fr 1fr}.vision-toolbar #visionAnalyze{grid-column:1/-1}.vision-toolbar button{min-height:44px}}