/* Sweet Tooth by Julie: Design Your Dessert (/design/). Mobile first; desktop gets side panels at 1024px+. */
:root{--dz-top:58px;--dz-tools:64px;--dz-card:#fff;--dz-line:#EBD3DD;--dz-soft:#FFF4F7}
.dz-ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- start screen ---------- */
.dz-hero{text-align:center;padding-bottom:1.6rem!important}
#dz-types,#dz-resume{scroll-margin-top:96px}
.dz-hero h1{font-size:clamp(2rem,6.4vw,3.4rem);line-height:1.06;letter-spacing:-.03em;color:var(--plum);max-width:18ch;margin:0 auto .9rem;text-wrap:balance}
.dz-hero h1 em{font-style:normal;color:var(--berry)}
.dz-hero .lede{max-width:40rem;margin:0 auto 1.4rem;color:var(--ink-soft);text-wrap:pretty}
.dz-hero .hero-actions{justify-content:center;display:flex;flex-wrap:wrap;gap:.7rem}
.dz-hero .fn-hero-note{margin-top:1rem}
.dz-resume{display:flex;align-items:center;gap:1.1rem;max-width:560px;margin:.6rem auto 0;background:#fff;border:1px solid var(--dz-line);border-radius:22px;padding:1rem;box-shadow:0 18px 40px -26px rgba(150,56,91,.45)}
.dz-resume[hidden]{display:none}
.dz-resume img{width:96px;height:120px;object-fit:cover;border-radius:14px;border:1px solid var(--dz-line);background:#FBE9EF;flex:none}
.dz-resume h2{font-size:1.15rem;margin:.1rem 0 .15rem;color:var(--plum);letter-spacing:-.01em}
.dz-k{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7A5A6D;margin:0}
.dz-resume .small{margin:0 0 .7rem;color:var(--ink-soft);font-size:.85rem}
.dz-resume-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.dz-resume-actions .btn{padding:.7rem 1.1rem;font-size:.9rem}
.dz-types-sec{padding-top:2.6rem}
.dz-types{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.dz-type{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;height:100%;background:#fff;border:1px solid var(--dz-line);border-radius:20px;padding:.6rem .6rem 1rem;transition:transform .25s,box-shadow .25s,border-color .25s;-webkit-tap-highlight-color:transparent}
.dz-type:hover{transform:translateY(-3px);border-color:var(--rose);box-shadow:0 18px 36px -24px rgba(150,56,91,.5)}
.dz-type:active{transform:scale(.98)}
.dz-type:focus-visible{outline:2px solid var(--plum);outline-offset:3px}
.dz-type canvas{width:100%;height:auto;aspect-ratio:4/5;border-radius:14px;display:block;margin-bottom:.75rem}
.dz-type b{display:block;color:var(--plum);font-weight:600;font-size:1rem;letter-spacing:-.01em;line-height:1.25}
.dz-type small{display:block;color:var(--ink-soft);font-size:.82rem;margin-top:.25rem;line-height:1.4}
.dz-type-wide{grid-column:1/-1}
.dz-type-blank{flex-direction:row;text-align:left;gap:1rem;padding:.7rem 1.1rem .7rem .7rem}
.dz-type-blank canvas{width:84px;flex:none;margin:0;border:1px dashed var(--rose)}
.dz-steps{list-style:none;counter-reset:s;margin:0 auto;padding:0;display:grid;gap:1rem;max-width:960px}
.dz-steps li{counter-increment:s;background:#fff;border:1px solid var(--dz-line);border-radius:20px;padding:1.3rem 1.2rem;text-align:center}
.dz-steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;margin:0 auto .6rem;border-radius:50%;background:var(--pink-active);color:var(--plum);font-weight:700}
.dz-steps b{display:block;color:var(--plum);font-size:1.05rem;margin-bottom:.3rem}
.dz-steps span{color:var(--ink-soft);font-size:.92rem}
.dz-call{text-align:center;margin-top:1.4rem;color:var(--ink-soft)}
.dz-call a{color:var(--berry-dk);font-weight:600}
@media (min-width:760px){
  .dz-types{grid-template-columns:repeat(4,1fr);gap:1.1rem}
  .dz-type-wide{grid-column:span 2}
  .dz-type-blank{flex-direction:column;text-align:center;padding:.6rem .6rem 1rem}
  .dz-type-blank canvas{width:50%;margin:0 auto .75rem}
  .dz-steps{grid-template-columns:repeat(3,1fr)}
}

/* ---------- editor shell ---------- */
html.dz-editing,html.dz-editing body{overflow:hidden;overscroll-behavior:none;height:100%}
html.dz-editing .topbar,html.dz-editing .site-header,html.dz-editing main,html.dz-editing .site-footer{visibility:hidden}
.dz-app{position:fixed;inset:0;z-index:1000;height:var(--dz-vh,100dvh);display:grid;grid-template-rows:calc(var(--dz-top) + env(safe-area-inset-top)) 1fr calc(var(--dz-tools) + env(safe-area-inset-bottom));grid-template-areas:"top" "canvas" "tools";background:#F7EEF2;color:var(--plum);font-family:var(--sans);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.dz-app[hidden]{display:none}
.dz-app input,.dz-app textarea{-webkit-user-select:text;user-select:text}
.dz-app button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dz-app button:disabled{opacity:.35;cursor:default}
.dz-app :focus-visible{outline:2px solid var(--plum);outline-offset:2px}
.dz-top{grid-area:top;display:flex;align-items:center;gap:2px;padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--dz-line);position:relative;z-index:5}
.dz-ib{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:0;background:transparent;transition:background .15s}
.dz-ib:hover:not(:disabled){background:var(--dz-soft)}
.dz-ib:active:not(:disabled){background:var(--pink-active)}
.dz-title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;line-height:1.15}
.dz-title b{font-size:.95rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
@media (max-width:519px){.dz-title b{display:none}}
#dz-saved{font-size:.72rem;color:#8C6F7F}
#dz-saved.bad{color:#A8243F}
.dz-morewrap{position:relative}
.dz-menu{position:absolute;right:0;top:48px;min-width:200px;background:#fff;border:1px solid var(--dz-line);border-radius:16px;box-shadow:0 18px 44px -18px rgba(42,10,34,.35);padding:6px;z-index:20}
.dz-menu[hidden]{display:none}
.dz-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border:0;background:none;border-radius:10px;text-align:left;font-size:.95rem}
.dz-menu button:hover{background:var(--dz-soft)}
.dz-sendbtn{display:inline-flex;align-items:center;gap:7px;height:42px;margin-left:4px;padding:0 14px 0 12px;border:0;border-radius:12px;background:var(--plum);color:#fff!important;font-weight:600;font-size:.9rem;box-shadow:0 10px 22px -14px rgba(42,10,34,.7)}
.dz-sendbtn .dz-ic{width:19px;height:19px}
.dz-sendbtn:active{transform:scale(.97)}
@media (max-width:359px){.dz-sendbtn .dz-l{display:none}.dz-sendbtn{padding:0 11px}}

.dz-canvas{grid-area:canvas;position:relative;overflow:hidden;min-height:0;background:#F6EDF1;background-image:radial-gradient(rgba(181,71,111,.09) 1px,transparent 1.2px);background-size:22px 22px}
#dz-stage{position:absolute;inset:0;touch-action:none;-ms-touch-action:none;outline:none}
#dz-stage canvas{touch-action:none}
.dz-zoom{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;background:rgba(255,255,255,.92);border:1px solid var(--dz-line);border-radius:14px;overflow:hidden;box-shadow:0 8px 20px -14px rgba(42,10,34,.4);z-index:3}
.dz-zoom button{width:40px;height:40px;border:0;background:none;display:grid;place-items:center}
.dz-zoom button+button{border-top:1px solid var(--dz-line)}
.dz-zoom .dz-ic{width:19px;height:19px}
.dz-ctxbar{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:2px;padding:5px;background:rgba(255,255,255,.97);border:1px solid var(--dz-line);border-radius:18px;box-shadow:0 14px 34px -16px rgba(42,10,34,.45);z-index:4;max-width:calc(100% - 20px);animation:dzPop .18s ease-out}
.dz-ctxbar[hidden]{display:none}
.dz-cb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:50px;height:52px;padding:0 6px;border:0;border-radius:13px;background:none;font-size:.68rem;font-weight:500;color:var(--plum)}
.dz-cb:active,.dz-cb.on{background:var(--pink-active)}
.dz-cb.wide{flex-direction:row;gap:7px;font-size:.88rem;font-weight:600;padding:0 14px;white-space:nowrap}
.dz-cb.danger{color:#A8243F}
@keyframes dzPop{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%)}}

.dz-toolbar{grid-area:tools;display:flex;justify-content:space-around;align-items:flex-start;padding:4px max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));background:#fff;border-top:1px solid var(--dz-line);position:relative;z-index:9}
.dz-tool{flex:1;max-width:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:56px;border:0;background:none;border-radius:14px;font-size:.7rem;font-weight:500;color:#6B4A5B;transition:background .15s,color .15s}
.dz-tool .dz-ic{width:23px;height:23px}
.dz-tool.on{color:var(--plum);background:var(--pink-active)}
.dz-tool:active{transform:scale(.96)}

/* bottom sheet (mobile) */
.dz-sheet{position:absolute;left:0;right:0;bottom:calc(var(--dz-tools) + env(safe-area-inset-bottom));z-index:8;max-height:min(54%,480px);display:flex;flex-direction:column;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -18px 44px -20px rgba(42,10,34,.35);transform:translateY(calc(100% + var(--dz-tools) + 40px));transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:transform;border-bottom:1px solid var(--dz-line)}
.dz-sheet.open{transform:none}
.dz-sheet[hidden]{display:none}
.dz-sheet-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 16px 4px;touch-action:none;cursor:grab}
.dz-grab{position:absolute;top:7px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:#E6CDD7}
.dz-sheet-head h2{font-size:1rem;font-weight:600;margin:0;letter-spacing:-.01em;text-align:center;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-done{position:absolute;right:10px;top:9px;height:38px;padding:0 14px;border:0;border-radius:12px;background:var(--pink-active);font-weight:600;font-size:.88rem}
.dz-sheet-body{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 16px 18px;touch-action:pan-y}

.dz-panel{display:none}

/* ---------- panel controls ---------- */
.dz-panel-title{font-size:1.05rem;font-weight:600;margin:0 0 14px;letter-spacing:-.01em}
.dz-field{margin:0 0 16px}
.dz-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.82rem;font-weight:600;color:var(--plum);margin-bottom:8px}
.dz-label output{font-weight:500;color:#8C6F7F;font-variant-numeric:tabular-nums}
.dz-note{font-size:.82rem;color:#7A5A6D;line-height:1.5;margin:4px 0 14px}
.dz-sep{height:1px;background:var(--dz-line);margin:4px 0 16px}
.dz-seg{display:flex;flex-wrap:wrap;gap:6px}
.dz-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--dz-line);border-radius:999px;background:#fff;font-size:.86rem;font-weight:500;color:var(--plum);transition:background .15s,border-color .15s}
.dz-chip.on{background:var(--pink-active);border-color:var(--berry);box-shadow:inset 0 0 0 1px var(--berry)}
.dz-seg.small .dz-chip{min-height:36px;padding:0 11px;font-size:.8rem}
.dz-seg.scope{display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px}
.dz-seg.scope .dz-chip{justify-content:center;border-radius:12px}
.dz-swatches{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 8px;margin:0 -2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}
.dz-swatches::-webkit-scrollbar{display:none}
.dz-sw{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid rgba(42,10,34,.14);background:var(--c);padding:0;position:relative;transition:transform .12s}
.dz-sw:active{transform:scale(.92)}
.dz-sw.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--berry)}
.dz-sw.foil.gold{background:linear-gradient(135deg,#F3E2B3,#D8B26E 45%,#B88A44 70%,#E9CF94)}
.dz-sw.foil.rosegold{background:linear-gradient(135deg,#F6D5C8,#D6A08F 45%,#B7796A 70%,#F0C9BA)}
.dz-sw.foil.silver{background:linear-gradient(135deg,#F4F5F7,#C9CBD1 45%,#9FA3AB 70%,#E6E8EC)}
.dz-custom{background:conic-gradient(#F2B8C9,#F8E7A8,#C8E6D5,#C9DDEB,#D9C8EA,#F2B8C9);overflow:hidden;cursor:pointer;display:block}
.dz-custom input{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);opacity:0;cursor:pointer;border:0;padding:0}
.dz-custom::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;font-size:20px;font-weight:300;color:#3A1E31;pointer-events:none}
.dz-range input[type=range]{width:100%;height:32px;accent-color:var(--berry);margin:0;touch-action:pan-x}
.dz-input{width:100%;font:inherit;font-size:1rem;color:var(--plum);border:1px solid var(--dz-line);border-radius:12px;padding:.7rem .85rem;background:#fff;resize:vertical}
.dz-input:focus{outline:none;border-color:var(--berry);box-shadow:0 0 0 3px rgba(181,71,111,.16)}
.dz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border-radius:13px;border:1px solid var(--dz-line);background:#fff;font-weight:600;font-size:.88rem;color:var(--plum)}
.dz-btn .dz-ic{width:19px;height:19px}
.dz-btn.primary{background:var(--plum);border-color:var(--plum);color:#fff}
.dz-btn.full{width:100%;margin:2px 0 14px}
.dz-btn.icon{width:44px;padding:0}
.dz-btn:active{transform:scale(.98)}
.dz-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px}
.dz-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.dz-acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:4px}
.dz-act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;border:1px solid var(--dz-line);border-radius:14px;background:#fff;font-size:.7rem;font-weight:500;padding:4px}
.dz-act.on{background:var(--pink-active);border-color:var(--berry)}
.dz-act.danger{color:#A8243F}
.dz-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none;touch-action:pan-x}
.dz-tabs::-webkit-scrollbar{display:none}
.dz-tab{flex:none;min-height:38px;padding:0 15px;border-radius:999px;border:1px solid var(--dz-line);background:#fff;font-size:.86rem;font-weight:500}
.dz-tab.on{background:var(--plum);border-color:var(--plum);color:#fff!important}
.dz-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dz-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;aspect-ratio:1/1.08;padding:6px 4px;border:1px solid #F3E1E8;border-radius:16px;background:linear-gradient(180deg,#FFFBFC,#FFF1F5);font-size:.64rem;line-height:1.15;text-align:center;color:#6B4A5B;transition:transform .12s,border-color .15s}
.dz-tile img{width:66%;height:58%;object-fit:contain;pointer-events:none}
.dz-tile:active{transform:scale(.94);border-color:var(--berry)}
.dz-tile span{max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dz-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
.dz-preset{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;padding:8px;border:1px solid #F3E1E8;border-radius:16px;background:linear-gradient(180deg,#FFFBFC,#FFF1F5)}
.dz-preset b{font-size:1.35rem;font-weight:inherit;line-height:1.1;color:var(--plum);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dz-preset span{font-size:.7rem;color:#8C6F7F;font-family:var(--sans)}
.dz-fonts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.dz-font{min-height:46px;border:1px solid var(--dz-line);border-radius:12px;background:#fff;font-size:1.05rem;padding:2px 4px;line-height:1.1}
.dz-font.on{background:var(--pink-active);border-color:var(--berry);box-shadow:inset 0 0 0 1px var(--berry)}
.dz-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dz-thumb{border:1px solid var(--dz-line);border-radius:14px;background:#fff;padding:4px;font-size:.68rem;display:flex;flex-direction:column;gap:4px}
.dz-thumb img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.dz-layers{display:flex;flex-direction:column;gap:6px}
.dz-layer{display:flex;align-items:center;gap:2px;border:1px solid var(--dz-line);border-radius:14px;background:#fff;padding:3px}
.dz-layer.on{border-color:var(--berry);background:var(--dz-soft)}
.dz-layer.base{border-style:dashed}
.dz-layer-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;min-height:46px;border:0;background:none;text-align:left;padding:0 6px;font-size:.88rem}
.dz-layer-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-layer-main img,.dz-aa,.dz-baseic{width:38px;height:38px;flex:none;object-fit:contain;border-radius:9px;background:#FFF4F7;display:grid;place-items:center;font-size:1rem;font-weight:400;font-style:normal}
.dz-mini{width:40px;height:40px;border:0;background:none;border-radius:10px;display:grid;place-items:center}
.dz-mini.on{color:var(--berry)}
.dz-mini[aria-label="Move up"] .dz-ic{transform:rotate(90deg)}
.dz-mini[aria-label="Move down"] .dz-ic{transform:rotate(90deg)}
.dz-stepper{display:flex;align-items:center;gap:8px;margin-bottom:16px;background:var(--dz-soft);border-radius:14px;padding:4px}
.dz-step-l{flex:1;text-align:center;display:flex;flex-direction:column;font-size:.92rem}
.dz-step-l span{font-size:.74rem;color:#8C6F7F}
.dz-stepper .dz-btn{border:0;background:#fff}
.dz-tierlist{display:flex;flex-direction:column;gap:6px}
.dz-tierbtn{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border:1px solid var(--dz-line);border-radius:13px;background:#fff;text-align:left;font-weight:500;font-size:.9rem}
.dz-tierbtn i{width:24px;height:24px;border-radius:7px;background:var(--c);border:1px solid rgba(42,10,34,.15)}

.dz-toast{position:absolute;left:50%;top:calc(var(--dz-top) + env(safe-area-inset-top) + 12px);transform:translate(-50%,-6px);background:rgba(42,10,34,.92);color:#fff;font-size:.84rem;font-weight:500;padding:.6rem 1rem;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}
.dz-toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- modals ---------- */
body.dz-modal-open{overflow:hidden}
.dz-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-end;justify-content:center;background:rgba(42,10,34,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:dzFade .2s ease-out}
.dz-modal[hidden]{display:none}
.dz-modal-card{width:100%;max-width:560px;max-height:92dvh;overflow:auto;overscroll-behavior:contain;background:#fff;border-radius:24px 24px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom));animation:dzUp .28s cubic-bezier(.2,.8,.2,1);color:var(--plum)}
.dz-modal-card h2{font-size:1.25rem;letter-spacing:-.02em;margin:0 0 16px;text-align:center}
@keyframes dzFade{from{opacity:0}}
@keyframes dzUp{from{transform:translateY(40px);opacity:.4}}
.dz-opts-card .dz-row2{margin:8px 0 0}
.dz-opts-card .btn{width:100%;text-align:center}
.dz-crop-card{max-width:720px}
.dz-crop-stage{position:relative;margin:0 auto 14px;width:fit-content;max-width:100%;overflow:hidden;border-radius:10px;touch-action:none;background:#222}
.dz-crop-stage img{display:block;max-width:100%;max-height:52dvh;-webkit-user-drag:none;user-select:none;pointer-events:none}
.dz-crop-rect{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(20,8,16,.55);cursor:move;touch-action:none}
.dz-crop-rect::before,.dz-crop-rect::after{content:"";position:absolute;inset:33.3% 0;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);pointer-events:none}
.dz-crop-rect::after{inset:0 33.3%;border:0;border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5)}
.dz-crop-rect i{position:absolute;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid var(--berry);box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:2}
.dz-crop-rect i[data-h=nw]{left:-15px;top:-15px;cursor:nwse-resize}.dz-crop-rect i[data-h=ne]{right:-15px;top:-15px;cursor:nesw-resize}
.dz-crop-rect i[data-h=sw]{left:-15px;bottom:-15px;cursor:nesw-resize}.dz-crop-rect i[data-h=se]{right:-15px;bottom:-15px;cursor:nwse-resize}
.dz-crop-aspect{display:flex;justify-content:center;margin-bottom:14px}
.dz-crop-aspect .dz-seg{justify-content:center}
.dz-crop-card .btn{width:100%;text-align:center;padding-left:.5rem;padding-right:.5rem}
.dz-sendm .dz-modal-card{max-width:940px;padding-top:0}
.dz-modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:center;min-height:60px;background:rgba(255,255,255,.96);margin:0 -18px 6px;padding:0 56px;border-bottom:1px solid var(--dz-line)}
.dz-modal-head h2{margin:0;font-size:1.08rem}
.dz-modal-head .dz-ib{position:absolute;right:8px;top:8px;border:0;background:none;color:var(--plum)}
.dz-send-fig{margin:10px auto 16px;text-align:center;max-width:300px}
.dz-send-fig img{display:block;margin:0 auto;width:100%;max-width:240px;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:16px;border:1px solid var(--dz-line);background:#FBE9EF;box-shadow:0 18px 40px -24px rgba(150,56,91,.5)}
.dz-send-fig figcaption{font-size:.82rem;color:#7A5A6D;margin:.6rem 0 .7rem}
.dz-send-fig .dz-row2{margin:0}
.dz-send-fig .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.dz-send-fig .btn .dz-ic{width:17px;height:17px}
.dz-send-intro{font-size:.92rem;color:var(--ink-soft);margin:0 0 14px;text-align:center}
#dz-send-form .field{margin-bottom:.9rem}
#dz-send-form .field.invalid input,#dz-send-form .field.invalid select{border-color:#A8243F;background:#FFF1F3}
.dz-ful{border:0;padding:0;margin:0 0 .9rem}
.dz-radios{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.dz-radios .choice span{padding:.75rem .5rem;text-align:center;border-radius:13px}
.dz-radios .choice b{font-size:.88rem}
.dz-ts{display:flex;justify-content:center;margin:.3rem 0}
.dz-status{color:#A8243F;font-size:.9rem;min-height:1.2em;margin:.3rem 0 .7rem;text-align:center}
.dz-status:empty{min-height:0;margin:0}
.dz-fine{font-size:.78rem;color:#7A5A6D;text-align:center;margin:.8rem 0 .4rem;line-height:1.5}
.dz-ok{text-align:center;padding:10px 0 4px}
.dz-ok h3{font-size:1.4rem;letter-spacing:-.02em;margin:.2rem 0 .5rem}
.dz-ok p{color:var(--ink-soft)}
.dz-ok .dz-row2{margin:1rem 0 .7rem}
.dz-ok .btn{width:100%;text-align:center}
@media (min-width:760px){
  .dz-modal{align-items:center;padding:24px}
  .dz-modal-card{border-radius:24px;padding:24px 26px 24px}
  .dz-modal-head{margin:0 -26px 10px}
  .dz-send-body{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}
  .dz-send-fig{position:sticky;top:76px;margin:12px 0 0}
  .dz-send-fig img{max-width:100%}
  .dz-send-intro{text-align:left}
  .dz-ok{grid-column:2}
}

/* ---------- desktop editor ---------- */
@media (min-width:1024px){
  :root{--dz-top:62px}
  .dz-app{grid-template-columns:84px 320px 1fr 340px;grid-template-rows:var(--dz-top) 1fr;grid-template-areas:"top top top top" "tools left canvas right"}
  .dz-toolbar{flex-direction:column;justify-content:flex-start;gap:4px;padding:10px 6px;border-top:0;border-right:1px solid var(--dz-line)}
  .dz-tool{flex:none;width:100%;max-width:none;height:66px}
  .dz-panel{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:#fff;padding:18px 18px 28px;min-height:0}
  .dz-left{grid-area:left;border-right:1px solid var(--dz-line)}
  .dz-right{grid-area:right;border-left:1px solid var(--dz-line)}
  .dz-sheet{display:none!important}
  .dz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dz-swatches{flex-wrap:wrap;overflow:visible}
  .dz-sw{width:32px;height:32px}
  .dz-top{padding:0 14px}
  .dz-title{align-items:flex-start;padding-left:8px}
  .dz-sendbtn{padding:0 18px 0 16px}
  .dz-zoom{top:auto;bottom:14px;right:14px;flex-direction:row}
  .dz-zoom button+button{border-top:0;border-left:1px solid var(--dz-line)}
  .dz-ctxbar{bottom:16px}
  .dz-cb:hover,.dz-chip:hover,.dz-tile:hover,.dz-act:hover,.dz-btn:hover:not(.primary),.dz-tool:hover,.dz-font:hover,.dz-preset:hover{background:var(--dz-soft)}
}
@media (prefers-reduced-motion:reduce){.dz-sheet,.dz-modal,.dz-modal-card,.dz-ctxbar,.dz-toast{transition:none!important;animation:none!important}}