.cidm{--cidm-ease: cubic-bezier(.23, 1, .32, 1);width:min(1440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:1px solid var(--wb-lineH);border-radius:1.5rem;background:var(--wb-bg);color:var(--wb-ink);font-size:.8125rem;line-height:1.5;box-shadow:0 40px 90px -40px #000000d9;font-family:inherit;letter-spacing:0}.cidm :is(button,input,textarea){font-family:inherit}.cidm svg{flex:none;width:1rem;height:1rem}.cidm :is(button,input,textarea):focus-visible{outline:2px solid var(--wb-reqInk);outline-offset:3px}.cidm-x{position:absolute;top:.75rem;right:.75rem;z-index:3;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:999px;background:transparent;color:var(--wb-ink2);cursor:pointer;transition:background-color .16s ease,color .16s ease}.cidm-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,1fr);min-height:min(46rem,calc(100dvh - 32px))}.cidm-example{position:relative;isolation:isolate;overflow:hidden;overflow:clip;display:grid;align-content:center;gap:1.25rem;padding:1.75rem;border-right:1px solid var(--wb-lineH);background:radial-gradient(80% 60% at 20% 0%,rgba(168,85,247,.16),transparent 70%),radial-gradient(70% 60% at 100% 100%,rgba(236,72,153,.1),transparent 70%);animation:cidm-in .26s var(--cidm-ease) both}.cidm-wash{position:absolute;inset:-15%;z-index:-1;background:center / cover no-repeat;filter:blur(64px) saturate(1.4);opacity:.5;pointer-events:none}html[data-perf=lite] .cidm-wash{display:none}.cidm[data-theme=light] .cidm-wash{opacity:.35}@keyframes cidm-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cidm-flow{display:grid;grid-template-columns:minmax(0,.42fr) auto minmax(0,1fr);align-items:center;gap:.75rem}.cidm-flow figure{margin:0;display:grid;gap:.5rem}.cidm-flow figcaption{font-size:11px;color:var(--wb-ink2)}.cidm-in img,.cidm-in>span{width:100%;aspect-ratio:4 / 5;-o-object-fit:cover;object-fit:cover;border-radius:1rem;border:1px solid var(--wb-lineH);box-shadow:inset 0 1px 0 var(--wb-hi),0 18px 36px -24px #000000e6}.cidm-in.is-words>span{display:grid;align-content:center;padding:.875rem;background:var(--wb-card2);font-size:12px;line-height:1.5;color:var(--wb-ink2)}.cidm-arrow{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--wb-disc);border:1px solid var(--wb-btnLine);box-shadow:inset 0 1px 0 var(--wb-hi),0 3px 0 var(--wb-shIn);color:var(--wb-ink)}.cidm-out img{width:100%;border-radius:1rem;border:1px solid var(--wb-lineH);background:var(--wb-card2);box-shadow:inset 0 1px 0 var(--wb-hi),0 24px 48px -28px #000000f2}.cidm-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none}.cidm-facts li{display:inline-flex;align-items:center;gap:.4rem;min-height:2rem;padding:0 .75rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--wb-ink) 12%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--wb-ink) 12%,transparent),color-mix(in srgb,var(--wb-ink) 5%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--wb-ink) 14%,transparent),0 1px 2px #0000004d;font-size:11px;color:var(--wb-ink)}.cidm-facts svg{width:.9rem;height:.9rem;color:var(--wb-reqInk)}.cidm-form{display:grid;align-content:start;gap:.5rem;padding:1.75rem 1.75rem 1.25rem}.cidm-title{margin:0;padding-right:2.5rem;font-size:20px;font-weight:600;letter-spacing:-.02em}.cidm-sub{margin:0 0 .5rem;font-size:12px;color:var(--wb-ink2)}.cidm-label{margin:.625rem 0 .125rem;font-size:12px;font-weight:600;color:var(--wb-ink)}.cidm-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.cidm-kind{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:0 .5rem;border:1px solid var(--wb-lineH);border-radius:.8rem;background:var(--wb-card2);color:var(--wb-ink2);font-size:12px;cursor:pointer;box-shadow:inset 0 1px 0 var(--wb-hi);transition:transform .16s var(--cidm-ease),color .16s ease,background .16s ease,box-shadow .16s ease}.cidm-kind svg{width:.9rem;height:.9rem}.cidm-kind[aria-checked=true]{color:var(--wb-ink);font-weight:600;border-color:var(--wb-btnLine);background:var(--wb-disc);box-shadow:inset 0 1px 0 var(--wb-hi),0 3px 0 var(--wb-shIn),0 8px 18px -10px #000c;transform:translateY(-1px)}.cidm-kind:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 1px 0 var(--wb-hi),0 1px 0 var(--wb-shIn)}.cidm-photos{display:flex;flex-wrap:wrap;gap:.5rem}.cidm-photo{position:relative;width:4.5rem;height:4.5rem}.cidm-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.8rem;border:1px solid var(--wb-lineH)}.cidm-photo button{position:absolute;top:-.4rem;right:-.4rem;display:grid;place-items:center;width:1.375rem;height:1.375rem;border:1px solid var(--wb-btnLine);border-radius:999px;background:var(--wb-bg);color:var(--wb-ink);cursor:pointer}.cidm-photo button:before{content:"";position:absolute;inset:-.7rem}.cidm-photo button svg{width:.7rem;height:.7rem}.cidm-add{display:flex;align-items:center;gap:.875rem;flex:1;min-width:4.5rem;min-height:4.5rem;padding:.75rem 1rem;border:1px dashed var(--wb-lineH);border-radius:.9rem;background:var(--wb-card2);color:var(--wb-ink);text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s var(--cidm-ease)}.cidm-add>svg{width:2.5rem;height:2.5rem;padding:.6rem;border-radius:.8rem;background:var(--wb-disc);box-shadow:inset 0 1px 0 var(--wb-hi),0 3px 0 var(--wb-shIn)}.cidm-photos:has(.cidm-photo) .cidm-add{flex:0 0 4.5rem;justify-content:center;padding:0}.cidm-photos:has(.cidm-photo) .cidm-add>svg{width:1.25rem;height:1.25rem;padding:0;background:none;box-shadow:none}.cidm-add:active{transform:scale(.98)}.cidm-add span{display:grid;gap:.125rem}.cidm-add strong{font-size:12px;font-weight:600}.cidm-add small{font-size:11px;line-height:1.4;color:var(--wb-ink2)}.cidm-words,.cidm-name{width:100%;min-height:2.75rem;padding:.65rem .8rem;border:1px solid var(--wb-lineH);border-radius:.8rem;background:var(--wb-card2);box-shadow:inset 0 1px 2px #00000040;color:var(--wb-ink);font-size:16px;line-height:1.4;resize:vertical}.cidm-words::-moz-placeholder,.cidm-name::-moz-placeholder{color:var(--wb-ink3, var(--wb-ink2));opacity:.8}.cidm-words::placeholder,.cidm-name::placeholder{color:var(--wb-ink3, var(--wb-ink2));opacity:.8}.cidm-hint{margin:0;font-size:11px;color:var(--wb-ink2)}.cidm-hint strong{color:var(--wb-reqInk);font-weight:600}.cidm-more{display:flex;align-items:center;justify-content:space-between;min-height:2.75rem;margin-top:.25rem;padding:0;border:0;border-top:1px solid var(--wb-lineH);background:none;color:var(--wb-ink2);font-size:12px;cursor:pointer}.cidm-more svg{transition:transform .2s var(--cidm-ease)}.cidm-more svg[data-open="1"]{transform:rotate(180deg)}.cidm-more-body{display:grid;gap:.5rem;animation:cidm-in .2s var(--cidm-ease) both}.cidm-more-body .cidm-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}.cidm-price{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-top:.375rem;padding:.75rem 0 .25rem;border-top:1px solid var(--wb-lineH);font-size:12px;color:var(--wb-ink2)}.cidm-price strong{font-size:13px;font-weight:600;color:var(--wb-ink)}.cidm-error{margin:0;font-size:12px;color:#fda4af}.cidm-go{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:3.25rem;padding:0 1.25rem;border:1px solid rgba(255,255,255,.4);border-radius:.9rem;background:var(--im-primary-face, linear-gradient(135deg, #f9a8d4 0%, #c084fc 55%, #a78bfa 100%));color:var(--im-primary-ink, #160a25);font-size:13px;font-weight:600;cursor:pointer;box-shadow:inset 0 2px #ffffffa6,0 4px #581c87d9,0 .75rem 1.5rem -.75rem #ac53fad9;transition:transform .16s var(--cidm-ease),box-shadow .16s var(--cidm-ease),filter .16s ease}.cidm-go:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffffa6,0 1px #581c87d9}.cidm-go:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.cidm-ghost{min-height:3.25rem;padding:0 1.25rem;border:1px solid var(--wb-btnLine);border-radius:.9rem;background:var(--wb-disc);color:var(--wb-ink);font-size:13px;cursor:pointer;box-shadow:inset 0 1px 0 var(--wb-hi),0 3px 0 var(--wb-shIn);transition:transform .16s var(--cidm-ease)}.cidm-ghost:active{transform:translateY(2px);box-shadow:inset 0 1px 0 var(--wb-hi),0 1px 0 var(--wb-shIn)}.cidm-foot{margin:.25rem 0 0;text-align:center;font-size:11px;color:var(--wb-ink2)}.cidm-foot button{min-height:2rem;padding:0;border:0;background:none;color:var(--wb-ink);font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cidm-spin{animation:cidm-spin .9s linear infinite}@keyframes cidm-spin{to{transform:rotate(360deg)}}.cidm-done{display:grid;gap:1rem;padding:1.75rem}.cidm-done-head{display:grid;gap:.25rem;padding-right:3rem}.cidm-done-stage{display:grid;place-items:center;min-height:18rem;border-radius:1.1rem;border:1px solid var(--wb-lineH);background:var(--wb-card2);box-shadow:inset 0 1px 0 var(--wb-hi);overflow:hidden}.cidm-done-stage img{width:100%;display:block;animation:cidm-in .26s var(--cidm-ease) both}.cidm-making svg{width:1.75rem;height:1.75rem;color:var(--wb-ink2)}.cidm-done-actions{display:flex;flex-wrap:wrap;gap:.625rem}.cidm-done-actions .cidm-go{width:auto}@media(max-width:880px){.cidm-grid{grid-template-columns:1fr}.cidm-example{border-right:0;border-bottom:1px solid var(--wb-lineH);padding:1rem;gap:.875rem}.cidm-facts{display:none}.cidm-form{padding:1rem}.cidm-go{min-height:3.5rem}.cidm-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(pointer:coarse)and (max-height:500px){.cidm-grid:where([data-mn-landscape],[data-mn-landscape] *){grid-template-columns:1fr}.cidm-example:where([data-mn-landscape],[data-mn-landscape] *){border-right:0;border-bottom:1px solid var(--wb-lineH);padding:1rem;gap:.875rem}.cidm-facts:where([data-mn-landscape],[data-mn-landscape] *){display:none}.cidm-form:where([data-mn-landscape],[data-mn-landscape] *){padding:1rem}.cidm-go:where([data-mn-landscape],[data-mn-landscape] *){min-height:3.5rem}.cidm-kinds:where([data-mn-landscape],[data-mn-landscape] *){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(hover:hover)and (pointer:fine){.cidm-x:hover{color:var(--wb-ink);background:var(--wb-card2)}.cidm-kind:hover{color:var(--wb-ink)}.cidm-add:hover{border-color:var(--wb-reqInk)}.cidm-go:hover{filter:brightness(1.05)}}.cidm-link{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.25rem .25rem .25rem .75rem;border:1px solid var(--wb-btnLine);border-radius:.8rem;background:var(--wb-card2)}.cidm-link>svg{width:.9rem;height:.9rem;color:var(--wb-ink2)}.cidm-link input{flex:1;min-width:0;min-height:2.5rem;border:0;background:none;color:var(--wb-ink);font-size:16px;outline:none}@media(min-width:761px){.cidm-link input:where(:not([data-mn-landscape],[data-mn-landscape] *)){font-size:12px}}.cidm-link:focus-within{border-color:var(--wb-reqInk)}.cidm .cidm-link-go{flex:none;display:inline-flex;gap:.375rem;min-height:2.5rem;padding:0 .875rem}.cidm-found{display:grid;gap:.375rem;margin-top:.5rem}.cidm-found-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.375rem}.cidm-found-pic{position:relative;aspect-ratio:1;padding:0;overflow:hidden;border:0;border-radius:.6rem;background:var(--wb-card2);outline:2px solid transparent;outline-offset:1px;cursor:pointer;transition:outline-color .16s ease,transform .16s var(--cidm-ease),opacity .16s ease}.cidm-found-pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cidm-found-pic[aria-pressed=true]{outline-color:var(--wb-reqInk)}.cidm-found-pic:disabled{opacity:.4;cursor:not-allowed}.cidm-found-pic:active:not(:disabled){transform:scale(.96)}.cidm-found-pic>span{position:absolute;top:.25rem;right:.25rem;display:grid;place-items:center;width:1.1rem;height:1.1rem;border-radius:999px;background:var(--im-primary-face, linear-gradient(135deg, #f9a8d4 0%, #c084fc 55%, #a78bfa 100%));color:#160a25}.cidm-found-pic[aria-pressed=false]>span{background:#0a061073;border:1px solid rgba(255,255,255,.6)}.cidm-found-pic>span svg{width:.7rem;height:.7rem}@media(max-width:560px){.cidm-found-grid:where(:not([data-mn-landscape],[data-mn-landscape] *)){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:761px){.cidm .cidm-words:where(:not([data-mn-landscape],[data-mn-landscape] *)),.cidm .cidm-name:where(:not([data-mn-landscape],[data-mn-landscape] *)){font-size:13px}}@media(max-width:760px){.cidm-x{background:#0a06108c;color:#fff;backdrop-filter:blur(6px)}}@media(pointer:coarse)and (max-height:500px){.cidm-x:where([data-mn-landscape],[data-mn-landscape] *){background:#0a06108c;color:#fff;backdrop-filter:blur(6px)}}@media(pointer:coarse){.cidm-foot button{min-height:44px;padding-inline:.25rem}.cidm-link input,.cidm .cidm-link-go{min-height:44px}}@media(max-width:880px){.cidm .cidm-grid{grid-template-columns:minmax(0,1fr)}.cidm .cidm-grid>*{min-width:0}.cidm .cidm-form{grid-template-columns:minmax(0,1fr)}.cidm .cidm-form>*{min-width:0}.cidm .cidm-example{padding-top:3.5rem}.cidm .cidm-kind{min-width:0}.cidm .cidm-kind>span,.cidm .cidm-kind{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(pointer:coarse)and (max-height:500px){.cidm .cidm-grid:where([data-mn-landscape],[data-mn-landscape] *){grid-template-columns:minmax(0,1fr)}.cidm .cidm-grid>*:where([data-mn-landscape],[data-mn-landscape] *){min-width:0}.cidm .cidm-form:where([data-mn-landscape],[data-mn-landscape] *){grid-template-columns:minmax(0,1fr)}.cidm .cidm-form>*:where([data-mn-landscape],[data-mn-landscape] *){min-width:0}.cidm .cidm-example:where([data-mn-landscape],[data-mn-landscape] *){padding-top:3.5rem}.cidm .cidm-kind:where([data-mn-landscape],[data-mn-landscape] *){min-width:0}.cidm .cidm-kind>span:where([data-mn-landscape],[data-mn-landscape] *),.cidm .cidm-kind:where([data-mn-landscape],[data-mn-landscape] *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(pointer:coarse){.cidm .cidm-foot button,.cidm .cidm-link input,.cidm .cidm-link-go{min-height:44px}}
