.chp{display:grid;grid-template-columns:minmax(330px,400px) minmax(0,1fr);gap:16px;align-items:start}.chp-side,.chp-main{display:grid;gap:14px;align-content:start;min-width:0}.chp-main{position:sticky;top:90px}.chp .ut-panel{gap:14px;padding:18px 20px 20px}.chp .ut-panel>h2,.chp-bar h2{margin:0;font:700 13px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--gxd-accent)}.chp .ut-field{font-size:13px;color:var(--muted, var(--dim));gap:6px}.chp .ut-field small{font-size:12.5px}.chp .ut-note{font-size:13px;line-height:1.55}.chp .ut-note code,.chp-info code{padding:1px 6px;border-radius:5px;background:#ffffff12;font:12.5px var(--font-mono);color:var(--text);overflow-wrap:anywhere}.chp .ut-btn,.chp .ut-tabs button,.chp .ut-msg,.chp .ut-warnings{font-size:13px}.chp .ut-check{font-size:13.5px}.chp-small .ut-btn{height:32px;padding:0 12px}.chp-label{font-size:13px;color:var(--muted, var(--dim))}.chp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.chp-bar h2{margin-right:auto!important;overflow-wrap:anywhere}.chp-count{min-width:26px;height:24px;padding:0 8px;border-radius:999px;display:inline-grid;place-items:center;background:rgb(var(--gxd-accent-rgb) / .14);color:var(--text);font:700 12.5px var(--font)}.chp-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:300px;overflow:auto}.chp-list button{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:8px 10px;border-radius:11px;border:1px solid rgba(159,179,195,.14);background:#ffffff05;color:var(--text);text-align:left;cursor:pointer;font:inherit}.chp-list button:hover{border-color:#9fb3c352}.chp-list button.is-sel{border-color:rgb(var(--gxd-accent-rgb) / .7);background:rgb(var(--gxd-accent-rgb) / .08)}.chp-list span{display:grid;gap:2px;min-width:0}.chp-list b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chp-list small{font-size:12.5px;color:var(--muted, var(--dim))}.chp-chip{display:block;width:44px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff2e}.chp-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chp-preset{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid rgba(159,179,195,.14);background:#ffffff05;color:var(--text);text-align:left;cursor:pointer;font:inherit}.chp-preset:hover{border-color:rgb(var(--gxd-accent-rgb) / .55);background:rgb(var(--gxd-accent-rgb) / .06)}.chp-preset i{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.chp-preset span{display:grid;gap:1px;min-width:0}.chp-preset b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chp-preset small{font-size:12px;color:var(--muted, var(--dim))}.chp-kind{justify-self:start}.chp-stops{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:stop}.chp-stops li,.chp-stops--one{display:grid;grid-template-columns:22px 54px minmax(0,1fr) 36px;align-items:center;gap:8px}.chp-stops li:before{counter-increment:stop;content:counter(stop);font:700 13px var(--font-mono);color:var(--muted, var(--dim));text-align:center}.chp-stops--one{grid-template-columns:54px minmax(0,1fr)}.chp-stops input[type=color]{width:54px;height:36px;padding:2px 3px;border-radius:9px;border:1px solid rgba(159,179,195,.26);background:#070f17;cursor:pointer}.chp-hex{height:36px;padding:0 10px;border-radius:9px;border:1px solid rgba(159,179,195,.26);background:#070f17;color:var(--text);font:13.5px var(--font-mono);min-width:0}.chp-stops .ut-btn{width:36px;padding:0;font-size:18px;line-height:1}.chp-stage{display:grid;place-items:center;padding:12px;border-radius:12px;background:#10141a;border:1px solid rgba(159,179,195,.16)}.chp-swatch{display:block;width:100%;height:auto;max-height:56vh;object-fit:contain;border-radius:8px}.chp-swatch--sphere{width:auto;max-width:100%;aspect-ratio:1}.chp-turn{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.chp-turn .ut-field{flex:1 1 260px}.chp-car{position:relative}.chp-canvas{display:block;width:100%;aspect-ratio:16 / 10;border-radius:12px;border:1px solid rgba(159,179,195,.16);background:radial-gradient(70% 70% at 50% 40%,#1a222c,#0b1016);touch-action:none}.chp-carwait{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted, var(--dim));font-size:14px;pointer-events:none}.chp-drop{padding:70px 24px;gap:8px}.chp-drop span{font-size:16px}.chp-drop small{font-size:13px;line-height:1.5}.chp-rampwrap{display:grid;gap:6px}.chp-strip{display:block;width:100%;height:30px;border-radius:7px;border:1px solid rgba(255,255,255,.12);image-rendering:auto}.chp-ends{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted, var(--dim))}.chp-info{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;padding-top:12px;border-top:1px solid rgba(159,179,195,.12)}.chp-info h3{margin:0 0 8px;font-size:14px;color:var(--text)}.chp-info ul{margin:0;padding-left:18px;display:grid;gap:7px;font-size:13px;line-height:1.55;color:var(--muted, var(--dim))}.chp-info b{color:var(--text)}.chp-root{display:grid;gap:16px}.chp-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chp-modes button{display:grid;gap:3px;text-align:left;padding:12px 16px;border-radius:12px;border:1px solid rgba(159,179,195,.18);background:#0a141db8;color:var(--text);cursor:pointer;font:inherit}.chp-modes button b{font-size:15px}.chp-modes button small{font-size:12.5px;color:var(--muted, var(--dim))}.chp-modes button:hover{border-color:#9fb3c35c}.chp-modes button.is-on{border-color:rgb(var(--gxd-accent-rgb) / .75);background:rgb(var(--gxd-accent-rgb) / .1);box-shadow:inset 0 -3px 0 var(--gxd-accent)}.chp .ut-btn.is-on{border-color:rgb(var(--gxd-accent-rgb) / .8);background:rgb(var(--gxd-accent-rgb) / .16)}.chp-close{margin-left:auto}.chp-carname{color:var(--text);font-weight:600}.chp-pick{display:grid;gap:14px}.chp-shells{display:grid;gap:8px}.chp-shellgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.chp-shell{position:relative;display:grid;gap:2px;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid rgba(159,179,195,.16);background:#ffffff05;color:var(--text);cursor:pointer;font:inherit}.chp-shell:hover:not(:disabled){border-color:rgb(var(--gxd-accent-rgb) / .6)}.chp-shell b{font-size:13.5px}.chp-shell small{font:12px var(--font-mono);color:var(--muted, var(--dim))}.chp-shell em{position:absolute;top:8px;right:10px;font-style:normal;font-size:12px;color:var(--gxd-accent)}.chp-link{padding:0;border:0;background:none;color:var(--gxd-accent);font:inherit;cursor:pointer;text-decoration:underline}.chp-glass{list-style:none;margin:0;padding:0;display:grid;gap:4px}.chp-glass .ut-check{padding:6px 8px;border-radius:9px;background:#ffffff05}.chp-glass .ut-check span{flex:1}.chp-glass small{font:12px var(--font-mono);color:var(--muted, var(--dim))}.chp-tintpresets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chp-tintpresets i,.chp-filmswatch i{background-color:transparent}.chp-tintpresets .chp-preset i{border-radius:8px}.chp-filmswatch{height:70px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#d9dde3 0 25%,#6b7380 25% 50%,#d9dde3 50% 75%,#6b7380 75%) 0 0 / 28px 28px}.chp-tintpresets .chp-preset i{background-blend-mode:normal}.chp-filmswatch i{display:block;width:100%;height:100%}.chp-tstop{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(0,1fr) 36px;align-items:end;gap:10px}.chp-tstop input[type=color]{width:54px;height:36px;padding:2px 3px;border-radius:9px;border:1px solid rgba(159,179,195,.26);background:#070f17;cursor:pointer}.chp-tstop .ut-btn{width:36px;padding:0;font-size:18px}.chp-gametint{display:grid;gap:3px;padding:12px 14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(159,179,195,.14)}.chp-gametint span{font-size:13px;color:var(--muted, var(--dim))}.chp-gametint b{font-size:17px}.chp-gametint small{font-size:12.5px;color:var(--muted, var(--dim));line-height:1.5}.chp-tone{display:grid;gap:10px;padding:12px;border-radius:11px;border:1px solid rgba(159,179,195,.14);background:#ffffff05}.chp-tone.is-on{border-color:rgb(var(--gxd-accent-rgb) / .65);background:rgb(var(--gxd-accent-rgb) / .06)}.chp-tone__head{display:flex;align-items:center;gap:10px}.chp-tone__head b{font-size:14px}.chp-tone__head small{font-size:12.5px;color:var(--muted, var(--dim));margin-right:auto}.chp-tone__head .ut-btn{height:30px;padding:0 10px}.chp-tone__row{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;align-items:center}.chp-tone__row input[type=color]{width:54px;height:36px;padding:2px 3px;border-radius:9px;border:1px solid rgba(159,179,195,.26);background:#070f17;cursor:pointer}.chp-tone__row .chp-chip{width:54px;height:36px}.chp-tone__row select{height:36px;padding:0 10px;border-radius:9px;border:1px solid rgba(159,179,195,.26);background:#070f17;color:var(--text);font-size:13.5px}.chp-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.chp-tools .ut-btn{padding:0 6px}.chp-uv{display:grid;place-items:center;border-radius:12px;overflow:hidden;border:1px solid rgba(159,179,195,.16);background:#0a0f15}.chp-uvcanvas{display:block;width:100%;max-width:760px;aspect-ratio:1;touch-action:none;cursor:crosshair}.chp-uvcanvas--panel{cursor:pointer}.chp-fname{display:flex;align-items:center;height:36px;padding:0 10px;border-radius:9px;background:#070f17;border:1px solid rgba(159,179,195,.18);font:13px var(--font-mono);color:var(--text)}@media (max-width: 1180px){.chp-info{grid-template-columns:1fr}}@media (max-width: 980px){.chp-modes,.chp{grid-template-columns:1fr}.chp-main{position:static;order:-1}}.chp-tintpresets--ref .chp-preset{grid-template-columns:64px minmax(0,1fr)}.chp-tintpresets--ref .chp-preset i{width:64px;height:32px;border-radius:6px}.chp-tintpresets--ref .chp-preset small{font-size:10px;opacity:.65}.chp-preset.is-on{border-color:rgb(var(--gxd-accent-rgb) / .8)}.chp .is-soon{opacity:.55}.chp-tintlink{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px;border-radius:12px;border:1px dashed rgba(159,179,195,.28);background:#0a141d80;text-decoration:none;color:var(--text)}.chp-tintlink:hover{border-color:rgb(var(--gxd-accent-rgb) / .6)}.chp-tintlink b{font-size:14px}.chp-tintlink small{font-size:12.5px;color:var(--muted, var(--dim))}.chp-tintlink em{margin-left:auto;font-style:normal;font-size:13px;color:var(--gxd-accent)}.chp-style{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chp-style button{display:grid;gap:2px;padding:9px 12px;border-radius:10px;border:1px solid rgba(159,179,195,.18);background:#ffffff05;color:var(--text);text-align:left;cursor:pointer;font:inherit}.chp-style button b{font-size:13.5px}.chp-style button small{font-size:12px;color:var(--muted, var(--dim))}.chp-style button.is-on{border-color:rgb(var(--gxd-accent-rgb) / .7);background:rgb(var(--gxd-accent-rgb) / .08)}.chp-fade{display:grid;gap:12px}.chp-fade__strip{height:22px;border-radius:7px;border:1px solid rgba(159,179,195,.26)}.chp-fade__status{margin:0;font-size:12.5px;line-height:1.45;color:var(--muted, var(--dim))}.chp-fade__status.is-warn{color:#f5c26b}.chp-fade__stop{display:grid;gap:8px;padding:10px 12px;border-radius:11px;border:1px solid rgba(159,179,195,.14);background:#ffffff05}.chp-fade__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chp-fade__row input[type=color]{width:54px;height:34px;padding:2px 3px;border-radius:9px;border:1px solid rgba(159,179,195,.26);background:#070f17;cursor:pointer}.chp-fade__quick,.chp-fade__dirs{display:flex;flex-wrap:wrap;gap:6px}.chp-fade__quick .ut-btn,.chp-fade__dirs .ut-btn{height:30px;padding:0 10px;font-size:12.5px}.chp-fade .ut-btn.is-on{border-color:rgb(var(--gxd-accent-rgb) / .7);color:var(--gxd-accent);background:rgb(var(--gxd-accent-rgb) / .1)}.chp-fade select{height:34px;padding:0 10px;border-radius:9px;border:1px solid rgba(159,179,195,.26);background:#070f17;color:var(--text);font-size:13.5px}.chp-fade__parts summary{cursor:pointer;font-size:13px;color:var(--muted, var(--dim));display:flex;gap:8px}.chp-fade__parts summary span{margin-left:auto}.chp-fade__partlist{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;max-height:200px;overflow:auto;padding:8px 2px 6px}