.dde-root{--dde-bg:#fff;--dde-bg-2:#f4f4f5;--dde-ink:#18181b;--dde-soft:#5f5f68;--dde-line:#e4e4e7;--dde-focus:#18181b;--dde-danger:#b42318;--dde-danger-tint:#fdecea;--dde-r-xs:6px;--dde-r-sm:8px;--dde-r-md:12px;--dde-r-lg:14px;--dde-r-xl:20px;--dde-font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--dde-ease-out:cubic-bezier(.23, 1, .32, 1);--dde-ease-drawer:cubic-bezier(.32, .72, 0, 1);--dde-d-press:.16s;--dde-d-fast:.18s;--dde-d-mid:.26s;--dde-d-sheet:.42s;width:100%;height:100%;min-height:0;font-family:var(--dde-font);color:var(--dde-ink);background:var(--dde-bg-2);touch-action:manipulation;display:flex;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.dde-root:not([data-dde-theme=light]){--dde-bg:#18181b;--dde-bg-2:#232327;--dde-ink:#f4f4f5;--dde-soft:#a1a1aa;--dde-line:#2e2e33;--dde-focus:#f4f4f5;--dde-danger:#ff8f84;--dde-danger-tint:#3a1d1a}}.dde-root[data-dde-theme=dark]{--dde-bg:#18181b;--dde-bg-2:#232327;--dde-ink:#f4f4f5;--dde-soft:#a1a1aa;--dde-line:#2e2e33;--dde-focus:#f4f4f5;--dde-danger:#ff8f84;--dde-danger-tint:#3a1d1a}.dde-root *{box-sizing:border-box}.dde-root :focus-visible{outline:2px solid var(--dde-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.dde-root *,.dde-root :before,.dde-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.dde-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dde-state{text-align:center;flex:1;place-items:center;gap:12px;padding:24px;display:grid}.dde-spinner{vertical-align:middle;border:2.5px solid var(--dde-line);border-top-color:var(--dde-ink);border-radius:999px;width:22px;height:22px;animation:.8s linear infinite dde-spin;display:inline-block}@keyframes dde-spin{to{transform:rotate(360deg)}}.dde-spinner-sm{border-width:2px;width:15px;height:15px}.dde-spinner-on-ink{border-color:color-mix(in oklab, var(--dde-bg) 35%, transparent);border-top-color:var(--dde-bg)}.dde-state-actions{gap:8px;display:inline-flex}.dde-canvas{background:var(--dde-bg-2);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.dde-canvas-toolbar{flex:none;justify-content:center;padding:10px;display:flex}.dde-device-seg{width:176px}.dde-canvas-stage{flex:1;place-items:center;min-height:0;padding:0 16px 16px;display:grid;position:relative;overflow:hidden}.dde-frame{background:#fff;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014,0 24px 48px -20px #00000059}.dde-frame-phone{border-radius:34px;box-shadow:0 0 0 8px #0b0b0d,0 1px 2px #00000014,0 24px 48px -20px #0006}.dde-frame-desktop{border-radius:var(--dde-r-md)}.dde-frame-inner{transform-origin:0 0}.dde-canvas-toolbar[hidden]{display:none}.dde-canvas-compact .dde-canvas-stage{place-items:stretch stretch;padding:0}.dde-frame-fill{box-shadow:none;border-radius:0}.dde-frame-inner iframe{border:0;display:block}.dde-frame-loading,.dde-frame-empty{background:var(--dde-bg);place-items:center;display:grid;position:absolute;inset:0}.dde-frame-loading{transition:opacity var(--dde-d-mid) var(--dde-ease-out)}.dde-canvas-compact .dde-frame-loading{place-items:start center;padding-top:18dvh}.dde-frame-loading.dde-frame-loaded{opacity:0;pointer-events:none}.dde-frame-empty{border-radius:var(--dde-r-md);width:220px;height:400px;box-shadow:inset 0 0 0 1px var(--dde-line);position:static}.dde-panel{background:var(--dde-bg);height:100%;min-height:0;color:var(--dde-ink);flex-direction:column;display:flex}.dde-root[data-device=desktop]>.dde-panel{width:392px;box-shadow:-1px 0 0 var(--dde-line);flex:none}.dde-panel-head{border-bottom:1px solid var(--dde-line);flex:none;align-items:center;gap:8px;padding:14px 12px;display:flex}.dde-panel-head h2{text-align:center;min-width:0;font-size:15px;font-weight:700;font-family:var(--dde-font);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.dde-panel-head>span:last-child{flex:none;width:44px}.dde-grip{display:none}.dde-icon-btn{width:36px;min-width:44px;height:36px;min-height:44px;color:var(--dde-ink);transition:background-color var(--dde-d-fast);border-radius:999px;place-items:center;margin:-4px;display:grid}.dde-icon-btn:hover{background:var(--dde-bg-2)}.dde-scope{flex:none;gap:8px;padding:12px 16px 0;display:grid}.dde-scope .dde-seg-opt span{white-space:normal;text-align:center;overflow-wrap:anywhere;padding-block:6px;line-height:1.2}.dde-tabs{border-radius:var(--dde-r-md);background:var(--dde-bg-2);flex:none;gap:4px;margin:14px 16px 0;padding:4px;display:flex}.dde-tabs button{border-radius:var(--dde-r-sm);min-height:34px;font:650 13.5px/1 var(--dde-font);color:var(--dde-soft);transition:background-color var(--dde-d-fast), color var(--dde-d-fast);flex:1}.dde-tabs button[aria-selected=true]{background:var(--dde-bg);color:var(--dde-ink);box-shadow:0 1px 2px #0000001a,0 2px 8px -2px #0000001f}.dde-tabs[data-fit]{scrollbar-width:none;overflow-x:auto}.dde-tabs[data-fit]::-webkit-scrollbar{display:none}.dde-tabs[data-fit] button{white-space:nowrap;flex:auto;padding-inline:6px}.dde-panel-body{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 16px 24px;overflow-y:auto}.dde-panel-body:focus-visible{outline-offset:-2px}.dde-group{border-bottom:1px solid var(--dde-line);gap:10px;padding-block:14px;display:grid}.dde-group:last-child{border-bottom:0}.dde-tool-label{justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;font-weight:700;display:flex}.dde-tool-label small{color:var(--dde-soft);font-size:12.5px;font-weight:500}.dde-note{color:var(--dde-soft);margin:0;font-size:12.5px;line-height:1.45}.dde-foot-note{padding:0 16px 10px}.dde-error{color:var(--dde-danger)}.dde-btn{border-radius:var(--dde-r-sm);min-height:36px;box-shadow:inset 0 0 0 1px var(--dde-line);font:650 13px/1 var(--dde-font);color:var(--dde-ink);background:0 0;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.dde-btn:hover{background:var(--dde-bg-2)}.dde-btn:disabled{opacity:.4;cursor:default}.dde-btn-icon{justify-content:center;width:36px;padding:0}.dde-btn-primary{background:var(--dde-ink);color:var(--dde-bg);box-shadow:none}.dde-btn-primary:hover:not(:disabled){background:color-mix(in oklab, var(--dde-ink) 86%, var(--dde-bg))}.dde-btn-primary:disabled{opacity:.4}.dde-btn-primary[aria-busy=true]:disabled{opacity:.85}.dde-btn-danger{color:var(--dde-danger)}.dde-seg{background:var(--dde-bg-2);border-radius:11px;gap:2px;padding:3px;display:flex}.dde-seg-opt{flex:1;min-width:0;position:relative}.dde-seg-opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.dde-seg-opt span{min-height:38px;color:var(--dde-soft);white-space:nowrap;transition:background-color var(--dde-d-fast), color var(--dde-d-fast), box-shadow var(--dde-d-fast);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:650;display:flex}.dde-seg-opt input:checked+span{background:var(--dde-bg);color:var(--dde-ink);box-shadow:0 1px 2px #0000001a,0 2px 8px -2px #00000024}.dde-seg-opt svg{width:15px;height:15px}.dde-ovr{background:var(--dde-bg-2);color:var(--dde-ink);font:650 11.5px/1.3 var(--dde-font);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.dde-ovr:before{content:"";opacity:.7;background:currentColor;border-radius:99px;width:6px;height:6px}button.dde-ovr:hover{box-shadow:inset 0 0 0 1px var(--dde-line)}.dde-ovr-info{color:var(--dde-soft)}.dde-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dde-look{text-align:left;gap:8px;display:grid;position:relative}.dde-look input{opacity:0;position:absolute}.dde-look-prev{height:84px;box-shadow:inset 0 0 0 1px var(--dde-line);transition:box-shadow var(--dde-d-fast);border-radius:12px;align-content:space-between;padding:10px;display:grid;overflow:hidden}.dde-look input:checked~.dde-look-prev{box-shadow:inset 0 0 0 2px var(--dde-ink)}.dde-look-aa{font-size:22px;line-height:1}.dde-look-btnp{background:var(--dde-c);width:58%;height:14px}.dde-look b{font-size:13px;font-weight:700;display:block}.dde-look small{color:var(--dde-soft);margin-top:1px;font-size:11.5px;line-height:1.35;display:block}.dde-gallery-ill{background:var(--dde-bg-2);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;display:grid}.dde-gallery-ill .ill{--ill-ink:var(--dde-ink);--ill-paper:var(--dde-bg);width:100%;height:auto;display:block;overflow:visible}.dde-gallery-ill .ill .ln{fill:none;stroke:var(--ill-ink);stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round}.dde-gallery-ill .ill .ln.thin{stroke-width:1.9px}.dde-gallery-ill .ill .fl{fill:var(--ill-accent,currentColor)}.dde-gallery-ill .ill .glow{fill:color-mix(in oklab, var(--ill-accent,currentColor) 36%, var(--ill-paper))}.dde-gallery-ill .ill .glow.soft{fill:color-mix(in oklab, var(--ill-accent,currentColor) 22%, var(--ill-paper))}.dde-gallery-ill .ill .tn{fill:var(--ill-tint,var(--dde-bg-2))}.dde-gallery-ill .ill .ink{fill:var(--ill-ink)}.dde-gallery-ill .ill .skin{fill:var(--ill-paper)}.dde-gallery-ill .ill .dash{fill:none;stroke:var(--ill-ink);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:2 7}.dde-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dde-sw{border-radius:999px;width:34px;height:34px;position:relative}.dde-sw input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.dde-sw span{border-radius:inherit;background:var(--dde-c);transition:box-shadow var(--dde-d-fast);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001f}.dde-sw input:checked+span{box-shadow:0 0 0 2px var(--dde-bg), 0 0 0 4px var(--dde-ink)}.dde-custom{align-items:center;gap:8px;margin-left:2px;display:flex}.dde-custom input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:999px;width:34px;height:34px;padding:0}.dde-custom input[type=color]::-webkit-color-swatch-wrapper{padding:0}.dde-custom input[type=color]::-webkit-color-swatch{border:1px solid #00000026;border-radius:999px}.dde-hex{border:1px solid var(--dde-line);background:var(--dde-bg);width:92px;height:34px;color:var(--dde-ink);text-transform:uppercase;border-radius:9px;padding:0 10px;font:600 13px/1 ui-monospace,SF Mono,Menlo,monospace}.dde-guard{background:var(--dde-bg-2);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.45;display:grid}.dde-guard-pair{display:flex}.dde-guard-pair i{background:var(--dde-c);width:20px;height:20px;box-shadow:0 0 0 2px var(--dde-bg-2);border-radius:99px;font-style:normal}.dde-guard-pair i+i{margin-left:-6px}.dde-fonts{gap:6px;display:grid}.dde-font-opt{box-shadow:inset 0 0 0 1px var(--dde-line);cursor:pointer;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:10px 12px;display:grid;position:relative}.dde-font-opt input{opacity:0;position:absolute}.dde-font-opt:has(input:checked){box-shadow:inset 0 0 0 2px var(--dde-ink)}.dde-font-smp{color:var(--dde-ink);grid-column:1;font-size:18px;line-height:1.15}.dde-font-opt small{color:var(--dde-soft);grid-column:1;font-size:11.5px}.dde-font-hi{color:var(--dde-soft);grid-area:span 2/2;font-size:15px}.dde-patterns{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dde-pat{text-align:center;color:var(--dde-soft);gap:6px;font-size:12px;font-weight:600;display:grid;position:relative}.dde-pat input{opacity:0;position:absolute}.dde-pat i{background:var(--dde-bg-2);height:48px;box-shadow:inset 0 0 0 1px var(--dde-line);border-radius:10px;font-style:normal;display:block;position:relative;overflow:hidden}.dde-pat i:after{content:"";background:var(--dde-ink);-webkit-mask-image:var(--dde-u);-webkit-mask-image:var(--dde-u);mask-image:var(--dde-u);-webkit-mask-size:var(--dde-s);-webkit-mask-size:var(--dde-s);mask-size:var(--dde-s);opacity:.55;position:absolute;inset:0}.dde-pat-none i:after{background:linear-gradient(to top right, transparent calc(50% - 1px), var(--dde-soft) 50%, transparent calc(50% + 1px));opacity:.5;-webkit-mask-image:none;mask-image:none}.dde-pat input:checked~i{box-shadow:inset 0 0 0 2px var(--dde-ink)}.dde-pat input:checked~span{color:var(--dde-ink)}.dde-switch-row{justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;font-weight:600;display:flex}.dde-switch-row small{color:var(--dde-soft);font-size:12.5px;font-weight:500;display:block}.dde-switch{flex:none;width:44px;height:26px;position:relative}.dde-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.dde-switch span{background:var(--dde-line);transition:background-color var(--dde-d-fast);pointer-events:none;border-radius:99px;position:absolute;inset:0}.dde-switch span:after{content:"";width:20px;height:20px;transition:transform var(--dde-d-mid) var(--dde-ease-out);background:#fff;border-radius:99px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.dde-switch input:checked+span{background:var(--dde-ink)}.dde-switch input:checked+span:after{background:var(--dde-bg);transform:translate(18px)}.dde-switch input:focus-visible+span{outline:2px solid var(--dde-ink);outline-offset:2px}.dde-sec-rows{gap:6px;display:grid}.dde-sec-row{box-shadow:inset 0 0 0 1px var(--dde-line);border-radius:10px;grid-template-columns:1fr auto auto auto;align-items:center;gap:4px;padding:6px 6px 6px 12px;font-size:13.5px;font-weight:600;display:grid}.dde-sec-row-off span,.dde-sec-row-off .dde-sec-name{color:var(--dde-soft);text-decoration:line-through}.dde-sec-row-fixed{color:var(--dde-soft);box-shadow:none;background:var(--dde-bg-2);grid-template-columns:1fr auto;padding-block:10px}.dde-sec-row-fixed svg{justify-self:end;width:17px;height:17px}.dde-sec-row .dde-sec-name{text-align:left;width:auto;min-width:0;height:auto;color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap;padding:6px 0;display:block;overflow:hidden}.dde-sec-row button{width:32px;height:32px;color:var(--dde-ink);border-radius:8px;place-items:center;display:grid}@media (pointer:coarse){.dde-sec-row button{width:44px;height:44px}}.dde-sec-row button:hover{background:var(--dde-bg-2)}.dde-sec-row button:disabled{opacity:.25;cursor:default}.dde-sec-row svg{width:17px;height:17px}.dde-versions{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dde-version-row{box-shadow:inset 0 0 0 1px var(--dde-line);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.dde-version-row b{font-size:13px;display:block}.dde-version-row small{color:var(--dde-soft);font-size:12px;display:block}.dde-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--dde-line);color:var(--dde-soft);flex:none;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}.dde-foot-actions{flex:none;gap:8px;display:inline-flex}.dde-foot-status{min-width:0}.dde-foot-error{color:var(--dde-danger)}.dde-leave{background:var(--dde-danger-tint);grid-template-columns:1fr;margin:0 16px 10px}.dde-leave b{font-size:13px;display:block}.dde-leave span{color:var(--dde-ink)}.dde-leave-actions{flex-wrap:wrap;gap:8px;display:flex}.dde-template-intro{gap:6px}.dde-staged{color:var(--dde-ink)}@media (pointer:coarse){.dde-tabs button,.dde-seg-opt span,.dde-btn{min-height:44px}.dde-btn-icon{width:44px}.dde-hex{width:104px;font-size:16px}}.dde-dock{z-index:5;background:var(--dde-bg);height:min(52%,540px);box-shadow:0 -1px 0 var(--dde-line), 0 -16px 36px -22px #00000080;transition:height var(--dde-d-sheet) var(--dde-ease-drawer);border-radius:18px 18px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.dde-dock[data-size=full]{height:calc(100% - 56px)}.dde-dock[data-size=peek]{height:auto}.dde-dock[data-dragging]{-webkit-user-select:none;user-select:none;transition:none}.dde-dock>.dde-panel{border-radius:inherit;flex:1;min-height:0}.dde-dock[data-size=peek] :is(.dde-panel-body,.dde-scope,.dde-foot-note),.dde-dock[data-size=half] :is(.dde-foot-note,.dde-scope .dde-note){display:none}.dde-dock .dde-foot-status{font-size:12px;line-height:1.3}.dde-dock-grip{cursor:grab;touch-action:none;border-radius:18px 18px 0 0;flex:none;place-items:center;width:100%;height:44px;display:grid}.dde-dock-grip span{background:var(--dde-line);width:40px;height:5px;transition:background-color var(--dde-d-fast);border-radius:99px}.dde-dock-grip:hover span,.dde-dock-grip:focus-visible span,.dde-dock[data-dragging] .dde-dock-grip span{background:var(--dde-soft)}.dde-dock .dde-panel-head{z-index:1;touch-action:none;border:0;padding:0;position:absolute;top:0;left:8px}.dde-dock .dde-panel-head h2,.dde-dock .dde-panel-head>span:last-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dde-dock .dde-tabs{margin-top:0}@media (prefers-reduced-motion:reduce){.dde-dock{transition:none}}@media (max-width:959px){.dde-canvas:not(.dde-canvas-compact) .dde-canvas-stage{padding-bottom:100px}}