.dl{--ink:#111;--soft:#f5f4f1;--line:#deddd8;background:#fff;color:var(--ink)}.dl *{box-sizing:border-box}.dlw{width:min(1160px,calc(100% - 30px));margin:auto;padding:48px 0 76px}.ey{text-align:center;font:900 12px/1 sans-serif;letter-spacing:.16em}.dl h1{font-size:clamp(38px,6vw,70px);line-height:.94;letter-spacing:-.045em;text-align:center;max-width:1000px;margin:12px auto;font-weight:900}.lede{max-width:760px;text-align:center;margin:18px auto 28px;color:#5a5a5a;font-size:18px}.creator{max-width:900px;margin:auto}.search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:2px solid #111;border-radius:999px;padding:8px 8px 8px 18px}.search input{border:0;outline:0;font:inherit;font-size:18px}.search button,.add{border:0;background:#111;color:#fff;border-radius:999px;padding:15px 22px;font-weight:900}.chips{margin:12px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chips b{font-size:11px}.chips button,.choose button,.choose label{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:9px 13px;cursor:pointer;font-weight:700}.choose{display:flex;justify-content:center;gap:10px;margin:18px 0}.results{margin:18px 0}.rhead{display:flex;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.thumb{aspect-ratio:1;background:#eee}.thumb img{width:100%;height:100%;object-fit:cover}.use{width:100%;border:0;background:#111;color:#fff;padding:9px;font-weight:900}.notice{padding:14px;background:#fff3d7;border-radius:12px}.builder{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;margin-top:38px;align-items:start}.preview,.buy{border:1px solid var(--line);border-radius:22px;overflow:hidden}.phead{display:flex;justify-content:space-between;padding:14px 16px;font-size:11px;letter-spacing:.08em}.stagewrap{display:grid;grid-template-columns:1fr 112px;background:#f1f0ed}.stageviewport{position:relative;overflow:hidden;aspect-ratio:4/3}.stage{position:absolute;inset:0;transform:scale(var(--preview-zoom,1));transform-origin:center center;transition:transform .12s ease}.hat{width:100%;height:100%;object-fit:contain}.drop{position:absolute;left:49.5%;top:42.5%;width:18%;aspect-ratio:1;display:grid;place-items:center;overflow:visible;transform:translate(-50%,-50%);pointer-events:none}.drop img{width:100%;height:100%;object-fit:contain;transform:scale(var(--scale,1));transform-origin:center;display:block}.drop span{text-align:center;font-weight:900;opacity:.2}.slots{padding:10px 9px;display:flex;flex-direction:column;gap:9px;background:#fff;border-left:1px solid var(--line)}.slot{background:#fff;border:2px solid var(--line);border-radius:12px;padding:6px;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.slot.active{border-color:#111;box-shadow:0 0 0 2px #1111}.slotnum{font-size:9px;font-weight:900}.slotthumb{width:48px;height:48px;display:grid;place-items:center;margin:3px;background:var(--soft);border-radius:8px;overflow:hidden;font-size:22px}.slotthumb img{width:100%;height:100%;object-fit:contain}.slotprice{font-size:9px;font-weight:900}.previewtools,.controls{padding:13px 15px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.previewtools{border-top:1px solid var(--line);background:#fafafa}.previewtools button,.controls button,.dl-crop-tools button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-weight:800;cursor:pointer}.previewtools label,.controls label{font-size:11px;font-weight:900;display:flex;gap:8px;align-items:center}.previewtools input{width:150px}.controls input{width:170px}.previewtools b,.controls label b{font-size:11px;min-width:42px}.remove{margin-left:auto;color:#777}.buy{padding:27px;position:sticky;top:20px}.buy h2{font-size:36px;line-height:1;margin:8px 0}.field{display:block;font-weight:900;margin:22px 0}.field select{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid var(--line);border-radius:12px}.summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.summary div{display:flex;justify-content:space-between;padding:5px 0;font-size:13px}.rights{display:grid;grid-template-columns:auto 1fr;gap:9px;font-size:12px;color:#555;margin:20px 0}.add{width:100%;display:flex;justify-content:space-between}.micro{text-align:center;font-size:11px;color:#777}.dl-crop-overlay[hidden]{display:none!important}.dl-crop-overlay{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:18px}.dl-crop-dialog{width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:20px;padding:22px}.dl-crop-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dl-crop-head h2{margin:0;font-size:26px;line-height:1}.dl-crop-close{border:0;background:transparent;font-size:30px;cursor:pointer}.dl-crop-help{margin:8px 0 14px;color:#666;font-size:13px}.dl-crop-canvaswrap{width:min(500px,100%);aspect-ratio:1;margin:auto;background:#eee;border-radius:14px;overflow:hidden;touch-action:none}.dl-crop-canvas{width:100%;height:100%;display:block;cursor:grab}.dl-crop-canvas.dragging{cursor:grabbing}.dl-crop-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}.dl-crop-tools label{font-size:11px;font-weight:900;display:flex;align-items:center;gap:8px}.dl-crop-tools input{width:180px}.dl-crop-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dl-crop-actions button{border-radius:999px;padding:13px 18px;font-weight:900;cursor:pointer}.dl-crop-apply{border:0;background:#111;color:#fff}.dl-crop-cancel{border:2px solid #111;background:#fff;color:#111}@media(max-width:900px){.builder{grid-template-columns:1fr}.buy{position:static}.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.dlw{width:calc(100% - 20px)}.stagewrap{grid-template-columns:1fr}.stageviewport{aspect-ratio:1}.slots{border-left:0;border-top:1px solid var(--line);flex-direction:row;overflow:auto}.slot{min-width:92px}.search{grid-template-columns:auto 1fr;border-radius:18px}.search button{grid-column:1/-1;width:100%;border-radius:12px}.chips{flex-wrap:nowrap;overflow:auto}.grid{grid-template-columns:repeat(2,1fr)}.previewtools input,.controls input{width:130px}.dl-crop-dialog{padding:18px 14px}.dl-crop-actions{grid-template-columns:1fr}}
.dl.dl .drop{left:49.5%!important}.dl .dl-fc-box{overflow:visible!important}.dl .dl-fc-h{display:block!important;z-index:20!important;width:30px!important;height:30px!important;border:4px solid #fff!important;background:#111!important;border-radius:50%!important;box-shadow:0 0 0 2px #111,0 3px 10px rgba(0,0,0,.38)!important}.dl .dl-fc-h[data-c="tl"]{left:-15px!important;top:-15px!important}.dl .dl-fc-h[data-c="tr"]{right:-15px!important;top:-15px!important}.dl .dl-fc-h[data-c="bl"]{left:-15px!important;bottom:-15px!important}.dl .dl-fc-h[data-c="br"]{right:-15px!important;bottom:-15px!important}.dl [data-label]{display:none!important}.dl .stagewrap:has(.hatoption[data-hat-choice="black"].active) .hat{transform:translateY(-1.2%)}.dl .stagewrap:has(.hatoption[data-hat-choice="canvas"].active) .hat{transform:translate(0.5%,1.2%)}.dl:has(.hatoption[data-hat-choice="black"].active){--hat-drop-y:45.8!important}.dl:has(.hatoption[data-hat-choice="canvas"].active){--hat-drop-x:50.05!important;--hat-drop-y:49.2!important}.dl .stageviewport{background:radial-gradient(ellipse at 50% 43%,#fff 0%,#fafafa 28%,#ecebe8 62%,#deddd9 100%);isolation:isolate}.dl .stageviewport:before{content:"";position:absolute;z-index:0;left:12%;right:12%;bottom:8%;height:18%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.18) 0%,rgba(0,0,0,.08) 38%,rgba(0,0,0,0) 72%);filter:blur(13px);pointer-events:none}.dl .stageviewport:after{content:"";position:absolute;z-index:0;left:20%;right:20%;top:7%;height:62%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.96) 0%,rgba(255,255,255,.52) 38%,rgba(255,255,255,0) 73%);filter:blur(7px);pointer-events:none}.dl .stage{z-index:1}.dl .hat{filter:drop-shadow(0 20px 15px rgba(0,0,0,.19)) drop-shadow(0 5px 4px rgba(0,0,0,.09))}
@media(max-width:640px){
.dl .preview{border-radius:18px!important}.dl .phead{padding:12px 13px!important}.dl .previewtools,.dl .axiscontrols,.dl .controls{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:13px!important;background:#fff!important;border-top:1px solid var(--line)!important}.dl .previewtools:before,.dl .axiscontrols:before,.dl .controls:before{display:block;grid-column:1/-1;font-size:10px;font-weight:900;letter-spacing:.12em;color:#666;margin:0 0 1px}.dl .previewtools:before{content:"VIEW CONTROLS"}.dl .axiscontrols:before{content:"MOVE DESIGN"}.dl .controls:before{content:"EDIT IMAGE"}.dl .previewtools label,.dl .axiscontrols label,.dl .controls label{width:100%!important;display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important;align-items:center!important;padding:11px 12px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fafafa!important;font-size:11px!important;letter-spacing:.04em!important}.dl .previewtools label input,.dl .axiscontrols label input,.dl .controls label input{grid-column:1/-1;width:100%!important;min-width:0!important;height:32px!important;margin:0!important;accent-color:#111!important;touch-action:pan-x!important}.dl .previewtools b,.dl .controls label b{justify-self:end!important;min-width:auto!important;font-size:12px!important}.dl .previewtools button,.dl .axiscontrols button,.dl .controls button{width:100%!important;min-height:48px!important;border-radius:14px!important;padding:12px 14px!important;font-size:12px!important;font-weight:900!important;background:#fff!important;border:1px solid var(--line)!important;margin:0!important}.dl .previewtools button[data-preview-reset],.dl .axiscontrols button[data-move-center]{background:#111!important;color:#fff!important;border-color:#111!important}.dl .axiscontrols{grid-template-columns:1fr 1fr!important}.dl .axiscontrols:before{grid-column:1/-1!important}.dl .axiscontrols label{grid-column:span 1!important}.dl .axiscontrols button{grid-column:1/-1!important}.dl .controls .remove{color:#666!important}.dl .slots{scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important}.dl .slot{scroll-snap-align:start!important;min-width:96px!important}.dl input[type="range"]{cursor:pointer!important}.dl input[type="range"]::-webkit-slider-thumb{width:28px!important;height:28px!important}.dl input[type="range"]::-moz-range-thumb{width:28px!important;height:28px!important}.dl .stageviewport{min-height:310px!important}
}
@media(max-width:390px){.dl .axiscontrols{grid-template-columns:1fr!important}.dl .axiscontrols label{grid-column:1!important}.dl .stageviewport{min-height:285px!important}}