.dc-model{--dc-model-studio-top: #fbfaf6;--dc-model-studio-mid: #ece7dc;--dc-model-studio-low: #d6cebf;--dc-model-dot: var(--dc-accent,#2f6fe4);--dc-model-dot-size: 30px;--dc-model-hit: 44px;display: grid;gap: .75rem;}.dc-model__stage{position: relative;aspect-ratio: 4 / 3;border-radius: var(--dc-radius,22px);overflow: hidden;background: radial-gradient(120% 85% at 50% 30%,var(--dc-model-studio-top) 0%,var(--dc-model-studio-mid) 55%,var(--dc-model-studio-low) 100%);box-shadow: inset 0 0 0 1px var(--dc-line,rgba(23,33,58,.12));isolation: isolate;outline: none;}.dc-model__stage:focus-visible{box-shadow: inset 0 0 0 1px var(--dc-line,rgba(23,33,58,.12)),0 0 0 3px var(--po-focus,#1e6fd0);}.dc-model__canvas{position: absolute;inset: 0;cursor: grab;}.dc-model.is-dragging .dc-model__canvas{cursor: grabbing;}.dc-model__canvas canvas{display: block;width: 100%;height: 100%;touch-action: pan-y;opacity: 0;transition: opacity .5s ease;}.dc-model.is-ready .dc-model__canvas canvas{opacity: 1;}.dc-model__dots{position: absolute;inset: 0;pointer-events: none;}.dc-model__dot{position: absolute;left: 0;top: 0;width: var(--dc-model-hit);height: var(--dc-model-hit);margin: calc(var(--dc-model-hit) / -2) 0 0 calc(var(--dc-model-hit) / -2);padding: 0;border: 0;background: none;cursor: pointer;pointer-events: auto;transition: opacity .2s ease;}.dc-model__dot::before{content: "";position: absolute;left: 50%;top: 50%;width: var(--dc-model-dot-size);height: var(--dc-model-dot-size);margin: calc(var(--dc-model-dot-size) / -2) 0 0 calc(var(--dc-model-dot-size) / -2);border: 3px solid #fff;border-radius: 50%;background: var(--dc-model-dot);box-shadow: 0 0 0 4px color-mix(in srgb,var(--dc-model-dot) 32%,transparent),0 2px 8px rgba(0,0,0,.35);box-sizing: border-box;transition: transform .2s ease,background-color .2s ease;}.dc-model__dot:hover::before,.dc-model__dot:focus-visible::before{transform: scale(1.15);}.dc-model__dot.is-picked::before{background: var(--dc-warm,#ffb43d);box-shadow: 0 0 0 5px color-mix(in srgb,var(--dc-warm,#ffb43d) 40%,transparent),0 2px 10px rgba(0,0,0,.4);}.dc-model__dot.is-hidden{opacity: 0;pointer-events: none;}.dc-model__dot-label{position: absolute;left: 50%;bottom: calc(100% - 4px);transform: translateX(-50%);padding: .2rem .55rem;border-radius: 999px;background: rgba(17,21,33,.82);color: #fff;font: 700 .8rem/1.3 var(--po-font-body,"Nunito",sans-serif);white-space: nowrap;opacity: 0;transition: opacity .15s ease;pointer-events: none;}.dc-model__dot:hover .dc-model__dot-label,.dc-model__dot.is-picked .dc-model__dot-label{opacity: 1;}.dc-model__tools{position: absolute;right: .6rem;bottom: .6rem;display: flex;flex-direction: column;gap: .45rem;z-index: 2;}.dc-model__tool{display: grid;place-items: center;width: 44px;height: 44px;padding: 0;border: 1px solid rgba(255,255,255,.7);border-radius: 50%;background: rgba(255,255,255,.82);color: var(--dc-ink,#17213a);box-shadow: 0 2px 8px rgba(23,21,59,.18);backdrop-filter: blur(6px);cursor: pointer;}.dc-model__tool svg{width: 22px;height: 22px;}.dc-model__tool:hover{background: #fff;}.dc-model__tool:focus-visible{outline: 3px solid var(--po-focus,#1e6fd0);outline-offset: 2px;}.dc-model__hint{position: absolute;left: 50%;top: .8rem;transform: translateX(-50%);display: inline-flex;align-items: center;gap: .45rem;max-width: calc(100% - 2rem);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0;padding: .45rem .9rem;border-radius: 999px;background: rgba(17,21,33,.72);color: #fff;font-weight: 700;font-size: .9rem;line-height: 1.25;pointer-events: none;transition: opacity .4s ease;opacity: 0;}.dc-model.is-ready .dc-model__hint{opacity: 1;}.dc-model .dc-model__hint.is-gone{opacity: 0;}.dc-model__hint svg{flex: none;width: 20px;height: 20px;}.dc-model__toast{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin: 0;padding: .55rem 1rem;border-radius: 12px;background: rgba(17,21,33,.78);color: #fff;font-weight: 700;pointer-events: none;opacity: 0;transition: opacity .2s ease;}.dc-model__toast.is-shown{opacity: 1;}.dc-model__loading{position: absolute;inset: 0;display: grid;place-content: center;justify-items: center;gap: .6rem;color: var(--dc-ink-soft,#4a5570);font-weight: 700;transition: opacity .4s ease;}.dc-model__loading.is-done{opacity: 0;pointer-events: none;}.dc-model__loading-track{width: min(220px,60vw);height: 8px;border-radius: 999px;background: rgba(23,33,58,.1);overflow: hidden;}.dc-model__loading-bar{display: block;width: 6%;height: 100%;border-radius: inherit;background: var(--dc-accent,#2f6fe4);transition: width .2s ease;}.dc-model__credit{margin: 0;}.dc-model__close{display: none;}.dc-model.is-expanded{position: fixed;inset: 0;z-index: 2147483000;width: 100%;height: 100%;height: 100dvh;max-width: none;max-height: none;margin: 0;padding: 0;border: 0;overflow: hidden;color: var(--dc-ink,#17213a);background: var(--dc-surface,#fff);display: grid;grid-template-columns: minmax(0,1fr) clamp(260px,26vw,360px);grid-template-rows: auto minmax(0,1fr);gap: 0;}.dc-model.is-expanded::backdrop{background: #0b0e16;}.dc-model.is-expanded .dc-model__stage{grid-column: 1;grid-row: 1 / -1;aspect-ratio: auto;width: 100%;height: 100%;min-height: 0;border-radius: 0;box-shadow: none;}.dc-model.is-expanded .dc-model__stage:focus-visible{box-shadow: inset 0 0 0 3px var(--po-focus,#1e6fd0);}.dc-model.is-expanded .dc-model__canvas canvas{touch-action: none;}.dc-model.is-expanded .dc-model__parts{grid-column: 2;grid-row: 1;align-content: flex-start;padding: max(1.1rem,env(safe-area-inset-top)) max(1.1rem,env(safe-area-inset-right)) .75rem 1.1rem;border-inline-start: 1px solid var(--dc-line,rgba(23,33,58,.12));}.dc-model.is-expanded .dc-model__panel{grid-column: 2;grid-row: 2;align-self: start;margin: 0;border-radius: 0;background: transparent;padding: .25rem max(1.1rem,env(safe-area-inset-right)) 1.25rem 1.1rem;border-inline-start: 1px solid var(--dc-line,rgba(23,33,58,.12));height: 100%;overflow: auto;box-sizing: border-box;}.dc-model.is-expanded .dc-model__panel strong{font-size: 1.15rem;}.dc-model.is-expanded .dc-model__close{position: absolute;top: max(.75rem,env(safe-area-inset-top));inset-inline-end: .75rem;z-index: 3;display: inline-flex;align-items: center;gap: .4rem;min-height: 44px;padding: 0 1.05rem 0 .8rem;border: 0;border-radius: 999px;background: rgba(17,21,33,.82);color: #fff;font: 800 1rem/1 var(--po-font-body,"Nunito",sans-serif);box-shadow: 0 2px 10px rgba(0,0,0,.25);cursor: pointer;}.dc-model.is-expanded .dc-model__close[hidden]{display: none;}.dc-model__close svg{width: 20px;height: 20px;}.dc-model__close:hover{background: rgba(17,21,33,.95);}.dc-model__close:focus-visible{outline: 3px solid #fff;outline-offset: 2px;box-shadow: 0 0 0 6px var(--po-focus,#1e6fd0);}.dc-model.is-expanded .dc-model__tools{bottom: max(.9rem,env(safe-area-inset-bottom));right: auto;left: auto;inset-inline-end: .9rem;}.dc-model.is-expanded .dc-model__hint{max-width: calc(100% - 15rem);}html.dc-model-open{overflow: hidden;}@media (max-width: 760px){.dc-model.is-expanded{grid-template-columns: minmax(0,1fr);grid-template-rows: minmax(0,1fr) auto auto;}.dc-model.is-expanded .dc-model__stage{grid-column: 1;grid-row: 1;}.dc-model.is-expanded .dc-model__parts{grid-column: 1;grid-row: 2;flex-wrap: nowrap;overflow-x: auto;overscroll-behavior-x: contain;padding: .7rem max(.9rem,env(safe-area-inset-right)) .35rem max(.9rem,env(safe-area-inset-left));border-inline-start: 0;border-top: 1px solid var(--dc-line,rgba(23,33,58,.12));scrollbar-width: thin;}.dc-model.is-expanded .dc-model__parts .dc-chip{flex: none;}.dc-model.is-expanded .dc-model__panel{grid-column: 1;grid-row: 3;height: auto;max-height: 28vh;min-height: 0;padding: .35rem max(.9rem,env(safe-area-inset-right)) max(.9rem,env(safe-area-inset-bottom)) max(.9rem,env(safe-area-inset-left));border-inline-start: 0;}.dc-model.is-expanded .dc-model__panel strong{font-size: 1rem;}.dc-model.is-expanded .dc-model__hint{top: max(.75rem,env(safe-area-inset-top));max-width: calc(100% - 9rem);left: auto;right: auto;inset-inline-start: .75rem;transform: none;}}.dc[data-dc-tier="little"] .dc-model{--dc-model-dot-size: 36px;--dc-model-hit: 56px;}.dc[data-dc-tier="little"] .dc-model__tool{width: 56px;height: 56px;}@media (max-width: 600px){.dc-model__stage{aspect-ratio: 1 / 1;border-radius: var(--dc-radius-sm,14px);}.dc-model__hint{font-size: .82rem;top: .6rem;white-space: normal;text-align: center;width: max-content;border-radius: 1rem;}}@media (prefers-reduced-motion: reduce){.dc-model *,.dc-model *::before{transition: none !important;}}[data-motion="reduced"] .dc-model *,[data-motion="reduced"] .dc-model *::before{transition: none !important;}@media (forced-colors: active){.dc-model__dot::before{background: Highlight;border-color: CanvasText;}}