.canvas-page{background:var(--c-beige);min-height:80vh;color:var(--c-ink);font-family:var(--f-ui)}.canvas-shell{width:100%;max-width:1440px;margin-inline:auto}.canvas-head{background:var(--c-paper);border-bottom:1px solid var(--c-line);align-items:center;gap:14px;min-height:66px;padding:14px 60px;display:flex}.canvas-head button{width:36px;height:36px;color:var(--c-olive);background:var(--c-paper);border:1px solid var(--c-line);cursor:pointer;border-radius:50%;place-items:center;padding:0 0 3px;font-size:29px;line-height:1;display:grid}.canvas-head strong{color:var(--c-olive-ink);flex:1;font-size:17px;font-weight:600}.canvas-head span{color:var(--c-ink-2);font-size:14px}.canvas-builder{padding:48px 60px 0}.canvas-controls{flex-direction:column;gap:24px;max-width:900px;margin-inline:auto;display:flex}.canvas-controls h1,.canvas-controls h2,.canvas-checkout h1{color:var(--c-olive);font-family:var(--f-display);margin:0;font-weight:500}.canvas-controls h1,.canvas-checkout h1{font-size:44px;line-height:1.1}.canvas-controls h2{font-size:25px}.canvas-controls fieldset{border:0;margin:0;padding:0}.canvas-controls legend{color:var(--c-ink-2);margin-bottom:10px;font-size:14px}.canvas-sizes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.canvas-sizes button{min-height:58px;color:var(--c-ink-2);border:var(--stroke) solid var(--c-line-2);border-radius:var(--radius);font:16px var(--f-ui);cursor:pointer;background:0 0;padding:8px 12px}.canvas-sizes button small{color:inherit;opacity:.78;margin-top:3px;font-size:12px;display:block}.canvas-sizes button.is-active{color:var(--c-paper);background:var(--c-olive);border-color:var(--c-olive)}.canvas-photo{border:1px solid var(--c-line);border-radius:var(--radius);width:100%;height:auto;display:block}.canvas-uploadHead{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.canvas-uploadHead p{color:var(--c-ink-2);margin:5px 0 0;font-size:14px}.canvas-uploadHead label{min-height:50px;color:var(--c-olive-ink);border:var(--stroke) solid var(--c-olive);border-radius:var(--radius);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0 20px;font-weight:500;display:inline-flex}.canvas-uploadHead label.is-disabled{opacity:.52;cursor:wait}.canvas-uploadHead input,.canvas-empty input{opacity:0;pointer-events:none;position:absolute}.canvas-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.canvas-grid article{aspect-ratio:1;background:var(--c-sand);border:1px solid var(--c-line);border-radius:2px;position:relative;overflow:hidden}.canvas-grid__shot{object-fit:cover;width:100%;height:100%;display:block}.canvas-grid__remove{width:22px;height:22px;color:var(--c-paper);cursor:pointer;background:#2e2a22b8;border:0;border-radius:50%;padding:0;font-size:17px;position:absolute;top:5px;left:5px}.canvas-grid em{color:var(--c-ink);background:#c57f4af0;padding:4px 6px;font-size:11px;font-style:normal;position:absolute;inset:auto 0 0}.canvas-empty{background:var(--c-paper);border:1px dashed var(--c-caramel);border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;display:flex}.canvas-empty>span{color:var(--c-olive);font-size:34px;font-weight:300}.canvas-empty b{color:var(--c-olive-ink);font-size:16px;font-weight:500}.canvas-empty small{color:var(--c-ink-3)}.canvas-about{border-top:1px solid var(--c-line);padding:22px 0}.canvas-about p{max-width:720px;color:var(--c-ink-2);margin:8px 0 0;font-size:15px;line-height:1.65}.canvas-actions{z-index:8;background:var(--c-paper);border-top:1px solid var(--c-line-3);width:calc(100% + 120px);box-shadow:var(--sh-sticky);justify-content:flex-end;align-items:center;gap:24px;margin:24px 0 0 -60px;padding:14px 60px;display:flex;position:sticky;bottom:0}.canvas-actions>div{flex-direction:column;gap:2px;display:flex}.canvas-actions b{color:var(--c-olive);font:500 24px/1 var(--f-display)}.canvas-actions span{color:var(--c-ink-3);font-size:13px}.canvas-actions button{min-height:50px;color:var(--c-paper);background:var(--c-wine);border-radius:var(--radius);font:500 16px var(--f-ui);letter-spacing:.04em;cursor:pointer;border:0;padding:0 28px}.canvas-actions button:disabled{color:var(--c-disabled-ink);background:var(--c-disabled-bg);cursor:not-allowed}.canvas-error{color:var(--c-danger-ink);background:var(--c-danger-bg);border:1px solid var(--c-danger);border-radius:var(--radius);margin:24px 60px 0;padding:15px 18px}.canvas-checkout{max-width:1040px;margin-inline:auto;padding:48px 60px 96px}.canvas-checkout>div:first-child{margin-bottom:30px}.canvas-checkout>div:first-child p{color:var(--c-caramel-ink);letter-spacing:.26em;text-transform:uppercase;margin:0 0 10px;font-size:10px}.canvas-checkout>div:first-child span{color:var(--c-ink-2);margin-top:12px;display:block}.canvas-head button:focus-visible,.canvas-sizes button:focus-visible,.canvas-grid button:focus-visible,.canvas-uploadHead label:focus-within,.canvas-empty:focus-within,.canvas-actions button:focus-visible{box-shadow:var(--focus-ring);outline:0}@media (max-width:760px){.canvas-head{background:0 0;min-height:64px;padding:14px 20px}.canvas-head span{font-size:13px}.canvas-builder{padding:20px 20px 0}.canvas-controls{gap:22px}.canvas-controls h1,.canvas-checkout h1{font-size:28px}.canvas-controls h2{font-family:var(--f-ui);color:var(--c-olive-ink);font-size:18px;font-weight:600}.canvas-sizes{gap:8px}.canvas-sizes button{min-height:56px;padding-inline:6px;font-size:14px}.canvas-photo{border-inline:0;border-radius:0;width:calc(100% + 40px);margin-left:-20px}.canvas-uploadHead{flex-direction:column;align-items:stretch}.canvas-uploadHead label{width:100%}.canvas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-about{padding-bottom:10px}.canvas-actions{justify-content:space-between;gap:14px;width:calc(100% + 40px);margin:22px 0 0 -20px;padding:14px 20px}.canvas-actions button{flex:1;padding-inline:16px}.canvas-checkout{padding:20px 20px 36px}.canvas-error{margin:14px 20px 0}}@media (max-width:1023.98px){.canvas-actions{bottom:var(--stab-h)}}@media (max-width:390px){.canvas-head{gap:10px;padding-inline:14px}.canvas-head strong{font-size:16px}.canvas-head span{font-size:12px}.canvas-builder,.canvas-checkout{padding-inline:14px}.canvas-photo{width:calc(100% + 28px);margin-left:-14px}.canvas-actions{width:calc(100% + 28px);margin-left:-14px;padding-inline:14px}}