.acl-main{--acl-slot-gap:8px}.acl-artframe[data-finish="photo-print"]{padding:0;background:#fff0;box-shadow:0 18px 40px -16px rgb(40 32 22 / .25)}.acl-artframe[data-finish="photo-print"] .acl-artinner{background:#efeae0;padding:0}.acl-artframe[data-finish="canvas"]{padding:0;background:#fff0;box-shadow:0 18px 40px -14px rgb(40 32 22 / .3),inset 0 0 0 1px rgb(0 0 0 / .04)}.acl-artframe[data-finish="canvas"] .acl-artinner{background:#efeae0;padding:0}.acl-artframe[data-finish="framed"]{padding:28px;box-shadow:0 30px 60px -20px rgb(40 32 22 / .35),0 10px 20px -8px rgb(40 32 22 / .25)}.acl-artframe[data-finish="framed"] .acl-artinner{background:#fbfaf6;padding:12px}.acl-no-template{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:repeating-linear-gradient(45deg,transparent 0 10px,rgb(0 0 0 / .02) 10px 11px);border:1.5px dashed var(--line-2);border-radius:4px;padding:32px;color:var(--ink-3);text-align:center}.acl-no-template-icon{color:var(--ink-3)}.acl-no-template-title{font-family:var(--serif);font-size:24px;color:var(--ink);font-weight:400;letter-spacing:-.01em}.acl-no-template-sub{font-size:12px;color:var(--ink-3);line-height:1.4;max-width:260px}.acl-slots{position:absolute;top:calc(var(--acl-slot-gap) / 2);right:calc(var(--acl-slot-gap) / 2);bottom:calc(var(--acl-slot-gap) / 2);left:calc(var(--acl-slot-gap) / 2)}.acl-slot{position:absolute;cursor:pointer;overflow:hidden;transition:opacity .12s}.acl-slot::before{content:'';position:absolute;top:calc(var(--acl-slot-gap) / 2);right:calc(var(--acl-slot-gap) / 2);bottom:calc(var(--acl-slot-gap) / 2);left:calc(var(--acl-slot-gap) / 2);background:rgb(20 14 6 / .04);box-shadow:inset 0 0 0 1px rgb(20 14 6 / .06);pointer-events:none;transition:background .15s,box-shadow .15s;z-index:0}.acl-slot:hover::before{background:rgb(122 90 52 / .06);box-shadow:inset 0 0 0 1.5px var(--accent)}.acl-slot.is-filled{cursor:default}.acl-slot.is-filled::before{background:#fff0;box-shadow:inset 0 0 0 1px rgb(20 14 6 / .04)}.acl-slot.is-drop-target::before{background:rgb(122 90 52 / .12);box-shadow:inset 0 0 0 2px var(--accent)}.acl-slot-drop{position:absolute;top:calc(var(--acl-slot-gap) / 2);right:calc(var(--acl-slot-gap) / 2);bottom:calc(var(--acl-slot-gap) / 2);left:calc(var(--acl-slot-gap) / 2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;color:var(--ink-3);text-align:center;padding:8px;z-index:1}.acl-slot-drop-icon svg{display:block}.acl-slot-drop-label{font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--ink-2);text-transform:uppercase}.acl-slot-drop-sub{font-size:10px;color:var(--ink-3)}.acl-slot-img{position:absolute;top:calc(var(--acl-slot-gap) / 2);left:calc(var(--acl-slot-gap) / 2);width:calc(100% - var(--acl-slot-gap));height:calc(100% - var(--acl-slot-gap));object-fit:cover;display:block;pointer-events:none;z-index:1}.acl-slot-overlay{position:absolute;top:calc(var(--acl-slot-gap) / 2);left:calc(var(--acl-slot-gap) / 2);width:calc(100% - var(--acl-slot-gap));height:calc(100% - var(--acl-slot-gap));display:none;align-items:center;justify-content:center;gap:6px;background:rgb(20 14 6 / .55);backdrop-filter:blur(2px);z-index:2}.acl-slot.is-filled:hover .acl-slot-overlay{display:flex}.acl-slot-action{display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;background:#fff0;border-radius:var(--radius);font-size:10px;font-weight:500;color:#fff;min-width:50px;cursor:pointer;line-height:1}.acl-slot-action svg{display:block}.acl-photo-tray{margin-top:14px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.acl-photo-tray-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.acl-photo-tray-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-weight:600}.acl-photo-tray-help{font-size:11px;color:var(--ink-3)}.acl-photo-tray-list{display:flex;gap:8px;flex-wrap:wrap}.acl-photo-tray-item{width:56px;height:56px;border-radius:4px;overflow:hidden;border:1px solid var(--line);background:var(--bg-sunk);cursor:grab;position:relative;transition:border-color .12s,transform .12s,opacity .12s}.acl-photo-tray-item:hover{border-color:var(--accent);transform:translateY(-1px)}.acl-photo-tray-item:active{cursor:grabbing}.acl-photo-tray-item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.acl-photo-tray-item.is-dragging{opacity:.4;cursor:grabbing}.acl-photo-tray-item.is-drop-before::before{content:'';position:absolute;left:-5px;top:0;bottom:0;width:3px;background:var(--accent);border-radius:2px}.acl-photo-tray-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgb(20 14 6 / .7);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;padding:0;opacity:0;transition:opacity .12s,background .12s,transform .12s;z-index:2}.acl-photo-tray-item:hover .acl-photo-tray-remove,.acl-photo-tray-remove:focus-visible{opacity:1}.acl-photo-tray-remove:hover{background:var(--danger);transform:scale(1.08)}.acl-photo-tray-remove svg{width:10px;height:10px;stroke:currentColor}.acl-photo-tray-empty{font-size:12px;color:var(--ink-3);font-style:italic}.acl-template-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.acl-template-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 8px 8px;cursor:pointer;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex;flex-direction:column;gap:6px;align-items:center}.acl-template-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.acl-template-card.is-on{border-color:var(--ink);background:var(--bg-sunk);box-shadow:var(--shadow-sm)}.acl-template-preview{width:100%;aspect-ratio:1 / 1;background:#fff;border-radius:3px;position:relative;overflow:hidden}.acl-template-preview-slot{position:absolute;background:var(--ink-3);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .5)}.acl-template-card.is-on .acl-template-preview-slot{background:var(--ink)}.acl-template-name{font-size:11px;color:var(--ink-2);font-weight:500;text-align:center;line-height:1.2}.acl-template-slots-count{font-size:10px;color:var(--ink-3);text-align:center}.acl-pending-pill{margin:8px 0 0;align-self:flex-start}.acl-size-row{display:inline-flex;align-items:center}.acl-size-select{min-width:140px}.acl-variant-bar-swatches{padding:4px}.acl-swatch-seg{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px}.acl-swatch-chip{display:inline-block;width:24px;height:24px;border-radius:50%;box-shadow:0 1px 2px rgb(0 0 0 / .15)}.acl-swatch-seg .atl-seg-label{font-size:11px;line-height:1}.acl-swatch-seg .atl-seg-note{font-size:10px;line-height:1}.acl-title{font-size:36px}@media (max-width:820px){.acl-grid{grid-template-columns:1fr;gap:24px}.acl-preview{position:static}.acl-template-gallery{grid-template-columns:repeat(2,1fr)}.acl-title{font-size:28px}}