#cp-root{--cp-card:color-mix(in oklab, var(--color-moss) 45%, var(--color-night));--cp-surface:color-mix(in oklab, var(--color-moss) 80%, var(--color-night));--cp-field:var(--color-night);--cp-ink:var(--color-mist);--cp-muted:var(--color-sage);--cp-line:var(--color-line);--cp-accent:var(--color-glow);--cp-accent-ink:var(--color-night);--cp-stage:var(--color-moss);--cp-shade:#040c0999;--cp-good:var(--color-glow);--cp-ok:#7cc4e6;--cp-warn:#f0b04f;--cp-bad:#ff8a7a;color:var(--cp-ink)}:root[data-theme=light] #cp-root{--cp-card:color-mix(in oklab, var(--color-night) 55%, #fff);--cp-shade:#0814108c;--cp-ok:#2f6f8f;--cp-warn:#9a5b00;--cp-bad:#a3271b;--cp-accent-ink:#f4f8f5}#cp-root [hidden]{display:none!important}#cp-root h3{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:15px;font-weight:500;line-height:1.3}#cp-root .meta{color:var(--cp-muted);font-size:13.5px}#cp-root a{color:var(--cp-accent);text-underline-offset:3px}#cp-root .stagewrap{gap:10px;display:grid}#cp-root .stage{aspect-ratio:16/9;border:1px solid var(--cp-line);background:#1b1a17;border-radius:22px;width:100%;position:relative;overflow:hidden}#cp-root .stage canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#cp-root .stage.orbit{background:radial-gradient(120% 95% at 50% 30%,#f6f4f0 0%,#e2ddd4 58%,#cbc4b8 100%)}#cp-root .scenebar{z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}#cp-root .scenebar .cbtn{color:#f4f1ea;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1414128c;border-color:#ffffff40}#cp-root .scenebar .cbtn[aria-pressed=true]{color:#14130f;background:#f4f1ea;border-color:#0000}#cp-root .hud{color:#f4f1ea;z-index:1;background:#14141259;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}#cp-root .tip3d{z-index:2;pointer-events:none;color:#f4f1ea;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1414129e;border-radius:999px;padding:8px 16px;font-size:13.5px;animation:.6s .2s both cp-tip;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}@keyframes cp-tip{0%{opacity:0;transform:translate(-50%,-40%)}}#cp-root .navbar3d{z-index:2;gap:6px;display:flex;position:absolute;bottom:12px;left:12px}#cp-root .nb{color:#f4f1ea;min-width:36px;height:36px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1414128c;border:1px solid #ffffff40;border-radius:999px;padding:0;font-size:17px;line-height:1}#cp-root .nb.wide{padding:0 14px;font-size:13px}#cp-root .nb:hover{background:#141412b8}#cp-root .badge3d{color:#f4f1ea;font-variant-numeric:tabular-nums;z-index:2;background:#14141299;border-radius:999px;padding:4px 11px;font-size:12.5px;position:absolute;bottom:12px;right:12px}#cp-root .studio{gap:18px;margin-top:18px;display:grid}@media (min-width:960px){#cp-root .studio{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}}#cp-root .panel{background:var(--cp-card);border:1px solid var(--cp-line);border-radius:22px;gap:18px;min-width:0;padding:20px;display:grid}#cp-root .step{gap:10px;min-width:0;display:grid}#cp-root .step+.step{border-top:1px solid var(--cp-line);padding-top:16px}#cp-root .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#cp-root select,#cp-root input[type=number],#cp-root input[type=text],#cp-root input[type=tel]{font:inherit;color:var(--cp-ink);background:var(--cp-field);border:1px solid var(--cp-line);border-radius:12px;max-width:100%;padding:10px 12px;font-size:15px}#cp-root select{width:100%}#cp-root .fields{gap:8px;display:grid}@media (min-width:520px){#cp-root .fields{grid-template-columns:1fr 1fr}}#cp-root .chip{position:relative}#cp-root .chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}#cp-root .chip span{border:1px solid var(--cp-line);font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 12px;font-size:13.5px;display:inline-block}#cp-root .chip input:checked+span{background:var(--cp-accent);color:var(--cp-accent-ink);border-color:#0000}#cp-root .chip .sw{vertical-align:-1px;border:1px solid var(--cp-line);border-radius:50%;width:11px;height:11px;margin-right:6px;display:inline-block}#cp-root .chip input:focus-visible+span,#cp-root .cbtn:focus-visible,#cp-root .nb:focus-visible,#cp-root select:focus-visible,#cp-root input:focus-visible,#cp-root canvas:focus-visible,#cp-root .drop:focus-within,#cp-root .sample:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}#cp-root .cbtn{font:inherit;color:var(--cp-ink);border:1px solid var(--cp-line);cursor:pointer;background:0 0;border-radius:999px;padding:7px 13px;font-size:13.5px}#cp-root .cbtn:hover{border-color:var(--cp-accent);color:var(--cp-accent)}#cp-root .cbtn.primary{background:var(--cp-accent);color:var(--cp-accent-ink);border-color:#0000;padding:11px 20px;font-size:15px;font-weight:500}#cp-root .cbtn:disabled{opacity:.45;cursor:not-allowed}#cp-root .drop{text-align:center;border:1.5px dashed var(--cp-line);cursor:pointer;background:var(--cp-field);border-radius:16px;place-items:center;gap:4px;padding:16px;display:grid;position:relative}#cp-root .drop.over{border-color:var(--cp-accent)}#cp-root .drop input{opacity:0;width:1px;height:1px;position:absolute}#cp-root .samples{flex-wrap:wrap;gap:8px;display:flex}#cp-root .sample{background:var(--cp-stage);cursor:pointer;border:2px solid #0000;border-radius:10px;width:60px;height:60px;padding:0;overflow:hidden}#cp-root .sample img{object-fit:cover;width:100%;height:100%;display:block}#cp-root .sample[aria-pressed=true]{border-color:var(--cp-accent)}#cp-root .cropbox{background:var(--cp-stage);touch-action:none;border-radius:16px;position:relative;overflow:hidden}#cp-root #cp-crop{cursor:grab;width:100%;display:block}#cp-root #cp-crop:active{cursor:grabbing}#cp-root input[type=range]{width:100%;accent-color:var(--cp-accent)}#cp-root .legend{color:var(--cp-muted);flex-wrap:wrap;gap:6px 16px;font-size:12.5px;display:flex}#cp-root .legend i{border-top:2px dashed var(--color-gold);vertical-align:middle;width:18px;margin-right:6px;display:inline-block}#cp-root .q{background:var(--cp-surface);border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:4px 10px;padding:12px 14px;display:grid}#cp-root .q .dot{background:var(--cp-good);border-radius:50%;width:10px;height:10px;margin-top:7px}#cp-root .q[data-level=ok] .dot{background:var(--cp-ok)}#cp-root .q[data-level=warn] .dot{background:var(--cp-warn)}#cp-root .q[data-level=bad] .dot{background:var(--cp-bad)}#cp-root .q b{font-weight:500}#cp-root .q p{color:var(--cp-muted);grid-column:2;margin:0;font-size:14px}#cp-root dl.sum{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14.5px;display:grid}#cp-root dl.sum dt{color:var(--cp-muted)}#cp-root dl.sum dd{font-variant-numeric:tabular-nums;min-width:0;margin:0}#cp-root .check{grid-template-columns:auto 1fr;align-items:start;gap:10px;font-size:14px;display:grid}#cp-root .check input{accent-color:var(--cp-accent);width:16px;height:16px;margin-top:4px}#cp-root .result{border:1px solid var(--cp-accent);border-radius:16px;gap:8px;padding:14px;font-size:14px;display:grid}#cp-root .result p{margin:0}@media (max-width:640px){#cp-root .stage{aspect-ratio:4/5;border-radius:18px}#cp-root .navbar3d{gap:5px;bottom:8px;left:8px}#cp-root .nb{min-width:30px;height:30px;font-size:15px}#cp-root .nb.wide{padding:0 10px;font-size:12px}#cp-root .badge3d{padding:3px 9px;font-size:11.5px;bottom:8px;right:8px}#cp-root .scenebar{scrollbar-width:none;flex-wrap:nowrap;padding:0 8px;top:8px;left:0;right:0;overflow-x:auto}#cp-root .scenebar::-webkit-scrollbar{display:none}#cp-root .scenebar .cbtn{flex:none;padding:5px 10px;font-size:12px}#cp-root .tip3d{white-space:normal;text-align:center;width:78%;font-size:12px}#cp-root .panel{padding:16px}}@media (prefers-reduced-motion:reduce){#cp-root .tip3d{animation:none}}