:root{color:#f0f1ee;font-synthesis:none;text-rendering:optimizelegibility;--red:#c52d36;--red-bright:#ef4249;--panel:#0c0d0f;--line:#ffffff14;--muted:#888f91;background:#050607;font-family:Inter,Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.gallery-shell{background:radial-gradient(circle at 14% 10%,#97192329,#0000 28%),radial-gradient(circle at 87% 83%,#5b656a24,#0000 30%),linear-gradient(145deg,#151719 0%,#090a0b 55%,#040506 100%);min-height:100%;padding:clamp(38px,7vw,92px);overflow:auto}.gallery-header{width:min(760px,100%);margin:0 auto clamp(34px,6vw,72px)}.gallery-kicker,.work-index{color:var(--red-bright);letter-spacing:.18em;margin:0 0 14px;font-size:10px;font-weight:800}.gallery-header h1{max-width:700px;font-size:clamp(40px,7vw,82px);line-height:.98}.gallery-header>p:last-child{color:#8d9495;max-width:570px;margin:24px 0 0;font-size:14px;line-height:1.8}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,32px);width:min(1180px,100%);margin:0 auto;display:grid}.work-card{color:inherit;background:#090a0cc7;border:1px solid #ffffff14;border-radius:18px;text-decoration:none;transition:transform .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000040}.work-card:hover{border-color:#ef424961;transform:translateY(-5px)}.work-visual{background:radial-gradient(circle,#747b7d2e,#0000 47%),linear-gradient(155deg,#1b1e20,#070809);place-items:center;min-height:clamp(230px,29vw,370px);display:grid;position:relative;overflow:hidden}.work-visual:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.work-visual img{object-fit:cover;filter:saturate(.9)contrast(1.04);width:100%;height:100%;transition:filter .26s,transform .26s}.work-card:hover .work-visual img{filter:saturate()contrast(1.06);transform:scale(1.025)}.work-card-watch .work-visual span{background:linear-gradient(#9e2630,#9e2630) 50% 14px/88% 3px no-repeat,linear-gradient(145deg,#aeb8a8,#718075);border:18px solid #181a1c;border-radius:24px;width:116px;height:154px;transform:rotate(-8deg);box-shadow:0 -95px 0 -38px #131517,0 95px 0 -38px #131517,0 28px 70px #0000008c}.work-card-motorcycle .work-visual span{filter:drop-shadow(0 25px 26px #00000073);background:linear-gradient(165deg,#b82d35 0 35%,#282d30 36% 62%,#0000 63%);border-bottom:15px solid #1d2022;border-radius:48% 55% 17% 15%;width:68%;height:42%;position:relative;transform:skew(-8deg)}.work-card-motorcycle .work-visual span:before,.work-card-motorcycle .work-visual span:after{aspect-ratio:1;content:"";background:radial-gradient(circle,#71787a 0 8%,#0000 9%);border:12px solid #202426;border-radius:50%;width:38%;position:absolute;bottom:-31%}.work-card-motorcycle .work-visual span:before{left:-7%}.work-card-motorcycle .work-visual span:after{right:-7%}.work-copy{padding:clamp(22px,3.5vw,38px)}.work-copy h2{color:#f2f3ef;letter-spacing:-.035em;text-transform:none;font-size:clamp(23px,3vw,34px)}.work-copy p{color:#808889;min-height:3.4em;margin:14px 0 24px;font-size:12px;line-height:1.7}.work-copy strong{color:#d6dad8;letter-spacing:.05em;font-size:11px}.work-copy strong span{color:var(--red-bright);margin-left:6px;transition:transform .18s;display:inline-block}.work-card:hover .work-copy strong span{transform:translate(4px)}.shell{background:#070809;grid-template-columns:minmax(0,1fr) 390px;width:100%;height:100%;display:grid}.shell.is-model-first{height:100%;min-height:100%;display:block}.viewport{isolation:isolate;background:linear-gradient(113deg,#0000 56%,#8e151d14 100%),radial-gradient(circle at 49% 42%,#5e63653d 0,#1d202238 26%,#0000 55%),radial-gradient(circle at 12% 94%,#9719232b,#0000 28%),linear-gradient(145deg,#151719 0%,#090a0b 56%,#040506 100%);min-width:0;min-height:0;position:relative;overflow:hidden}.is-model-first .viewport{background:#0b0d0e;width:100%;height:100%}.viewport:before{z-index:-1;content:"";opacity:.22;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.is-model-first .viewport:before{display:none}.viewport:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(90deg,#00000029,#0000 16% 84%,#00000042),radial-gradient(circle,#0000 48%,#0000006b 100%);position:absolute;inset:0}.is-model-first .viewport:after{background:radial-gradient(circle,#0000 62%,#00000047 100%)}#scene-canvas{z-index:0;touch-action:none;width:100%;height:100%;display:block;position:relative}.viewport-topbar{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:22px;left:24px;right:24px}.back-link{color:#d6dad8;pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060708b8;border:1px solid #ffffff1a;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:700;text-decoration:none}.back-link:hover{color:#fff;border-color:#ef424952}.viewport-badge,.view-label,.viewport-help{color:#a7afb0;letter-spacing:.11em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060708a6;border:1px solid #ffffff1a;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:700;box-shadow:0 16px 40px #00000038,inset 0 1px #ffffff0a}.viewport-badge{color:#ee5960;border-radius:999px;padding:9px 12px}.view-label{color:#d4d9d8;border-radius:6px;padding:9px 12px}.viewport-help{z-index:3;color:#777f81;border-radius:999px;padding:8px 11px;position:absolute;bottom:24px;right:24px}.view-dock{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070809b8;border:1px solid #ffffff17;border-radius:10px;gap:3px;padding:4px;display:flex;position:absolute;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0000004d}.view-dock button{color:#71797a;cursor:pointer;letter-spacing:.04em;background:0 0;border:0;border-radius:7px;min-width:54px;padding:8px 10px;font-size:10px;font-weight:700;transition:color .16s,background .16s,box-shadow .16s}.view-dock button:hover{color:#d8dcda;background:#ffffff0d}.view-dock button.is-active{color:#fff;background:linear-gradient(#d83b42,#a52029);box-shadow:0 7px 20px #b71f2940,inset 0 1px #fff3}.is-model-first .back-link,.is-model-first .view-label,.is-model-first .view-dock{-webkit-backdrop-filter:none;backdrop-filter:none;background:#07090af0;box-shadow:0 10px 28px #0000003d}.motorcycle-title-card{z-index:4;pointer-events:none;background:#07090aeb;border:1px solid #ffffff14;border-left:2px solid #c63c43;border-radius:8px;max-width:min(330px,100% - 48px);padding:12px 14px;position:absolute;top:76px;left:24px;box-shadow:0 14px 36px #0000003d}.motorcycle-title-card .eyebrow{color:#a04b4f;font-size:8px}.motorcycle-title-card h1{letter-spacing:-.025em;max-width:none;margin-top:5px;font-size:20px}.motorcycle-controls-card{z-index:5;background:#07090af2;border:1px solid #ffffff17;border-radius:9px;width:248px;padding:12px;position:absolute;bottom:72px;right:22px;box-shadow:0 18px 46px #0000004d}.compact-actions{align-items:center;gap:6px;display:flex}.motorcycle-controls-card .controls{gap:5px;margin-top:10px}.motorcycle-controls-card .control-row{background:#ffffff06;gap:5px;padding:7px 8px}.motorcycle-controls-card .control-heading{font-size:9px}.motorcycle-controls-card .toggle-control{min-height:34px}.motorcycle-controls-card .toggle-control input{width:30px}.motorcycle-controls-card .range-control input{height:2px}.selection-card{z-index:4;border:1px solid #ef424940;border-left:3px solid var(--red-bright);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070809c2;border-radius:5px 10px 10px 5px;width:min(250px,100% - 48px);padding:14px 15px;position:absolute;top:50%;left:24px;transform:translateY(-50%);box-shadow:0 18px 52px #00000052}.selection-card[hidden]{display:none}.selection-card span{color:#df474f;letter-spacing:.16em;margin-bottom:7px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:800;display:block}.selection-card strong{color:#f1f3ef;font-size:13px;display:block}.selection-card small{color:#71797a;margin-top:5px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.5;display:block}.panel{z-index:5;background:linear-gradient(165deg, #141618fc, #08090bfc 68%), var(--panel);scrollbar-color:#3e4142 #0c0d0f;scrollbar-width:thin;border-left:1px solid #ffffff12;padding:27px 26px 40px;position:relative;overflow-y:auto;box-shadow:-26px 0 90px #00000059}.panel:before{background:linear-gradient(90deg, transparent, var(--red), transparent);content:"";opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.panel section{border-top:1px solid var(--line);padding:20px 0}.product-header{padding-bottom:23px}.brand-row,.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow{color:#7d8587;letter-spacing:.14em;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:800}.model-chip,.evidence-count{color:#dc4c54;letter-spacing:.1em;background:#c52d3612;border:1px solid #c52d364d;border-radius:4px;padding:4px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:800}.brand-mark{color:var(--red-bright);letter-spacing:.08em;margin:20px 0 3px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:17px;font-stretch:75%}h1{color:#f2f3ef;letter-spacing:-.045em;max-width:338px;margin:0;font-size:31px;font-weight:720;line-height:1.06}h2{color:#c7cdcc;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.lede{color:#8d9495;margin:13px 0 17px;font-size:12px;line-height:1.65}.feature-chips{flex-wrap:wrap;gap:6px;display:flex}.feature-chips span{color:#9ca3a3;letter-spacing:.08em;background:#ffffff06;border:1px solid #ffffff14;border-radius:5px;padding:6px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:700}.evidence-card{position:relative}.reference-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0 12px;display:grid}.reference-thumb{color:#d5dad8;background:#0d0f11;border:1px solid #ffffff1a;border-radius:7px;min-width:0;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #0003}.reference-thumb:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #ffffff08;position:absolute;inset:0;box-shadow:inset 0 -34px 28px #0000008f}.reference-thumb:hover,.reference-thumb:focus-visible{border-color:#eb4b539e;outline:0;transform:translateY(-2px);box-shadow:0 14px 32px #00000057}.reference-thumb img{aspect-ratio:.86;object-fit:cover;object-position:center;filter:saturate(.82)contrast(1.06)brightness(.84);width:100%;transition:filter .22s,transform .26s;display:block}.reference-thumb:hover img,.reference-thumb:focus-visible img{filter:saturate(.98)contrast(1.08)brightness(.97);transform:scale(1.04)}.reference-thumb span{z-index:1;color:#e9edeb;letter-spacing:.04em;text-shadow:0 1px 6px #000000d9;justify-content:space-between;align-items:center;gap:4px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:800;display:flex;position:absolute;bottom:6px;left:7px;right:7px}.reference-thumb b{color:#ed5860;font-size:10px;line-height:1}.evidence-strip{grid-template-columns:repeat(7,1fr);gap:3px;margin:12px 0 10px;display:grid}.evidence-strip span{aspect-ratio:.72;color:#5f6667;letter-spacing:-.02em;background:linear-gradient(145deg,#17191b,#0b0c0e);border:1px solid #ffffff12;border-radius:3px;place-items:end center;min-width:0;padding:4px 1px;font-family:SFMono-Regular,Consolas,monospace;font-size:5px;display:grid}.evidence-strip span:before{content:"";background:linear-gradient(90deg,#0000 18%,#c2cac71f 20% 80%,#0000 82%);border:1px solid #c2cac738;border-radius:3px;width:10px;height:17px;margin:auto;box-shadow:0 0 9px #c52d360d}.evidence-strip span:nth-child(2):before{border-color:#c52d3638;width:16px;height:16px}.evidence-strip span:nth-child(3):before{width:4px;height:19px}.evidence-strip span:nth-child(4):before{width:11px;height:18px;transform:perspective(30px)rotateY(-28deg)}.evidence-strip span:nth-child(5):before{background:radial-gradient(circle,#0000 32%,#aab1af2e 35% 43%,#0000 46%);border-color:#aab1af45}.evidence-strip span:nth-child(6):before{border-radius:5px 5px 2px 2px;width:15px;height:10px}.evidence-strip span:nth-child(7):before{background:#69beda24;border-color:#69beda4d;box-shadow:0 0 10px #69beda2e}.evidence-card>p{color:#6f7778;margin:0;font-size:10px;line-height:1.55}.evidence-card code{color:#b2b9b8;font-family:SFMono-Regular,Consolas,monospace}.source-links{gap:12px;margin-top:9px;display:flex}.source-links a{color:#ce555b;font-size:10px;text-decoration:none}.source-links a:hover{color:#f2777d;text-decoration:underline}.prompt-card>span{color:#6b7273;letter-spacing:.13em;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:700}.prompt-card p{color:#b4bab9;background:linear-gradient(135deg,#c52d360a,#0000),#ffffff05;border:1px solid #c52d362b;border-radius:8px;margin:9px 0 0;padding:13px;font-size:11px;line-height:1.65}.badge{color:#848b8c;letter-spacing:.08em;border:1px solid #ffffff1a;border-radius:4px;padding:5px 7px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:800}.badge.is-pass{color:#68d3b1;background:#4bc7a10f;border-color:#4bc7a147}.badge.is-fail{color:#ff7c7c;background:#ff595914;border-color:#ff595957}.metrics{grid-template-columns:1fr 1fr;gap:5px;margin:13px 0 0;display:grid}.metrics>div{background:#ffffff06;border:1px solid #ffffff0a;border-radius:6px;min-width:0;padding:9px}.metrics dt{color:#686f70;margin-bottom:4px;font-size:9px}.metrics dd{color:#c4cac8;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;overflow:hidden}.controls{gap:7px;margin-top:12px;display:grid}.control-row{color:#aeb5b4;background:#ffffff05;border:1px solid #ffffff0f;border-radius:7px;gap:7px;padding:10px 11px;font-size:10px;display:grid}.toggle-control{grid-template-columns:1fr auto;align-items:center}.toggle-control input{width:36px;accent-color:var(--red)}.control-heading{justify-content:space-between;gap:12px;display:flex}.control-heading output{color:#d84c53;font-family:SFMono-Regular,Consolas,monospace}.range-control input{width:100%;height:3px;accent-color:var(--red)}.action-joint-control{opacity:.72;border-style:dashed}.explode-control{background:#c52d360a;border-color:#c52d3638}.parts{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.parts button{color:#a3aaa9;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:9px;transition:border-color .15s,background .15s,transform .15s;display:flex}.parts button:hover{border-color:#c52d364d;transform:translateY(-1px)}.parts button.is-active{color:#f5f5f1;background:linear-gradient(135deg,#c52d361f,#0000),#ffffff08;border-color:#dd3a437a}.parts button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:650;overflow:hidden}.parts button small{color:#606768;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-family:SFMono-Regular,Consolas,monospace;font-size:7px;overflow:hidden}.ghost-button{color:#7d8586;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:5px;padding:5px 7px;font-size:8px}.ghost-button:hover{color:#cfd3d1;border-color:#c52d3647}footer{color:#555c5d;padding-top:20px;font-size:9px;line-height:1.65}.fatal-error{z-index:20;color:#ffc7c7;white-space:pre-wrap;background:#1a0d0d;border:1px solid #8e3f3f;border-radius:10px;padding:20px;position:fixed;inset:20px;overflow:auto}@media (width<=1000px){.shell{grid-template-columns:minmax(0,1fr) 350px}.panel{padding-left:21px;padding-right:21px}}@media (width<=760px){html,body,#app{height:auto;min-height:100%;overflow:auto}.shell{grid-template-rows:72vh auto;grid-template-columns:1fr;height:auto;min-height:100vh}.shell.is-model-first,.is-model-first .viewport{width:100%;height:100dvh;min-height:100dvh}.gallery-shell{padding:34px 18px 54px}.work-grid{grid-template-columns:1fr}.work-copy p{min-height:0}.panel{border-top:1px solid #ffffff14;border-left:0;overflow:visible}.viewport-topbar{top:14px;left:14px;right:14px}.viewport-badge{display:none}.motorcycle-title-card{max-width:calc(100% - 28px);padding:9px 11px;top:62px;left:14px}.motorcycle-title-card h1{font-size:17px}.motorcycle-controls-card{width:min(230px,100% - 28px);padding:9px;bottom:68px;right:14px}.is-model-first .view-dock{justify-content:center;left:14px;right:14px;transform:none}.back-link{padding:8px 10px}.view-dock{max-width:calc(100% - 28px);bottom:15px;overflow-x:auto}.view-dock button{min-width:50px}.viewport-help{display:none}.selection-card{top:auto;bottom:68px;left:14px;transform:none}}