@import url('./ti-cp-pad.css');
@import url('./ti-cp-galaxy.css');
.cp{--cp-bg:#151515;--cp-ink:#eceeea;--cp-muted:#9ba49e;--cp-line:#353c37;--cp-surface:#232924;position:relative;isolation:isolate;display:flex;flex-direction:column;height:calc(100svh - var(--cp-header-offset,0px));min-height:600px;background:var(--cp-bg);color:var(--cp-ink);font:13px/1.4 Arial,Helvetica,sans-serif;overflow:hidden}
.cp[data-theme=light]{--cp-bg:#f5f6f5;--cp-ink:#202523;--cp-muted:#637068;--cp-line:#d3dcd6;--cp-surface:#e7ede8}
.cp *{box-sizing:border-box}.cp-header{flex:none;padding:18px 30px;display:flex;gap:26px;align-items:center;border-bottom:1px solid var(--cp-line);z-index:25;background:var(--cp-bg)}
.cp-intro{display:grid;gap:4px;flex:0 0 135px}.cp-intro>span:first-child{font:11px 'Courier New',monospace;letter-spacing:.09em;text-transform:uppercase}.cp-guide{font-size:11px;color:var(--cp-muted)}
.cp .cp-switcher{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:6px;flex:1;max-width:700px}.cp .cp-switcher button{font-family:inherit;line-height:1.3;background:transparent;color:var(--cp-muted);border:1px solid var(--cp-line);border-radius:6px;padding:10px 15px;cursor:pointer;text-align:left;letter-spacing:normal;text-transform:none}.cp-switcher span{display:block;font-size:16px;font-weight:600}.cp-switcher small{display:block;font-size:10px;margin-top:3px}.cp .cp-switcher button[aria-pressed=true]{background:var(--cp-surface);color:var(--cp-ink);border-color:#a9c3b0;box-shadow:inset 0 -2px #a9c3b0}.cp .cp-switcher button:hover{border-color:var(--cp-ink)}.cp button:focus-visible{outline:2px solid #a9c3b0;outline-offset:3px}
.cp .cp-theme{margin-left:auto;font:11px Arial;color:var(--cp-muted);padding:8px 11px;border:1px solid var(--cp-line);border-radius:20px;background:transparent;white-space:nowrap;cursor:pointer}.cp-stage{position:relative;flex:1;min-height:0}.cp-stage>.idp,.cp-stage>.gh{height:100%;min-height:0}.cp-initial{padding:40px;text-align:center;color:var(--cp-muted);font:13px Arial}.cp-retry{display:block;margin:0 auto}
.cp .idp-top,.cp .gh-top{display:none}.cp .idp-heading{top:23px}.cp .idp-panel{top:25px}.cp .idp-view{top:15px}.cp .idp-loading,.cp .idp-error{top:45%}.cp .idp-picker{inset:20px 24px 24px}.cp .idp-cut-note{font-size:10px}.cp .gh-heading{top:23px}.cp .gh-sidebar{top:25px}.cp .gh-viewport{top:15px}.cp .gh-heading>.gh-mono{display:none}
.cp .gh-heading h1{font-family:var(--typeHeaderPrimary,Oswald),var(--typeHeaderFallback,sans-serif);font-size:clamp(32px,3.5vw,53px);font-weight:400;font-style:normal;line-height:1.12;letter-spacing:-.055em;text-transform:uppercase}
.cp .gh-sidebar{bottom:25px}
.cp .idp-pose-note{font-size:11px;line-height:1.5;color:var(--warn);padding:10px 12px;border-left:2px solid var(--warn);background:var(--surface);margin:10px 0 16px}
.cp .cp-switcher{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none}.cp .cp-switcher button{padding:8px 10px;min-height:51px}.cp-switcher span{font-size:14px}.cp-switcher small{font-size:9px}.cp-header{gap:18px;padding-top:12px;padding-bottom:12px}.cp-intro{flex-basis:125px}.cp-mobile-select{display:none}
@media(max-width:1000px){.cp-header{gap:12px;padding:14px 22px}.cp-intro{flex-basis:110px}.cp .cp-switcher button{padding:9px 10px}.cp-switcher span{font-size:14px}}
@media(max-width:900px){.cp .cp-switcher{display:none}.cp-mobile-select{display:block;flex:1;min-width:0}.cp-mobile-select>span{display:block;font-size:10px;color:var(--cp-muted);margin-bottom:4px}.cp-mobile-select select{appearance:auto;width:100%;font:15px Arial;color:var(--cp-ink);background:var(--cp-surface);border:1px solid #a9c3b0;border-radius:5px;padding:10px 26px 10px 10px;min-height:42px}.cp-mobile-select select:focus-visible{outline:2px solid #a9c3b0;outline-offset:2px}}
@media(max-width:700px){
 .cp{min-height:640px}.cp-header{padding:12px 14px;gap:8px;flex-wrap:wrap}.cp-intro{flex:1;display:flex;gap:12px;align-items:center}.cp-guide{font-size:10px}.cp .cp-theme{order:0;padding:4px 8px;font-size:10px}.cp .cp-switcher{order:1;flex-basis:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;max-width:none}.cp .cp-switcher button{padding:9px 5px;text-align:center}.cp-switcher span{font-size:13px}.cp-switcher small{font-size:8px;margin-top:3px}
 .cp-mobile-select{order:1;flex-basis:100%}.cp-mobile-select>span{display:none}.cp-mobile-select select{font-size:16px}.cp-guide{display:none}
 .cp-stage{--cp-model-height:clamp(170px,28svh,260px)}
 .cp .idp-heading{top:15px;left:18px}.cp .idp-heading h1,.cp .gh-heading h1{font-size:32px}.cp .idp-heading p{margin-top:5px}.cp .idp-view{top:119px;height:var(--cp-model-height);min-height:0}.cp .idp-camera{top:calc(124px + var(--cp-model-height));bottom:auto}.cp .idp-summary{top:calc(161px + var(--cp-model-height));bottom:auto}.cp .idp-panel{top:calc(188px + var(--cp-model-height));bottom:10px;padding-top:12px}.cp .idp-loading,.cp .idp-error{top:210px}.cp .idp-picker{position:fixed;inset:16px;z-index:40}.cp .idp-picker-shade{z-index:39}.cp:has(.idp-picker:not([hidden])) .cp-header{z-index:1}
 .cp-stage>.gh{padding:0;overflow:hidden}.cp .gh-heading{top:14px;left:18px}.cp .gh-viewport{top:84px;height:var(--cp-model-height);min-height:0}.cp .gh-view-tools{top:calc(89px + var(--cp-model-height));bottom:auto;left:14px;right:14px;max-width:none;justify-content:center;gap:4px}.cp .gh-view-tools button{font-size:10px;padding:6px 8px}.cp .gh-view-tools label{font-size:10px;padding:4px}.cp .gh-sidebar{position:absolute;top:calc(133px + var(--cp-model-height));bottom:10px;left:18px;right:18px;width:auto;overflow:auto;padding:0 5px 16px 0;overscroll-behavior:contain}.cp .gh-ruler,.cp .gh-orbit-note{display:none}.cp .gh-loading{top:180px;left:50%}.cp .gh-picker{position:fixed;inset:16px;z-index:40}.cp:has(.gh-picker:not([hidden])) .cp-header{z-index:1}
 .cp .gh-sidebar .gh-transport{position:relative;inset:auto;margin:0 0 14px;padding:12px 0 0;grid-template-columns:34px minmax(0,1fr) 40px;gap:5px 10px}.cp .gh-sidebar .gh-transport>div{display:contents}.cp .gh-slider-label{grid-column:1/-1;grid-row:1;margin:0 0 3px;font-size:11px;gap:8px}.cp .gh-track{grid-column:2;grid-row:2;height:34px;min-width:0}.cp .gh-track input{height:34px}.cp .gh-endpoints{grid-column:2;grid-row:3;font-size:8px;letter-spacing:0}.cp .gh-play{grid-column:1;grid-row:2}.cp .gh-reset{grid-column:3;grid-row:2}
}

.cp .cp-pose{display:flex;gap:5px;margin:8px 0 5px}.cp .cp-pose button{flex:1;border:1px solid var(--cp-line);border-radius:5px;background:transparent;color:var(--cp-muted);padding:8px;font:12px Arial;cursor:pointer}.cp .cp-pose button[aria-pressed=true]{color:var(--cp-ink);border-color:#a9c3b0;background:var(--cp-surface)}.cp .cp-pose button:disabled{opacity:.45;cursor:default}.cp .cp-pose-note{font:11px/1.4 Arial;color:var(--cp-muted);margin:5px 0 12px}

.cp .cp-pose-note[data-verified=false]{color:#d5b77a}
