.dp-root,.dp-overlay,.dp-portal,.dp-ideas{--dp-ease:cubic-bezier(.22, 1, .36, 1);--dp-spring:cubic-bezier(.34, 1.32, .64, 1);--dp-node:#0d99ff;--dp-shadow-pop:0 0 0 .5px #00000017, 0 1px 2px #0000000a, 0 8px 24px -6px #0000001a, 0 24px 56px -16px #0000001f;text-align:left}.dp-root{z-index:30;position:relative}@keyframes dp-rise-in{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:none}}@keyframes dp-chip-in{0%{opacity:0;filter:blur(2px);transform:scale(.94)}to{opacity:1;filter:blur();transform:none}}@keyframes dp-word-in{0%{opacity:0;filter:blur(5px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:none}}@keyframes dp-word-out{0%{opacity:1;filter:blur();transform:none}to{opacity:0;filter:blur(5px);transform:translateY(-6px)}}@keyframes dp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dp-fade-out{0%{opacity:1}to{opacity:0}}.dp-expand{animation:dp-fade-in .15s var(--dp-ease) both}.dp-collapse{opacity:0;transition:grid-template-rows .2s var(--dp-ease), opacity .15s var(--dp-ease);grid-template-rows:0fr;display:grid}.dp-collapse[data-open]{opacity:1;grid-template-rows:1fr}@starting-style{.dp-collapse[data-open]{opacity:0;grid-template-rows:0fr}}.dp-collapse>*{min-height:0;overflow:hidden}.dp-drop{border:1px dashed var(--border);border-radius:var(--radius-lg);background:color-mix(in oklab, var(--muted) 45%, var(--background));align-items:center;gap:14px;height:76px;margin:2px 0;padding:0 12px;transition:background-color .16s,border-color .16s;display:flex;position:relative}.dp-drop[data-compact]{text-align:left;gap:12px;width:100%;height:auto;min-height:64px;padding:10px 12px 10px 10px}.dp-drop[data-compact] .dp-ba-tile{border-radius:8px;width:40px;height:40px}.dp-collapse>*{container-type:inline-size}@container (width<340px){.dp-drop[data-compact] .dp-ba>:not(:last-child){display:none}}.dp-drop[data-over]{border-style:solid;border-color:var(--foreground);background:color-mix(in oklab, var(--muted) 85%, var(--background))}.dp-drop-copy{flex:1;min-width:0}.dp-ba{align-items:center;gap:6px;display:flex}.dp-ba-tile{background:#fff;border-radius:9px;width:48px;height:48px;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0000001a,0 1px 2px #0000000d}.dp-ba-tile img{width:auto;max-width:none;height:150%;position:absolute;top:50%;translate:0 -50%}.dp-ba-tile img[data-half=photo]{left:2px}.dp-ba-tile img[data-half=vector]{right:0}.dp-att{padding:0 8px 6px 0;position:relative}.dp-att-thumb{width:60px;height:60px;animation:dp-fade-in .15s var(--dp-ease) both;background:#fff;border-radius:11px;flex:none;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0000001f}.dp-att-thumb img{object-fit:cover;width:100%;height:100%;display:block}.dp-att-remove{display:flex;position:absolute;top:-8px;right:-2px}.dp-att-remove:before{content:"";pointer-events:none;background:#000000b8;border-radius:999px;width:20px;height:20px;margin:auto;position:absolute;inset:0}.dp-att-remove svg{color:#fff;width:11px;height:11px;position:relative}@media (width<48rem){.dp-att-thumb{border-radius:10px;width:52px;height:52px}}@media (pointer:coarse){.dp-att-remove{top:-18px}}@keyframes dp-scan-clip{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes dp-scan-line{0%{opacity:1;left:0}95%{opacity:1}to{opacity:0;left:100%}}.dp-att-scan{animation:dp-scan-clip 1.6s var(--ease-in-out-cubic,ease-in-out) infinite;background:#fff;position:absolute;inset:0}.dp-att-scan img{object-fit:cover;filter:contrast(1.2)saturate(1.15);width:100%;height:100%;display:block}.dp-att-line{background:var(--dp-node);width:1.5px;animation:dp-scan-line 1.6s var(--ease-in-out-cubic,ease-in-out) infinite;position:absolute;top:0;bottom:0;box-shadow:0 0 6px 1px #0d99ff8c}.dp-chip-slot{z-index:20;align-items:center;height:1lh;display:flex;position:absolute;top:6px;left:4px}.dp-root[data-living] textarea::placeholder{color:#0000}.dp-root textarea::placeholder{text-overflow:ellipsis;overflow:hidden}.dp-tool-chip{transform-origin:0;animation:dp-chip-in .2s var(--dp-ease) both;position:relative}.dp-token-close{background:var(--foreground);width:14px;height:14px;color:var(--background);opacity:0;transition:opacity .12s ease, scale .16s var(--dp-ease);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:-5px;right:-5px;scale:.6}.dp-token-close svg{width:8px;height:8px}.dp-chip-slot>button:hover .dp-tool-chip,.dp-chip-slot>button:focus-visible .dp-tool-chip{background:color-mix(in oklab, var(--muted) 82%, var(--foreground))}.dp-chip-slot>button:focus-visible .dp-token-close{opacity:1;scale:1}@media (hover:hover){.dp-chip-slot>button:hover .dp-token-close{opacity:1;scale:1}}@media (pointer:coarse){.dp-tool-chip{gap:5px}.dp-tool-chip .dp-token-close{width:12px;height:12px;color:var(--muted-foreground);opacity:1;background:0 0;margin-left:1px;position:static;scale:1}.dp-tool-chip .dp-token-close svg{width:10px;height:10px}}.dp-token{background:var(--muted);height:22px;color:var(--foreground);letter-spacing:-.01em;white-space:nowrap;border-radius:5px;align-items:center;padding:0 7px;font-size:12.5px;font-weight:500;display:inline-flex}.dp-living{pointer-events:none;height:0;position:absolute;top:0;left:0;right:0}.dp-root:has(textarea:not(:placeholder-shown)) .dp-living{display:none}.dp-living-line{height:1lh;color:var(--muted-foreground);white-space:nowrap;align-items:center;display:flex;position:absolute;top:6px;left:4px;right:4px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.dp-living-line .dp-token{color:var(--muted-foreground);flex-shrink:0;margin-right:8px}.dp-word{white-space:pre;display:inline-block}.dp-word.dp-token{display:inline-flex}.dp-living-line[data-phase=static]{animation:dp-fade-in .32s var(--dp-ease) both}.dp-living-line[data-phase=in] .dp-word{animation:dp-word-in .72s var(--dp-ease) both}.dp-living-line[data-phase=out] .dp-word{animation:dp-word-out .48s var(--dp-ease) both}.dp-panel{pointer-events:auto;z-index:40;position:absolute;left:0}.dp-panel[data-side=below]{transform-origin:24px 0;top:calc(100% + 8px)}.dp-panel[data-side=above]{transform-origin:24px 100%;bottom:calc(100% + 8px)}.dp-row-collapse{grid-template-rows:1fr;display:grid}.dp-row-collapse[data-hidden]{opacity:0;grid-template-rows:0fr}.dp-row-collapse>*{min-height:0;overflow:hidden}.dp-row-enter{animation:dp-rise-in .38s var(--dp-ease) both}.dp-hint{opacity:0;filter:blur(2px);transition:opacity .22s var(--dp-ease), filter .22s var(--dp-ease), transform .22s var(--dp-ease);transform:translateY(4px)}.dp-hint[data-active]{opacity:1;filter:blur();transform:none}.dp-thumb{background:#f4f4f4;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #0000000f}.dp-thumb img{object-fit:cover;width:100%;height:100%;display:block}.dp-thumb[data-zoom] img{transform-origin:50% 45%;transform:scale(1.32)}.dp-recolor{filter:hue-rotate(190deg)saturate(.9)}.dp-slash .dp-menu-text{flex-direction:column;justify-content:center;min-height:34px;display:flex}.dp-menu-title{color:var(--foreground);letter-spacing:-.01em;font-size:13px;font-weight:500}.dp-menu-title b{font-weight:650}.dp-menu-description{color:var(--muted-foreground);letter-spacing:-.005em;margin-top:1px;font-size:12px;font-weight:400}.dp-tag{box-shadow:inset 0 0 0 1px var(--border);color:var(--muted-foreground);letter-spacing:0;border-radius:5px;margin-left:6px;padding:1px 5px;font-size:10.5px;font-weight:500}.dp-swatches{grid-auto-flow:column;justify-content:center;place-items:center;padding-left:5px;display:grid}.dp-swatches i{border-radius:999px;width:16px;height:16px;margin-left:-5px;display:block;box-shadow:0 0 0 1.5px #f4f4f4}.dp-enter-key{color:var(--muted-foreground);opacity:0;transition:opacity .12s}.dp-enter-key[data-active]{opacity:1}.dp-tip-media{background:color-mix(in oklab, var(--muted) 70%, var(--background));border-radius:10px;height:156px;position:relative;overflow:hidden}.dp-tip-slide{transition:opacity .45s var(--ease-in-out-cubic,ease-in-out), transform .45s var(--ease-in-out-cubic,ease-in-out), filter .45s var(--ease-in-out-cubic,ease-in-out);justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.dp-tip-slide[data-state=before]{opacity:0;filter:blur(4px);transform:translate(40px)}.dp-tip-slide[data-state=after]{opacity:0;filter:blur(4px);transform:translate(-40px)}.dp-frame{background:#fff;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0000001a,0 3px 10px -2px #0000001a}.dp-frame img{object-fit:cover;width:100%;height:100%;display:block}.dp-frame-label{color:#0a0a0a;font-family:var(--font-mono);background:#ffffffeb;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:500;position:absolute;bottom:8px;box-shadow:0 0 0 .5px #00000014}@keyframes dp-fan{0%{opacity:0;transform:translate(-30px)scale(.7)rotate(-8deg)}to{opacity:1;transform:none}}.dp-tip-slide[data-state=active] .dp-fan{animation:dp-fan .7s var(--dp-spring) both}.dp-tip-slide[data-state=active] .dp-fan:nth-of-type(2){animation-delay:.3s}.dp-tip-slide[data-state=active] .dp-fan:nth-of-type(3){animation-delay:.45s}.dp-progress{background:var(--border);border-radius:9px;width:22px;height:4px;display:block;position:relative;overflow:hidden}.dp-progress>i{background:var(--foreground);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}@keyframes dp-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dp-progress[data-state=active]>i{animation:2.55s linear both dp-progress}.dp-progress[data-state=done]>i{transform:scaleX(1)}.dp-overlay{-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);animation:dp-fade-in .3s var(--dp-ease) both;background:#ffffffb3}:root[class~=dark] .dp-overlay{background:#0a0a0ab3}.dp-target{background:var(--background);width:min(360px,100%);box-shadow:var(--dp-shadow-pop);animation:dp-rise-in .52s var(--dp-spring) backwards;transition:transform .36s var(--dp-spring), opacity .24s ease;border-radius:20px;padding:10px;position:relative}.dp-target:nth-of-type(2){animation-delay:70ms}.dp-target:after{box-shadow:inset 0 0 0 1.5px var(--foreground);content:"";opacity:0;border-radius:20px;transition:opacity .2s;position:absolute;inset:0}.dp-target[data-hovered]{transform:scale(1.025)}.dp-target[data-hovered]:after{opacity:1}.dp-target-hero{width:208px;height:156px}.dp-target-thumb{width:84px;height:84px}.dp-target-title{color:var(--foreground);letter-spacing:-.01em;padding:12px 6px 2px;font-size:14px;font-weight:500}.dp-target-description{color:var(--muted-foreground);padding:0 6px 4px;font-size:13px}.dp-target[data-dimmed]{opacity:.6}.dp-target-preview{background:color-mix(in oklab, var(--muted) 70%, var(--background));border-radius:12px;justify-content:center;align-items:center;gap:12px;height:212px;display:flex;position:relative;overflow:hidden}@media (width<48rem){.dp-target-preview{height:144px}.dp-target-hero{width:149px;height:112px}.dp-target-thumb{width:64px;height:64px}}@media (height<720px) and (width<48rem){.dp-target-preview{height:112px}.dp-target-hero{width:117px;height:88px}.dp-target-thumb{width:52px;height:52px}}.dp-touch-heading{color:var(--muted-foreground);padding:12px 6px 6px;font-size:12px;font-weight:500}.dp-rail{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding:2px 4px 14px;scroll-padding-inline:28px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}@supports (animation-timeline:scroll()){.dp-rail{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--dp-rail-fade-start), #000 calc(100% - var(--dp-rail-fade-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--dp-rail-fade-start), #000 calc(100% - var(--dp-rail-fade-end)), transparent);animation:linear both dp-rail-fade-start,linear both dp-rail-fade-end;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0 24px,calc(100% - 24px) 100%}}@property --dp-rail-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --dp-rail-fade-end{syntax:"<length>";inherits:false;initial-value:0}@keyframes dp-rail-fade-start{0%{--dp-rail-fade-start:0px}to{--dp-rail-fade-start:24px}}@keyframes dp-rail-fade-end{0%{--dp-rail-fade-end:24px}to{--dp-rail-fade-end:0px}}.dp-rail>:not(:last-child){scroll-snap-align:start}.dp-rail::-webkit-scrollbar{display:none}.dp-gallery-list{padding-bottom:max(1.25rem, env(safe-area-inset-bottom));flex-direction:column;gap:20px;margin:0 -6px;display:flex}.dp-sheet-list{padding-bottom:max(1.25rem, env(safe-area-inset-bottom));flex-direction:column;gap:2px;margin:0 -8px;display:flex}.dp-sheet-row{text-align:left;white-space:normal;align-items:center;gap:12px;min-height:56px;padding:8px;display:flex}.dp-sheet-icon{background:var(--muted);width:40px;height:40px;color:var(--foreground);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dp-sheet-icon svg{width:18px;height:18px}.dp-card{text-align:left;white-space:normal;flex-direction:column;gap:2px;width:100%;min-width:0;padding:6px 6px 10px;display:flex}.dp-card .dp-menu-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dp-card-art{aspect-ratio:4/3;background:var(--muted);border-radius:12px;margin-bottom:8px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #0000000f}.dp-card-art img{object-fit:cover;width:100%;height:100%}.dp-ideas{--dp-ideas-bleed:1rem;--dp-idea-width:232px;--dp-idea-gap:12px;width:100%;max-width:calc(var(--dp-ideas-count) * var(--dp-idea-width) + (var(--dp-ideas-count) - 1) * var(--dp-idea-gap));padding-bottom:2rem;container-type:inline-size}@media (width>=40rem){.dp-ideas{--dp-ideas-bleed:1.5rem}}@property --dp-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --dp-fade-end{syntax:"<length>";inherits:false;initial-value:0}.dp-ideas-track{--dp-fade-start:0px;--dp-fade-end:0px;gap:var(--dp-idea-gap);margin:0 calc(-1 * var(--dp-ideas-bleed));padding:0 var(--dp-ideas-bleed) 4px;overscroll-behavior-x:contain;scroll-padding-inline:var(--dp-ideas-bleed);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, #00000004 calc(var(--dp-fade-start) * .0833), #0000000e calc(var(--dp-fade-start) * .1667), #00000021 calc(var(--dp-fade-start) * .25), #0000003b calc(var(--dp-fade-start) * .3333), #0000005c calc(var(--dp-fade-start) * .4167), #00000080 calc(var(--dp-fade-start) * .5), #000000a3 calc(var(--dp-fade-start) * .5833), #000000c4 calc(var(--dp-fade-start) * .6667), #000000de calc(var(--dp-fade-start) * .75), #000000f1 calc(var(--dp-fade-start) * .8333), #000000fb calc(var(--dp-fade-start) * .9167), #000 var(--dp-fade-start), #000 calc(100% - var(--dp-fade-end)), #000000fb calc(100% - var(--dp-fade-end) * .9167), #000000f1 calc(100% - var(--dp-fade-end) * .8333), #000000de calc(100% - var(--dp-fade-end) * .75), #000000c4 calc(100% - var(--dp-fade-end) * .6667), #000000a3 calc(100% - var(--dp-fade-end) * .5833), #00000080 calc(100% - var(--dp-fade-end) * .5), #0000005c calc(100% - var(--dp-fade-end) * .4167), #0000003b calc(100% - var(--dp-fade-end) * .3333), #00000021 calc(100% - var(--dp-fade-end) * .25), #0000000e calc(100% - var(--dp-fade-end) * .1667), #00000004 calc(100% - var(--dp-fade-end) * .0833), transparent);mask-image:linear-gradient(to right, transparent, #00000004 calc(var(--dp-fade-start) * .0833), #0000000e calc(var(--dp-fade-start) * .1667), #00000021 calc(var(--dp-fade-start) * .25), #0000003b calc(var(--dp-fade-start) * .3333), #0000005c calc(var(--dp-fade-start) * .4167), #00000080 calc(var(--dp-fade-start) * .5), #000000a3 calc(var(--dp-fade-start) * .5833), #000000c4 calc(var(--dp-fade-start) * .6667), #000000de calc(var(--dp-fade-start) * .75), #000000f1 calc(var(--dp-fade-start) * .8333), #000000fb calc(var(--dp-fade-start) * .9167), #000 var(--dp-fade-start), #000 calc(100% - var(--dp-fade-end)), #000000fb calc(100% - var(--dp-fade-end) * .9167), #000000f1 calc(100% - var(--dp-fade-end) * .8333), #000000de calc(100% - var(--dp-fade-end) * .75), #000000c4 calc(100% - var(--dp-fade-end) * .6667), #000000a3 calc(100% - var(--dp-fade-end) * .5833), #00000080 calc(100% - var(--dp-fade-end) * .5), #0000005c calc(100% - var(--dp-fade-end) * .4167), #0000003b calc(100% - var(--dp-fade-end) * .3333), #00000021 calc(100% - var(--dp-fade-end) * .25), #0000000e calc(100% - var(--dp-fade-end) * .1667), #00000004 calc(100% - var(--dp-fade-end) * .0833), transparent);transition:--dp-fade-start .24s var(--dp-ease), --dp-fade-end .24s var(--dp-ease);list-style:none;display:flex;overflow-x:auto}.dp-ideas-track[data-more-before]{--dp-fade-start:calc(var(--dp-ideas-bleed) + 64px)}.dp-ideas-track[data-more-after]{--dp-fade-end:calc(var(--dp-ideas-bleed) + 64px)}.dp-ideas-track::-webkit-scrollbar{display:none}.dp-ideas-item{width:min(var(--dp-idea-width), 66cqi);scroll-snap-align:start;flex:none;position:relative}@container (width<=400px){.dp-ideas-track{--dp-ideas-side:calc((100cqi + 2 * var(--dp-ideas-bleed) - min(var(--dp-idea-width), 66cqi)) / 2)}.dp-ideas-item{scroll-snap-align:center}.dp-ideas-item:first-child{scroll-snap-align:start}.dp-ideas-item:last-child{scroll-snap-align:end}.dp-ideas-track[data-more-before]{--dp-fade-start:var(--dp-ideas-side)}.dp-ideas-track[data-more-after]{--dp-fade-end:var(--dp-ideas-side)}}@container (width>400px){.dp-ideas-item{width:min(var(--dp-idea-width), max((100cqi - 2 * var(--dp-idea-gap)) / 2.3, (100cqi - (var(--dp-ideas-count) - 1) * var(--dp-idea-gap)) / var(--dp-ideas-count)))}}.dp-ideas-paging[data-hidden]{visibility:hidden}@media (pointer:coarse){.dp-ideas-paging{display:none}}@media (prefers-reduced-motion:reduce){.dp-root :not(.dp-living-line,.dp-rail),.dp-overlay,.dp-overlay *,.dp-ideas *{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.dp-living-line[data-phase=in] .dp-word,.dp-living-line[data-phase=out] .dp-word{animation:none!important}.dp-living-line[data-phase=in]{animation:.3s linear both dp-fade-in}.dp-living-line[data-phase=out]{animation:.3s linear both dp-fade-out}}
