:root{font-family:DM Sans,system-ui,sans-serif;color:#1b2721;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce1d8;border-radius:9px;padding:10px 13px;background:#fff;color:#28382c;cursor:pointer;transition:background .15s}button:hover{background:#eff4eb}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #81b972;outline-offset:3px}.primary{background:#317336;color:#fff;border-color:#317336;font-weight:600}.primary:hover{background:#245c29;color:#fff}header{height:86px;padding:0 3.5%;display:flex;align-items:center;gap:36px;background:#fff;border-bottom:1px solid #e2e7de}.brand{font-family:Manrope,system-ui;font-weight:800;font-size:30px;letter-spacing:-1.5px;color:#141c16;text-decoration:none;white-space:nowrap}.brand span{color:#317336}.brand em{font-style:normal;letter-spacing:3px;font-size:11px;margin-left:13px;font-weight:600}.project{flex:1;display:flex;flex-direction:column;gap:5px}.project input{border:0;max-width:380px;background:none;font-weight:600;color:#314236;outline-offset:0;padding:0}.saved{font-size:11px;color:#70816f;display:flex;align-items:center;gap:4px}.page-heading{max-width:1600px;margin:auto;padding:34px 3.5% 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}.eyebrow{font-weight:700;letter-spacing:2px;font-size:10px;color:#65815b;margin-bottom:8px}h1,h2{font-family:Manrope,system-ui;margin:0;font-weight:800;letter-spacing:-.7px}h1{font-size:30px}h2{font-size:20px}.page-heading p{color:#7b857b;margin:8px 0 0;font-size:14px}.steps{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap;color:#70806e}.steps b,.steps>span{border-radius:50%;width:24px;height:24px;background:#e8eddf;display:grid;place-items:center;color:#366b30}.steps>span{color:#8b9386;background:#eceee8}main{display:grid;grid-template-columns:minmax(0,1fr) 314px;max-width:1600px;margin:0 auto;gap:22px;padding:0 3.5% 24px}.workspace{min-width:0}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.spacer{flex:1}.editor{position:relative;background:#30382f;border-radius:15px;overflow:hidden;box-shadow:0 8px 20px #2233110b}.editor-top{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;color:#e6eee0;font-size:12px;border-bottom:1px solid #ffffff10}.editor-top>span{display:flex;align-items:center;gap:8px}.editor-top button{font-size:11px;padding:7px 10px;background:#ffffff0c;color:#e6eee0;border-color:#ffffff20}.live-dot{width:7px;height:7px;background:#81b365;border-radius:50%;display:inline-block}.editor canvas{width:100%;height:430px;display:block;touch-action:none;cursor:grab}.editor canvas:active{cursor:grabbing}.editor-bottom{display:flex;justify-content:center;gap:22px;padding:14px 8px;color:#c4d0bf;background:#272f27;font-size:11px}.editor-bottom span{display:flex;align-items:center;gap:6px}.outline,.dark{width:11px;height:11px;border:1px solid #83d88a;display:inline-block}.dark{background:#ffffff25;border-color:#ffffff30}.empty{position:absolute;inset:70px 0 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f0f3ec;pointer-events:none;text-align:center;padding:24px}.empty button{pointer-events:auto}.empty p{color:#a9baa5;font-size:14px}.empty small{margin-top:18px;color:#8d9d87;font-size:11px}.empty-icon{background:#ffffff0b;padding:20px;border:1px solid #ffffff20;border-radius:20px;color:#b0d59b;margin-bottom:22px}.crop-controls{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e9df;border-radius:10px;margin-top:10px;padding:9px 12px}.crop-controls button{padding:7px 9px;font-size:12px}.filename{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.zoom{display:flex;align-items:center;gap:8px;font-size:11px}.zoom input{width:120px}.zoom span{min-width:40px}input[type=range]{accent-color:#3d7939;cursor:pointer}.library-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 14px}.library-heading h2{font-size:18px}.library-heading h2 span{font-size:12px;color:#708369;margin-left:7px}.library-heading>span{font-size:11px;color:#81907b}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:13px;max-height:440px;overflow:auto;padding:4px}.photo{position:relative;border:1px solid #dde3d6;border-radius:11px;overflow:hidden;background:#fff;content-visibility:auto;contain-intrinsic-size:180px 180px}.photo.active{outline:2px solid #3c7937;outline-offset:1px}.photo-image{position:relative;display:block;width:100%;height:138px;border:0;border-radius:0;padding:0;background:#e9eee4}.photo-image img{width:100%;height:100%;object-fit:cover}.photo-image>span{position:absolute;bottom:0;left:0;right:0;padding:5px;background:#10281080;color:#fff;font-size:10px;opacity:0}.photo-image:hover>span,.photo.active .photo-image>span{opacity:1}.photo-select{position:absolute;top:8px;left:8px;z-index:2;width:23px;height:23px;padding:0;background:#fff;border-radius:6px}.photo-select[aria-pressed=true]{background:#397232;color:#fff;border-color:#397232}.photo-meta{padding:9px 7px;display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px}.qty{display:flex;align-items:center;gap:6px}.qty button{padding:2px 5px;font-size:14px;border:0;background:#f2f4ef}.qty b{font-size:11px}aside{background:#fff;padding:23px;border:1px solid #e2e7dc;border-radius:15px;align-self:start}aside h2{font-size:21px}.muted{font-size:11px;line-height:1.6;color:#7c8976}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset>label{font-size:12px;font-weight:700;margin:20px 0 9px;display:block}.sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sizes button{padding:9px 3px;font-size:11px}.chosen{background:#edf5e8!important;border-color:#43803b!important;color:#285c29!important}.segmented{display:flex;gap:7px}.segmented button{flex:1;font-size:12px;padding:9px 4px}.modes{display:flex;gap:8px}.modes button{width:50%;flex-direction:column;align-items:flex-start;text-align:left;padding:12px 9px}.modes b{font-size:11px}.modes small{font-size:10px;line-height:1.5;color:#788571;font-weight:400}.range-label{display:flex;gap:6px;align-items:center}.range-label span{margin-left:auto;font-weight:400}fieldset>input[type=range]{width:100%}.check{display:flex;align-items:center;gap:6px;font-weight:500}input[type=checkbox]{accent-color:#317336}.quality{display:flex;gap:6px;align-items:center;font-size:10px;background:#f3f6ee;color:#62765a;padding:10px;border-radius:7px;margin:17px 0}.quality.warning{color:#906917;background:#fff7e6}.wide{width:100%;font-size:11px}.two-buttons{display:flex;gap:6px;margin-top:14px}.two-buttons button{flex:1;font-size:11px;padding:9px 4px}.summary{border-top:1px solid #e4e9df;margin-top:21px;padding-top:19px}.summary>div{display:flex;justify-content:space-between;font-size:14px;margin-bottom:15px}.summary>button{margin-bottom:8px;padding:12px}.summary p{font-size:10px;line-height:1.6;color:#84907c}footer{max-width:1600px;margin:auto;padding:0 3.5% 25px;display:flex;justify-content:space-between;font-size:10px;color:#84917b}.notice{display:flex;gap:12px;align-items:center;background:#fff3d9;border:1px solid #ead5a4;margin:0 3.5% 16px;padding:12px;border-radius:10px;font-size:13px}.notice button{margin-left:auto}.modal{position:fixed;inset:0;background:#14221477;display:grid;place-items:center;z-index:20;padding:20px}.project-dialog{background:#fff;border-radius:17px;padding:25px;max-width:580px;width:100%;max-height:85vh;overflow:auto}.dialog-head{display:flex;justify-content:space-between;align-items:center}.project-dialog p{font-size:13px;color:#798674}.project-row{width:100%;justify-content:flex-start;margin-top:12px;text-align:left;padding:16px}.project-row span{flex:1}.project-row small{display:block;margin-top:5px;color:#809077}@media(min-width:1500px){.editor canvas{height:520px}}@media(max-width:1050px){.steps{display:none}main{grid-template-columns:minmax(0,1fr) 285px;gap:14px}aside{padding:17px}.brand em{display:none}.editor canvas{height:370px}.editor-bottom{gap:10px;font-size:9px}.zoom input{width:80px}}@media(max-width:760px){header{padding:12px 16px;height:auto;gap:12px;flex-wrap:wrap}.brand{font-size:25px}.project{min-width:150px}.project input{max-width:160px;font-size:12px}header>button{font-size:11px}.page-heading{padding:24px 16px 18px}h1{font-size:25px}main{display:flex;flex-direction:column;padding:0 14px 20px}aside{width:100%}.editor canvas{height:340px}.toolbar{gap:6px}.toolbar button{font-size:11px;padding:9px}.editor-top{padding:10px}.editor-bottom,.crop-controls{flex-wrap:wrap}.zoom{flex:1;justify-content:flex-end}.filename{min-width:40%}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:330px}.photo-image{height:105px}.photo-meta{flex-direction:column}.library-heading>span{max-width:45%;text-align:right}footer{flex-direction:column;gap:8px;padding:0 16px 20px}.sizes{grid-template-columns:repeat(5,1fr)}}:root{background:#fafbf9;color:#171d18}header{height:76px}.page-heading{padding-top:28px}main{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.workspace{border:1px solid #e1e5dd;background:#fff;border-radius:16px;padding:20px}.toolbar{flex-wrap:wrap;margin-bottom:20px}.grid-guide{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:11px;color:#697362;padding:12px 0;border-top:1px solid #edf0e9;border-bottom:1px solid #edf0e9}.grid-guide>span{display:flex;gap:6px;align-items:center}.color-key,.shade-key{display:inline-block;width:12px;height:12px;border-radius:3px;background:#edbf65;border:1px solid #caa151}.shade-key{background:#454b45;border-color:#454b45}.library-heading{margin:20px 0 15px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible;gap:18px;padding:3px}.photo{border:1px solid #dfe4db;border-radius:12px;padding:8px;box-shadow:0 3px 9px #182a1310;contain-intrinsic-size:260px 340px}.photo.active{outline:2px solid #397435;outline-offset:2px}.card-top{display:flex;gap:7px;align-items:center;margin-bottom:8px;height:28px}.photo-select{position:static;width:22px;height:22px;flex:none}.card-name{font-size:10px;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;border:0;flex:1;text-align:left;color:#6c7767;background:none}.card-edit{padding:0 5px;height:26px;letter-spacing:1px;font-size:12px}.card-preview{display:block;width:100%;height:210px;background:#f0f1ed;border-radius:5px;cursor:pointer;touch-action:pan-y}.card-preview.crop-enabled{cursor:grab;touch-action:none}.card-preview.crop-enabled:active{cursor:grabbing}.card-crop{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:8px}.card-crop button{font-size:10px;padding:6px;gap:4px}.card-crop>span{font-size:9px;color:#74806f;text-align:right}.photo-meta{padding:11px 0 2px;gap:8px;flex-direction:row}.photo-meta select{min-width:0;flex:1;border:1px solid #d9dfd4;border-radius:6px;padding:6px 2px;background:#fff;font-size:11px;color:#273723}.qty{border:1px solid #d9dfd4;border-radius:6px;padding:3px;gap:7px}.qty button{background:none}.qty b{font-size:12px}.card-crop-tools{padding:10px 1px 0;display:flex;flex-wrap:wrap;align-items:center;gap:7px}.card-crop-tools small{font-size:10px;color:#6c775f;width:100%}.card-crop-tools label{font-size:10px;display:flex;align-items:center;gap:5px;flex:1;min-width:0}.card-crop-tools input{width:100%;min-width:30px}.card-crop-tools button{font-size:10px;padding:5px}.add-card{min-height:310px;border:1px dashed #bdcdb4;background:#f7faf4;flex-direction:column;text-align:center;color:#4d7543;padding:22px}.add-card b{font-size:16px}.add-card span{font-size:12px;line-height:1.6;color:#84907b}.add-card small{font-size:10px;color:#84907b;margin-top:10px}aside{padding:24px}aside fieldset>label{border-top:1px solid #eef0ea;padding-top:18px;margin-top:18px;font-size:13px}.sizes button{font-size:12px}.modes button{padding:15px 9px;min-height:115px}.modes b{font-size:12px}.modes small{font-size:11px}.advanced-dialog{border:1px solid #d9e0d4;border-radius:18px;padding:24px;width:min(1200px,95vw);max-width:95vw;max-height:94vh;overflow:auto;color:#24301f;background:#fafbf8;box-shadow:0 20px 100px #10200c55}.advanced-dialog::backdrop{background:#14201499;backdrop-filter:blur(3px)}.advanced-dialog .dialog-head{gap:20px;margin-bottom:22px}.advanced-dialog h2{font-size:22px}.advanced-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.advanced-layout .editor canvas{height:410px}.advanced-tools{background:#fff;border:1px solid #e0e6d9;border-radius:12px;padding:18px}.advanced-tools h3{margin:0;font-size:17px}.advanced-tools fieldset>label{margin-top:16px}.advanced-tools .range-label,.advanced-tools .check{display:flex}.advanced-tools .muted{margin-top:18px}.advanced-tools .two-buttons{flex-wrap:wrap}.advanced-dialog .editor-bottom{gap:12px}.advanced-dialog .crop-controls{flex-wrap:wrap}.advanced-dialog .filename{min-width:30%}@media(min-width:1450px){.card-preview{height:260px}.photo{contain-intrinsic-size:300px 390px}}@media(max-width:1150px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:15px}.card-preview{height:220px}.steps{display:none}}@media(max-width:760px){main{display:flex}.workspace{padding:12px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:none}.card-preview{height:170px}.card-crop{flex-wrap:wrap}.card-crop>span{font-size:8px}.photo-meta{flex-direction:column;align-items:stretch}.qty{justify-content:space-around}.photo-meta select{width:100%}.add-card{min-height:290px;padding:10px}.grid-guide{gap:10px;font-size:10px}.grid-guide>span:last-child{display:none}.advanced-layout{grid-template-columns:1fr}.advanced-dialog{padding:14px}.advanced-dialog .dialog-head{align-items:start}.advanced-dialog h2{font-size:17px}.advanced-dialog .dialog-head>button{font-size:11px;padding:9px}.advanced-layout .editor canvas{height:300px}.advanced-tools{padding:15px}.advanced-dialog .editor-bottom{font-size:9px}.library-heading>span{font-size:10px}}main{display:flex;flex-direction:column;max-width:1800px;gap:18px;padding:0 24px 24px}.print-bar{position:sticky;top:0;z-index:8;width:100%;padding:12px 16px;border-radius:12px;background:#fffffff5;backdrop-filter:blur(10px);box-shadow:0 5px 16px #2030200b}.print-bar-heading{display:flex;align-items:center;gap:16px;margin-bottom:9px}.print-bar-heading h2{font-size:16px}.print-bar-heading span{font-size:11px;color:#65745e}.print-bar-heading small{margin-left:auto;color:#6a765f;font-size:10px}.print-controls{display:grid;grid-template-columns:1fr .8fr .8fr 1fr 1.35fr 1.3fr;align-items:end;gap:12px}.print-controls>label{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;border:0;font-size:11px}.print-controls select{width:100%;min-width:0;border:1px solid #d8dfd2;border-radius:7px;padding:7px 6px;background:#fff;color:#263923;font-size:12px}.bar-actions{display:flex;gap:5px}.bar-actions button{padding:8px 6px;font-size:11px;flex:1;gap:4px}.workspace{width:100%;padding:16px}.photo-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.photo{min-width:0;padding:6px;contain-intrinsic-size:180px 260px}.card-preview{height:clamp(135px,13vw,230px)}.card-top{gap:4px}.card-name{font-size:9px}.card-edit{padding:0 3px}.card-crop{flex-wrap:nowrap;gap:3px}.card-crop>span{font-size:9px;display:flex;align-items:center;gap:3px;color:#3b6d32}.card-crop>button{font-size:9px;padding:4px}.card-crop-tools{padding-top:6px;gap:4px;flex-wrap:nowrap}.card-crop-tools button{font-size:9px;padding:4px}.photo-meta{flex-direction:row;align-items:center;gap:4px;padding-top:7px}.photo-meta select{font-size:10px;padding:5px 0;width:55%;min-width:0}.qty{gap:3px;padding:2px}.qty button{padding:1px 3px}.qty b{font-size:10px}.add-card{min-height:255px;padding:12px}.add-card b{font-size:13px}.add-card span{font-size:10px}.summary{display:flex;gap:12px;align-items:center;margin:0;padding:14px 16px;background:#fff;border:1px solid #e1e5dd;border-radius:12px}.summary>div{gap:15px;margin:0;white-space:nowrap}.summary>button{width:auto;margin:0}.summary p{margin:0;flex:1}.library-heading{margin:14px 0}.grid-guide{padding:9px 0}.toolbar{margin-bottom:12px}.card-preview:focus-visible{outline:2px solid #317336;outline-offset:2px}@media(max-width:1100px)and (min-width:900px){main{padding-left:14px;padding-right:14px}.workspace{padding:10px}.photo-grid{gap:9px}.photo-meta{flex-direction:column;align-items:stretch}.photo-meta select{width:100%;font-size:10px}.qty{justify-content:space-around}.card-name{font-size:8px}.print-controls{gap:7px}.bar-actions button{font-size:9px}.bar-actions svg{display:none}}@media(max-width:899px){.photo-grid,.print-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.print-bar{position:static}.card-preview{height:190px}.summary{flex-wrap:wrap}.summary p{flex-basis:100%}.print-bar-heading{flex-wrap:wrap;gap:6px 12px}.print-bar-heading small{margin-left:0}}@media(max-width:520px){main{padding:0 12px 20px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-preview{height:165px}.print-bar{padding:12px}.print-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.print-bar-heading span{font-size:10px}.photo-meta{flex-direction:row}.workspace{padding:10px}.grid-guide>span:last-child{display:none}}.brand{display:flex;align-items:center;gap:0;font-size:32px;letter-spacing:-1.5px;color:#101510}.brand span{color:#101510}.brand em{display:inline!important;font-size:12px;letter-spacing:4px;font-weight:500;margin-left:16px}.studio-tabs{display:flex;justify-content:center;gap:10px;padding:16px}.studio-tabs button{min-width:150px}.print-bar{position:static;backdrop-filter:none}.global-buttons{display:flex;flex-wrap:wrap;gap:18px 26px}.global-buttons>div>label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.option-buttons{display:flex;gap:6px;flex-wrap:wrap}.option-buttons button{font-size:12px;padding:8px 12px}.company-footer{display:block;text-align:center;padding:28px;font-size:12px;color:#62685e;letter-spacing:1px}.photo-meta>.size-text{font-size:10px;color:#626d59}.summary{justify-content:flex-end}.summary>div{margin-right:auto}.summary .primary{font-size:14px;min-width:170px}.calendar-studio{max-width:1600px;margin:auto;padding:0 24px 20px}.calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0 25px}.calendar-heading h1{font-size:28px}.calendar-heading p{color:#78836e;font-size:14px}.calendar-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 245px;gap:22px}.calendar-layout aside{padding:18px;min-width:0}.calendar-layout h2{font-size:20px}.calendar-layout h3{font-size:14px;margin:22px 0 12px}.calendar-layout label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin:15px 0}.calendar-layout input:not([type=range]):not([type=checkbox]),.calendar-layout select,.calendar-layout textarea{width:100%;min-width:0;padding:9px;border:1px solid #dae1d4;border-radius:7px;background:#fff;font:inherit;color:#26351f}.calendar-layout textarea{min-height:75px;resize:vertical}.calendar-options>button{width:100%;margin-bottom:8px;font-size:12px}.calendar-options>small{font-size:10px;line-height:1.5;color:#79876c;display:block;margin:3px 0 12px}.template-list{display:flex;gap:5px}.template-list button{padding:7px 4px;flex:1;display:flex;flex-direction:column;font-size:10px}.template-list i{height:36px;width:28px;border:2px solid;border-radius:3px}.calendar-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:330px;overflow:auto}.calendar-photos button{padding:0;overflow:hidden;border-radius:6px}.calendar-photos img{width:100%;height:60px;object-fit:cover}.calendar-page-title{display:flex;justify-content:space-between;padding:3px 0 15px;color:#556948}.calendar-page-title span{font-size:12px}.calendar-paper{position:relative;margin:0 auto;background:#fff;box-shadow:0 8px 24px #23341e20;max-width:510px;border-radius:5px}.calendar-paper canvas{display:block;width:100%;height:auto;cursor:pointer}.calendar-paper.spiral:before{content:"";position:absolute;left:8%;right:8%;top:-7px;height:22px;background:repeating-linear-gradient(90deg,transparent 0 12px,#a0a199 12px 15px,transparent 15px 27px);border-radius:4px;pointer-events:none}.calendar-framing{display:flex;gap:14px;background:#fff;border:1px solid #e0e6d9;border-radius:10px;margin-top:16px;padding:10px}.calendar-framing label{flex:1;font-size:10px;min-width:0;margin:0}.calendar-framing input{width:100%;min-width:0}.calendar-pages{display:flex;gap:7px;overflow:auto;padding:16px 2px}.calendar-pages button{min-width:65px;padding:5px;display:flex;flex-direction:column;font-size:10px}.calendar-pages img{width:55px;height:42px;object-fit:cover}.event-panel>p{font-size:12px;line-height:1.7;color:#7c8872}.event-panel .check{flex-direction:row;align-items:center}.sticker-options{display:flex;gap:5px;flex-wrap:wrap}.sticker-options button{padding:8px;font-size:20px}.event-panel>.wide{margin-bottom:9px}.calendar-price{display:block;font-size:23px;margin:18px 0}.calendar-layout:disabled{opacity:.7}.calendar-layout .chosen{box-shadow:0 0 0 1px #68975820}@media(max-width:1100px){.calendar-layout{grid-template-columns:175px minmax(0,1fr) 205px;gap:12px}.calendar-layout aside{padding:13px}.calendar-studio{padding:0 14px 20px}.brand{font-size:28px}.brand em{font-size:10px;letter-spacing:3px}.calendar-heading h1{font-size:24px}}@media(max-width:760px){.calendar-layout{grid-template-columns:1fr}.calendar-options{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.calendar-options h2,.calendar-options h3,.calendar-options .template-list,.calendar-options .calendar-photos,.calendar-options>small{grid-column:1/-1}.calendar-options .calendar-photos{grid-template-columns:repeat(6,1fr)}.calendar-paper{max-width:420px}.event-panel{width:100%}.calendar-heading{align-items:start;flex-direction:column;padding-top:10px}.calendar-heading p{margin-bottom:0}.global-buttons{gap:14px}.option-buttons button{font-size:11px;padding:8px}.brand{font-size:25px}.brand em{font-size:9px;letter-spacing:2px;margin-left:10px}header{gap:15px}.studio-tabs button{min-width:0;font-size:12px}.company-footer{font-size:11px}}.apply-all{margin-top:16px}.card-size{display:flex;flex-direction:column;gap:4px;min-width:0}.card-size>span{font-size:11px;color:#647067}.card-size select{width:100%;min-width:0;padding:6px 3px;font:inherit;font-size:12px;border:1px solid #dce3dd;border-radius:6px;background:#fff}.photo-meta{gap:6px}.size-breakdown{display:flex;flex-wrap:wrap;gap:8px;flex:1}.size-breakdown span{font-size:12px;background:#eff5ef;border:1px solid #dbe6dc;padding:7px 10px;border-radius:8px}.advanced-tools .global-buttons{display:flex;flex-direction:column;gap:13px}.advanced-tools .option-buttons{flex-wrap:wrap}.advanced-tools .option-buttons button{padding:8px 10px;font-size:12px}.detail-qty{display:flex;align-items:center;gap:12px;margin:16px 0}.detail-qty input{width:75px;padding:8px;border:1px solid #dce3dd;border-radius:6px}.advanced-tools{overflow-y:auto}.summary{flex-wrap:wrap}@media(max-width:600px){.size-breakdown{flex-basis:100%;order:0}.summary .primary{flex:1}}.calendar-paper{width:fit-content;max-width:100%;margin:0 auto}.calendar-paper canvas{display:block;width:auto;max-width:100%;height:auto;max-height:62vh}.calendar-heading{padding:12px 0}.calendar-framing{flex-wrap:wrap}.calendar-framing button{font-size:12px;padding:7px 10px}.calendar-pages{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:6px;padding:10px 0}.calendar-pages button{flex:0 0 65px;min-width:65px}.saved-events{display:flex;flex-direction:column;gap:6px;margin-top:12px}.saved-events button{text-align:left;font-size:12px}@media(min-width:1000px){.calendar-layout{grid-template-columns:230px minmax(0,1fr) 260px}.calendar-options,.event-panel{max-height:78vh;overflow:auto}.calendar-heading h1{font-size:24px}.calendar-heading p{margin-bottom:8px}}@media(max-width:700px){.calendar-paper canvas{max-height:65vh}.calendar-pages{max-width:90vw}}.calendar-studio,.calendar-center,.calendar-paper{background:#fff}.page-design-tools,.layer-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.layer-settings{padding:10px;border:1px solid #dce3dd;border-radius:8px;margin-bottom:16px}.layer-settings button{margin:4px 0}.layer-settings small{display:block}.calendar-options input[type=color],.layer-settings input[type=color]{height:36px;padding:3px}.layout-presets{display:flex;gap:8px;margin-bottom:12px}.layout-presets button[aria-pressed=true]{background:#edf4eb;border-color:#397435}.calendar-heading .saved small{display:block;margin-top:5px;font-size:11px}.date-range{font-size:13px;color:#52634e}.calendar-center{min-width:0}.calendar-pages button{flex-basis:85px}.design-approval{margin:16px 24px;padding:16px;border:1px solid #d9e2d5;border-radius:10px;background:#f8faf7;font-size:14px;line-height:1.6}.design-approval label{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;cursor:pointer;margin:0!important;font-weight:400!important;font-size:14px!important}.design-approval input[type=checkbox]{flex:0 0 auto;width:20px!important;height:20px!important;margin:3px 0 0!important;accent-color:#3f752f}.design-approval strong{display:block;font-size:15px;margin-bottom:4px}.design-approval small{display:block;margin:8px 0 0 32px;color:#53614c;font-size:12px}.event-panel .design-approval{margin:16px 0;padding:12px}.design-approval input:focus-visible{outline:3px solid #337333;outline-offset:3px}.option-buttons button:disabled{cursor:not-allowed;opacity:.4}.book-top:has(button:disabled)+.design-approval{max-width:1100px}.asset-tile{position:relative;min-width:0}.asset-tile>button:first-child{width:100%;padding:0}.book-images .asset-tile>button:first-child{height:85px}.asset-remove,.book-images .asset-remove,.calendar-photos .asset-remove,.card-top .photo-remove{position:absolute;right:5px;top:5px;width:28px;height:28px;min-width:28px;padding:0;border:1px solid #ddd;border-radius:50%;background:#fff;color:#b52b32;font-size:23px;line-height:24px;z-index:5;box-shadow:0 1px 5px #0002}.card-top{position:relative;padding-right:38px}.asset-remove:hover,.photo-remove:hover,.layer-remove:hover{background:#ffe8e9}.calendar-photos .asset-tile>button:first-child{height:70px}.asset-tile img{width:100%;height:100%;object-fit:contain}.layer-remove,.layer-resize{position:absolute!important;width:28px!important;height:28px!important;min-width:28px;padding:0!important;line-height:24px!important;font-size:20px!important;border:1px solid #ddd!important;background:#fff!important;color:#222!important;z-index:30;box-shadow:0 1px 4px #0003;touch-action:none}.layer-remove{right:2px;top:2px;border-radius:50%;color:#b52b32!important}.layer-resize{bottom:2px;right:2px;cursor:nwse-resize;border-radius:5px}.book-layer{touch-action:none}.calendar-paper{position:relative}.calendar-selection{position:absolute;border:2px solid #438b44;pointer-events:none;box-sizing:border-box}.calendar-selection>button{pointer-events:auto}.template-list{flex-wrap:wrap}.template-list>button{flex:1 0 28%}.layout-presets{flex-wrap:wrap}.layout-style{display:flex;align-items:center;gap:12px;margin:8px 0}.layout-style select{max-width:220px}.asset-remove:focus-visible,.layer-remove:focus-visible,.layer-resize:focus-visible{outline:3px solid #226d36;outline-offset:2px}.remove-confirm{border:1px solid #dce3dd;border-radius:16px;padding:26px;max-width:min(440px,90vw);box-shadow:0 20px 80px #0003}.remove-confirm::backdrop{background:#10201880}.remove-confirm h2{font-size:22px}.remove-confirm p{line-height:1.6;margin:18px 0}.remove-confirm>div{display:flex;justify-content:flex-end;gap:12px}.remove-confirm .danger{background:#b52b32;color:#fff;border-color:#b52b32}.upload-activity{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:24px;width:min(510px,calc(100vw - 28px));padding:22px 26px;background:#fff;border:1px solid #dce8dc;border-radius:20px;box-shadow:0 12px 60px #183b2330;pointer-events:none;animation:upload-enter .25s ease-out}.upload-activity strong{font-size:18px;color:#183c25}.upload-activity p{font-size:13px;margin:7px 0;color:#42594b}.upload-activity small{font-size:11px;color:#718078}.upload-art{position:relative;width:80px;height:78px;flex:none}.upload-art i{position:absolute;left:18px;top:14px;width:43px;height:52px;border:4px solid white;background:#f5ba61;color:#fff;text-align:center;font-size:32px;font-style:normal;box-shadow:0 3px 10px #193b2820;animation:photo-float 2.4s ease-in-out infinite}.upload-art i:nth-child(1){transform:rotate(-17deg);left:0;background:#ef8798;animation-delay:-.8s}.upload-art i:nth-child(2){transform:rotate(15deg);left:35px;background:#61bbcc;animation-delay:-1.6s}.upload-art span{position:absolute;right:0;bottom:0;background:#347841;color:#fff;border:3px solid white;border-radius:50%;height:30px;width:30px;text-align:center;font-size:22px}.upload-track{height:4px;background:#eaf1eb;overflow:hidden;border-radius:10px;margin:12px 0}.upload-track span{display:block;height:100%;width:35%;border-radius:10px;background:#4b9155;animation:upload-flow 1.6s ease-in-out infinite}@keyframes upload-flow{0%{transform:translate(-110%)}to{transform:translate(390%)}}@keyframes photo-float{50%{translate:0 -9px}}@keyframes upload-enter{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.upload-activity,.upload-art i,.upload-track span{animation:none}.upload-track span{width:100%;opacity:.5}}@media(max-width:500px){.upload-activity{gap:14px;padding:16px;bottom:12px}.upload-art{width:70px}.upload-activity strong{font-size:16px}}.page-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px auto 12px;width:100%;max-width:620px}.page-navigation>span{display:flex;flex-direction:column;text-align:center;gap:4px;font-size:13px;color:#25442d}.page-navigation small{color:#748078;font-size:11px}.page-navigation button{min-height:44px;white-space:nowrap}.page-navigation button:focus-visible{outline:3px solid #438b44;outline-offset:3px}@media(max-width:480px){.page-navigation{gap:6px}.page-navigation button{font-size:11px;padding:10px 8px}.page-navigation>span{font-size:11px}}.studio-home{display:inline-flex;align-items:center;min-height:44px;margin:10px 24px 0;padding:8px 16px;border:1px solid #dce5dc;border-radius:10px;color:#25442d;background:#fff;text-decoration:none;font-weight:600}.canvas-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 18px}.canvas-actions button{min-height:44px}.canvas-actions+.calendar-page-title{margin-top:12px}@media(max-width:760px){.book-workspace{display:flex;flex-direction:column;min-height:0}.book-desk{order:0;padding:20px 12px}.book-library{order:1;border:0}.book-tools{order:2}.book-sheet:only-child{width:96%;max-width:500px}.book-images{grid-template-columns:repeat(4,minmax(0,1fr));max-height:220px;overflow:auto}.calendar-layout{display:flex;flex-direction:column}.calendar-center{order:0}.calendar-options{order:1}.event-panel{order:2}.calendar-framing{flex-wrap:wrap}.calendar-paper canvas{max-height:60vh}.calendar-heading h1{font-size:22px}.calendar-heading{gap:10px}.calendar-heading p{font-size:13px}.layer-resize,.layer-remove{width:36px!important;height:36px!important;min-width:36px;font-size:23px!important}.canvas-actions{gap:6px}.canvas-actions>.primary{flex-basis:100%}.studio-tabs{overflow:auto;justify-content:flex-start;padding:12px;gap:6px}.studio-tabs button{flex:none;min-height:44px}.studio-home{margin-left:12px}.book-top{padding:12px;gap:10px}.book-top>input{width:100%;max-width:none;font-size:17px}.calendar-layout input,.calendar-layout select,.calendar-layout textarea,.book-tools textarea,.book-tools select{font-size:16px}.book-page-title{margin-bottom:12px}.page-navigation{margin-top:14px}.book-hint{margin-top:12px}.book-layer.selected{outline-width:3px}}.book-studio{background:#fff;color:#202520}.book-top,.book-options{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid #e5e8e4;flex-wrap:wrap}.book-top>input{font-size:20px;font-weight:600;max-width:260px}.book-top>span{margin-right:auto;font-size:12px;color:#667468}.book-options{background:#fafbf9;margin:0}.book-options label{display:flex;gap:8px;align-items:center}.book-options input{width:60px}.book-options>span{font-size:13px}.book-workspace{display:grid;grid-template-columns:220px minmax(350px,1fr) 230px;min-height:650px}.book-library,.book-tools{padding:20px;border:0;margin:0;background:#fff}.book-library{border-right:1px solid #e5e8e4}.book-library h2,.book-tools h2{font-size:18px}.book-library p,.book-library small{display:block;font-size:12px;line-height:1.6;color:#6b746c;margin:12px 0}.book-images{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.book-images button{padding:0;height:85px;overflow:hidden}.book-images img{width:100%;height:100%;object-fit:contain}.book-desk{background:#eff1ee;padding:30px 28px;display:flex;flex-direction:column;justify-content:center;min-width:0}.book-page-title{text-align:center;font-size:14px;margin-bottom:22px}.book-spread{display:flex;justify-content:center;align-items:center;max-width:100%;filter:drop-shadow(0 12px 20px #14211418)}.book-sheet{position:relative;container-type:inline-size;width:50%;flex-shrink:1;max-width:500px;overflow:hidden;box-shadow:0 0 0 1px #ddd}.book-sheet:only-child{width:85%}.book-sheet.active{outline:2px solid #74a05a;outline-offset:3px}.book-safe{position:absolute;inset:5%;border:1px dashed #9eaa9d;pointer-events:none;z-index:20}.book-layer{position:absolute;touch-action:none;cursor:move;overflow:hidden;line-height:1.25;font-family:Arial,sans-serif;white-space:normal;overflow-wrap:normal}.book-layer.selected{outline:2px solid #409360;z-index:21}.book-layer img{width:100%;height:100%;pointer-events:none}.book-layer span{pointer-events:none}.book-empty{position:absolute;inset:35% 10%;text-align:center;color:#8a978a;font-size:16px;pointer-events:none}.book-empty small{font-size:11px}.book-hint{font-size:12px;color:#647063;text-align:center;margin-top:24px}.book-tools>fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}.book-tools label{display:block;font-size:13px;margin:10px 0}.book-tools input[type=range],.book-tools select,.book-tools textarea{width:100%}.book-tools textarea{min-height:90px}.book-layouts,.book-stickers{display:flex;gap:6px;flex-wrap:wrap}.book-stickers button{font-size:22px;color:#da5768}.book-pages{display:flex;gap:10px;overflow:auto;padding:18px 24px;border-top:1px solid #e1e6df}.book-pages button{display:flex;flex-direction:column;font-size:12px;min-width:64px;gap:7px}.book-pages span{display:block;height:55px;width:45px;border:1px solid #ddd}.book-pages img{width:100%;height:100%;object-fit:contain}.is-preview .book-library,.is-preview .book-tools{display:none}.is-preview{grid-template-columns:1fr}.is-preview .book-layer{cursor:default}.is-preview .book-sheet.active{outline:0}@media(max-width:1100px){.book-workspace{grid-template-columns:160px minmax(240px,1fr) 185px}.book-library,.book-tools{padding:12px}.book-desk{padding:20px 15px}}@media(max-width:760px){.book-workspace{display:flex;flex-direction:column}.book-desk{order:0;min-height:380px}.book-library{order:1}.book-tools{order:2}.book-images{display:flex;overflow:auto}.book-images button{min-width:75px}.book-top,.book-options{padding:12px;gap:10px}.book-sheet:only-child{max-width:350px}.book-spread{min-height:260px}.book-tools>fieldset{grid-template-columns:1fr 1fr}}.book-top input,.book-options input,.book-options select,.book-tools select,.book-tools textarea{font:inherit;border:1px solid #dce2d9;border-radius:9px;padding:9px 11px;background:#fff;color:#243126}.book-top a{color:#496b40;text-decoration:none;font-size:13px}.book-tools h3{font-size:15px;margin:15px 0 5px}.book-tools input[type=color]{width:42px;height:30px;padding:2px;border:1px solid #dce2d9;border-radius:7px;margin-left:8px}.book-options select{max-width:330px}.book-library h2{margin-bottom:15px}.book-page-title{font-weight:600}.book-sheet+.book-sheet{box-shadow:inset 10px 0 15px -12px #0005,0 0 0 1px #ddd}.is-preview .book-hint{visibility:hidden}.book-check-bar{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid #e1e6df;flex-wrap:wrap}.book-check-bar span{font-size:13px;color:#65715f}.book-checks{margin:16px 24px;padding:20px;border:1px solid #dce5d6;border-radius:12px;background:#fafbf8}.book-checks h2{font-size:20px}.book-checks p{font-size:13px}.book-checks ul{max-height:240px;overflow:auto;padding-left:20px}.book-checks li{margin:6px 0}.book-checks li button{text-align:left;font-size:13px;background:transparent}.book-checks .error button{color:#b42d35}.book-checks .warning button{color:#7d5a21}.book-checks>label{display:flex;gap:10px;align-items:center;font-size:14px}.book-alternatives{display:grid;gap:6px}.book-alternatives button{font-size:12px}.book-desk{justify-content:flex-start}.book-spread{flex-shrink:0}.book-page-title{margin-top:12px}.book-auto-panel{display:grid;gap:8px;margin:12px 0;padding:14px;border:1px solid #dce5d8;border-radius:12px;background:#f8faf6}.book-auto-panel h3{font-size:15px;margin:0 0 3px}.book-auto-panel label,.book-sort{display:grid;gap:5px;font-size:12px;color:#566453}.book-auto-panel select,.book-sort select{width:100%;font:inherit;border:1px solid #dce2d9;border-radius:8px;padding:8px;background:#fff;color:#243126}.book-auto-panel small{font-size:11px;line-height:1.5;color:#6b746c}.book-auto-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}.book-library>small{margin:8px 0}.book-library h2 small{font-size:12px;color:#718070;font-weight:400}.book-pages .book-spread-thumb{display:flex;width:auto;height:58px;border:0;background:transparent;gap:2px}.book-spread-thumb i{position:relative;display:block;width:38px;height:56px;overflow:hidden;border:1px solid #d7ddd5;box-shadow:0 1px 3px #00000012}.book-spread-thumb img{width:100%;height:100%;object-fit:cover}.book-pages button.chosen .book-spread-thumb i{border-color:#61954c}
