:root{--bg:#0d1b2a;--shell:#07121ff0;--card:#091928e6;--card-strong:#0d2334f5;--border:#8de6e842;--text:#f5fdff;--muted:#bfd6de;--green:#39ff85;--purple:#7f5fc7;--blue:#2f78b7;--orange:#d88a3d;--teal:#00bfa5;--cells:#65d982;--organelles:#5bb8ff;--tissues:#ffb15e;--models:#b99cff;--ink:#1f2b2d;--control:#07141de6;--shadow:0 24px 70px #0000006b;--soft-shadow:0 16px 42px #00000061}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top left, #00bfa52e, transparent 28rem), radial-gradient(circle at bottom right, #39ff851a, transparent 30rem), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1560px,100vw - 28px);min-height:calc(100vh - 28px);box-shadow:var(--shadow), inset 0 1px 0 #ffffff24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#071421fa,#0b1e2df0);border:1px solid #89d7da47;border-radius:30px;margin:14px auto;padding:16px;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(#39ff8529 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.header,.studio-grid,.app-footer,.toast{z-index:1;position:relative}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#0f2638f0,#091b2be6);border:1px solid #8de6e847;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;height:74px;padding:10px 16px 14px;display:flex;box-shadow:0 16px 38px #00000052}.brand{align-items:center;gap:13px;min-width:280px;display:flex}.brand-logo,.profile-button{background:linear-gradient(#0d1b2a, #0d1b2a) padding-box, conic-gradient(from var(--brand-angle,0deg), var(--green), var(--blue), var(--purple), var(--green)) border-box;width:42px;height:42px;color:var(--green);border:2px solid #0000;border-radius:50%;place-items:center;animation:5s linear infinite brandSpin;display:grid;box-shadow:0 0 24px #39ff852e,inset 0 1px #ffffff47}@property --brand-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes brandSpin{to{--brand-angle:360deg}}.brand h1{color:#fff;text-shadow:0 0 24px #39ff851f;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2vw,1.9rem);font-style:italic;line-height:1}.brand p,.viewer-title-row p,.structure-row p{color:#bfd4da;margin:4px 0 0;font-size:.85rem}.top-nav{align-items:center;gap:8px;display:flex}.top-nav a,.profile-button{color:#e8f7f6;background:0 0;border:1px solid #0000;text-decoration:none}.top-nav a{border-radius:999px;align-items:center;gap:7px;padding:9px 11px;font-size:.88rem;display:inline-flex}.top-nav a:hover,.profile-button:hover{border-color:var(--border);background:#ffffff1f}.studio-grid{grid-template-columns:290px minmax(0,1fr) 380px;gap:16px;padding-top:16px;display:grid}.app-footer{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#b8c9ce;text-align:center;background:#091928c7;border-radius:18px;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;font-size:.86rem;display:flex;box-shadow:0 10px 28px #0000002e,inset 0 1px #ffffff1f}.app-footer span{color:var(--green);font-weight:800}.app-footer strong{color:#edf7f6;font-weight:700}.sidebar,.viewer-card,.detail-card,.bottom-panel{border:1px solid var(--border);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text);background:linear-gradient(145deg,#0c1f30f0,#071522e6)}.sidebar{border-radius:24px;flex-direction:column;align-self:start;min-height:0;max-height:calc(100vh - 126px);padding:16px;display:flex;position:sticky;top:16px}.sidebar-top{flex:none}.section-heading{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.search-box{border:1px solid var(--border);color:#dbeaf0;background:#ffffff0f;border-radius:15px;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;transition:box-shadow .2s,border-color .2s;display:flex}.search-box:focus-within{border-color:#39ff85a6;box-shadow:0 0 0 3px #4f865866}.search-box input{color:#f4fbff;background:0 0;border:0;outline:0;width:100%}.search-box input::placeholder{color:#91a7af}.filter-row{flex-wrap:wrap;gap:7px;margin:13px 0 15px;display:flex}.chip{border:1px solid var(--border);color:#edf9fb;background:#ffffff14;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:.78rem;display:inline-flex}.chip.active{background:var(--chip-color,var(--green));color:#071510;border-color:var(--chip-color,var(--green));font-weight:900}.filter-cells{--chip-color:var(--cells)}.filter-organelles{--chip-color:var(--organelles)}.filter-tissues{--chip-color:var(--tissues)}.filter-models{--chip-color:var(--models)}.filter-all{--chip-color:var(--green)}.object-list{gap:9px;display:grid}.object-scroll{scrollbar-width:thin;scrollbar-color:#39ff8585 #8de6e81f;flex:auto;min-height:0;padding:4px 4px 2px 0;overflow-y:auto}.object-scroll::-webkit-scrollbar{width:8px}.object-scroll::-webkit-scrollbar-track{background:#8de6e81f;border-radius:999px}.object-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#39ff85a3,#5bb8ff94);border-radius:999px}.object-section{gap:9px;display:grid}.object-section+.object-section{margin-top:16px}.object-section-heading{z-index:2;border:1px solid color-mix(in srgb, var(--group-color,var(--teal)) 38%, transparent);color:#f1fbff;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07141df0;border-radius:12px;justify-content:space-between;align-items:center;padding:7px 9px;font-size:.72rem;font-weight:900;display:flex;position:sticky;top:0}.object-section-heading b{background:color-mix(in srgb, var(--group-color,var(--green)) 22%, transparent);min-width:22px;height:22px;color:var(--group-color,var(--green));letter-spacing:0;border-radius:999px;place-items:center;display:grid}.empty-library{color:var(--muted);text-align:center;border:1px dashed var(--border);background:#ffffff0d;border-radius:16px;padding:18px 10px}.object-item{color:#f5fbff;text-align:left;background:0 0;border:1px solid #0000;border-radius:17px;grid-template-columns:48px 1fr 18px;align-items:center;gap:10px;width:100%;min-height:66px;padding:8px 9px;transition:transform .18s,box-shadow .18s,background .18s,font-weight .18s;display:grid}.object-item:hover{background:#ffffff14;transform:translateY(-1px)}.object-item:hover strong{font-weight:600}.object-item.selected{background:linear-gradient(90deg, color-mix(in srgb, var(--group-color,var(--green)) 28%, transparent), #ffffff12);border-color:color-mix(in srgb, var(--group-color,var(--green)) 44%, transparent);border-left:4px solid var(--group-color,var(--green));box-shadow:0 12px 28px color-mix(in srgb, var(--group-color,var(--green)) 16%, transparent)}.model-icon{width:46px;height:46px;color:var(--group-color,var(--green));background:linear-gradient(145deg, #ffffff24, color-mix(in srgb, var(--group-color,var(--green)) 18%, transparent));border:1px solid color-mix(in srgb, var(--group-color,var(--green)) 34%, transparent);border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffbf}.model-icon.available{color:var(--group-color,var(--green));background:linear-gradient(145deg, color-mix(in srgb, var(--group-color,var(--green)) 20%, transparent), #ffffff14);border-color:color-mix(in srgb, var(--group-color,var(--green)) 42%, transparent)}.detail-model-icon{border-radius:50%;width:54px;height:54px}.object-item strong{color:#f5fbff;font-size:.92rem;font-weight:800;display:block}.object-item small{color:#a8c1c9;margin-top:3px;font-size:.74rem;display:block}.selected-arrow{color:var(--purple)}.center-stack{gap:16px;min-width:0;display:grid}.viewer-card{border-radius:28px;min-height:660px;padding:18px;overflow:hidden}.viewer-title-row{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px;display:flex}.viewer-title-row h2{letter-spacing:0;background:linear-gradient(135deg,#fff 0%,#ddfff4 48%,#39ff85 100%);color:#0000;text-shadow:0 0 34px #39ff851f;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.2rem,3vw,3.6rem)}.tip-note{color:#effffc;background:#00bfa52e;border:1px solid #39ff8561;border-radius:7px 17px 17px;max-width:210px;padding:12px 14px;font-size:.86rem;box-shadow:0 8px 20px #0000002e}.spin-area{background:radial-gradient(circle at 50% 54%,#ffffff40 0 18%,#00bfa529 35%,#0000 62%) 0 0/100% 100%,linear-gradient(135deg,#0d3340,#0f0c29,#1a2a1a) 0 0/220% 220%;border:1px solid #8de6e857;border-radius:24px;min-height:530px;animation:14s ease-in-out infinite livingGradient;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,inset 0 -30px 80px #00000038}.spin-area:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(#0000 40%,#0d1b2a73 100%);position:absolute;inset:0}.spin-area:before{content:"";filter:blur(28px);background:linear-gradient(115deg,#4f86582e,#2f78b721,#7f5fc71f);border-radius:50%;animation:8s ease-in-out infinite breathingGlow;position:absolute;inset:8%}@keyframes livingGradient{0%,to{background-position:50%,0%}50%{background-position:50%,100%}}@keyframes breathingGlow{0%,to{opacity:.72;transform:scale(.94)rotate(0)}50%{opacity:1;transform:scale(1.05)rotate(8deg)}}.particle{background:color-mix(in srgb, var(--group-color,var(--teal)) 70%, white 10%);width:8px;height:8px;box-shadow:0 0 18px color-mix(in srgb, var(--group-color,var(--teal)) 60%, transparent);border-radius:50%;animation:7s ease-in-out infinite floatParticle;position:absolute}.particle-one{top:27%;left:19%}.particle-two{opacity:.7;animation-delay:-2s;top:22%;right:25%}.particle-three{opacity:.8;animation-delay:-4s;bottom:27%;right:18%}@keyframes floatParticle{0%,to{transform:translate(0,0)}50%{transform:translate(10px,-18px)}}.viewer-tools{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf6db;border:1px solid #eadcc4d9;border-radius:18px;width:208px;padding:12px;position:absolute;top:16px;right:16px;box-shadow:0 12px 32px #533a1c1f}.viewer-status-strip{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fffaf2;background:#1f2b2dc2;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 16px 36px #1f2b2d2e}.viewer-status-strip .toggle-line{gap:7px;margin:0}.viewer-status-strip .frame-pill{white-space:nowrap;color:#f7fff8;background:#ffffff1f;border:1px solid #ffffff1f;margin:0}.tool-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.72rem;font-weight:800}.segmented{grid-template-columns:1fr;gap:6px;display:grid}.segmented button,.bottom-controls button,.primary-action{border:1px solid var(--border);color:#effcff;background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.segmented button.active{background:color-mix(in srgb, var(--blue) 28%, #ffffff14);color:#dff6ff;border-color:#5bb8ff73}.toggle-line{color:#d7ecef;justify-content:space-between;align-items:center;margin-top:10px;font-size:.84rem;display:flex}.viewer-status-strip .toggle-line{color:#eef7ed}.viewer-status-strip input{accent-color:#8fd29b}.frame-pill{color:#dbf9ff;text-align:center;background:#ffffff14;border-radius:999px;margin-top:9px;padding:7px 9px;font-size:.8rem}.model-stage{-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;perspective:900px;place-items:center;display:grid;position:absolute;inset:14px}.model-stage.dragging{cursor:grabbing}.orbit-ring{z-index:4;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--group-color,var(--green)) 36%, transparent);width:min(62%,390px);box-shadow:0 0 32px color-mix(in srgb, var(--group-color,var(--green)) 18%, transparent);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .18s,transform .18s;position:absolute;transform:rotateX(68deg)scale(.9)}.spin-area.is-interacting .orbit-ring{opacity:1;transform:rotateX(68deg)scale(1)}.radial-glow{aspect-ratio:1;background:radial-gradient(circle,#d2fff657,#39ff8529 43%,#0000 68%);border-radius:50%;width:min(55vw,520px);position:absolute}.model-image{z-index:2;object-fit:contain;filter:drop-shadow(0 32px 28px #3d302338);width:min(64%,560px);max-height:360px;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, filter;transition:transform 80ms linear,filter .12s;position:relative}.model-stage.dragging .model-image{filter:drop-shadow(0 36px 30px #3d302340)saturate(1.04)}.glb-viewer{z-index:2;min-height:100%;position:absolute;inset:0}.glb-viewer canvas{outline:none;width:100%;height:100%;display:block}.model-loading{z-index:7;border:1px solid color-mix(in srgb, var(--group-color,var(--teal)) 45%, transparent);color:#edfcff;width:min(420px,100% - 40px);box-shadow:0 24px 58px #0000006b, 0 0 34px color-mix(in srgb, var(--group-color,var(--green)) 14%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#05101cdb;border-radius:20px;gap:12px;padding:16px 18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.model-loading-top{justify-content:space-between;align-items:center;gap:12px;font-weight:800;display:flex}.model-loading b{color:var(--group-color,var(--green));font-family:JetBrains Mono,Cascadia Mono,SFMono-Regular,Consolas,monospace}.model-progress-track{background:#8de6e824;border-radius:999px;height:11px;overflow:hidden;box-shadow:inset 0 1px 3px #0000005c}.model-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--teal), var(--blue), var(--purple));height:100%;box-shadow:0 0 18px color-mix(in srgb, var(--group-color,var(--green)) 54%, transparent);background-size:180% 100%;transition:width .18s;animation:1.4s linear infinite progressFlow}@keyframes progressFlow{to{background-position:180% 0}}.soft-shadow{z-index:1;filter:blur(14px);background:#00000047;border-radius:50%;width:300px;height:36px;position:absolute;bottom:58px}.image-skeleton,.missing-image{z-index:4;width:min(70%,440px);min-height:220px;color:var(--muted);background:linear-gradient(90deg,#8de6e814,#ffffff29,#8de6e814) 0 0/200% 100%;border:1px solid #8de6e842;border-radius:28px;place-items:center;animation:1.3s linear infinite shimmer;display:grid;position:relative}.model-missing{text-align:center;gap:8px}.model-missing strong{color:#f4fdff}.model-missing span{color:var(--muted)}.model-missing code{border:1px solid var(--border);color:#d7c9ff;white-space:normal;background:#ffffff14;border-radius:999px;max-width:100%;padding:7px 10px}.preload-strip{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.preload-strip img{width:1px;height:1px}@keyframes shimmer{to{background-position-x:-200%}}.frame-dots{z-index:4;gap:7px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.dot{background:#bfd6de52;border:0;border-radius:50%;width:9px;height:9px;padding:0}.dot.active{background:var(--purple);border-radius:999px;width:24px}.bottom-controls{z-index:6;background:var(--control);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff29;border-radius:999px;gap:4px;padding:6px;display:flex;position:absolute;bottom:18px;box-shadow:0 18px 42px #1f2b2d38}.bottom-controls.left{left:18px}.bottom-controls.center{flex-wrap:wrap;justify-content:center;max-width:calc(100% - 36px);left:50%;transform:translate(-50%)}.bottom-controls.right{right:18px}.bottom-controls button{color:#fffaf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-color:#ffffff1f;border-radius:50%;width:36px;height:36px;min-height:36px;padding:0;font-size:0;font-weight:700}.bottom-controls button:hover,.show-ui-button:hover{background:#ffffff29;transform:translateY(-1px)}.bottom-controls button:active,.show-ui-button:active{transform:translateY(0)}.bottom-controls button svg{color:#aee6bd;flex:none}.bottom-controls button.control-active{background:linear-gradient(135deg,#4f8658f2,#2f78b7e6);border-color:#ffffff38;box-shadow:0 8px 18px #2f78b72e}.bottom-controls button.rotate-active svg{color:var(--green);animation:1.2s ease-in-out infinite rotatePulse}@keyframes rotatePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.scale-ghost{z-index:5;color:#dff8f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1b2a9e;border:1px solid #ffffff1f;border-radius:14px;align-items:flex-end;gap:8px;padding:8px 10px;display:flex;position:absolute;bottom:18px;left:16px}.hand-ghost{background:linear-gradient(#ffffffb8,#fff3);border-radius:9px 9px 6px 6px;width:18px;height:30px;display:block;position:relative}.hand-ghost:before{content:"";background:#ffffff61;border-radius:999px;width:9px;height:17px;position:absolute;bottom:5px;left:-5px;transform:rotate(-28deg)}.scale-dot{background:var(--group-color,var(--green));width:8px;height:8px;box-shadow:0 0 16px var(--group-color,var(--green));border-radius:50%;margin-bottom:5px}.scale-ghost small{color:#c6d8dd;max-width:92px;font-size:.68rem;line-height:1.15}.bottom-controls .disabled{opacity:.58}.show-ui-button{z-index:8;background:var(--control);color:#fffaf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff2e;border-radius:999px;min-height:38px;padding:8px 14px;font-weight:800;position:absolute;bottom:18px;right:18px;box-shadow:0 18px 42px #1f2b2d38}.viewer-meta-strip{grid-template-columns:1.4fr 1fr;gap:10px;margin-top:12px;display:grid}.viewer-meta-strip span{border:1px solid var(--border);color:#e6f6f8;background:#ffffff0f;border-radius:16px;align-items:center;gap:8px;padding:10px 12px;font-size:.86rem;display:flex}.hidden-icon-bank{display:none}.detail-panel{align-content:start;gap:16px;display:grid}.detail-card{border-radius:24px;padding:17px;transition:transform .18s}.detail-card:hover,.micro-card:hover{transform:translateY(-2px)}.structure-row{align-items:center;gap:12px;margin:14px 0;display:flex}.structure-row h3{color:#fff;margin:0;font-size:1.15rem}.group-cells{--group-color:var(--cells)}.group-organelles{--group-color:var(--organelles)}.group-tissues{--group-color:var(--tissues)}.group-models{--group-color:var(--models)}.detail-panel .detail-card{border-top:2px solid color-mix(in srgb, var(--group-color,var(--green)) 55%, transparent)}.detail-panel .section-heading{color:var(--group-color,var(--green))}.stats-list{gap:9px;margin:0;display:grid}.stats-list div{border-bottom:1px dashed #bee1e629;justify-content:space-between;gap:12px;padding-bottom:9px;display:flex}.stats-list dt{color:#a9c4cc;font-size:.8rem}.stats-list dd{text-align:right;color:#f2fffb;margin:0;font-family:JetBrains Mono,Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.84rem;font-weight:700}.marker-toggle{background:color-mix(in srgb, var(--group-color,var(--green)) 24%, #ffffff0a);color:#effff5;border-radius:14px;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 12px;font-weight:700;display:flex}.detail-card p{color:#e0eef2;line-height:1.55}.parts-list{gap:8px;margin-top:12px;display:grid}.part-item{background:#ffffff0f;border:1px solid #bee1e629;border-radius:14px;gap:3px;padding:10px 11px;display:grid}.part-item strong{color:#9dffbd;font-size:.86rem}.part-item span{color:#d4e6ea;font-size:.8rem;line-height:1.35}.skeleton-card{min-height:130px}.skeleton-line{background:linear-gradient(90deg,#e5d5bd38 25%,#f7eddd61 50%,#e5d5bd38 75%) 0 0/200% 100%;border-radius:999px;height:13px;margin-top:12px;animation:.9s linear infinite skeletonShimmer}.skeleton-line.short{width:36%}.skeleton-line.medium{width:68%}@keyframes skeletonShimmer{to{background-position-x:-200%}}.fun-fact{border:1px solid #ffffff24;border-left:4px solid var(--group-color,var(--green));color:#eefbff;background:#ffffff0f;border-radius:16px;gap:5px;padding:12px;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-style:italic;display:grid}.fun-fact strong{color:var(--group-color,var(--green));font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-style:normal}.mini-map{color:#edf9fb;background:linear-gradient(135deg,#2f78b73d,#39ff851f);border-radius:18px;place-items:center;min-height:96px;display:grid;position:relative;overflow:hidden}.mini-map span{background:#5d8f5c42;border-radius:50%;position:absolute}.mini-map span:first-child{width:54px;height:54px;top:18px;left:18px}.mini-map span:nth-child(2){background:#8d64c83d;width:34px;height:34px;top:26px;right:36px}.mini-map span:nth-child(3){background:#d98a3c47;width:28px;height:28px;bottom:16px;left:50%}.bottom-panel{scroll-snap-type:x mandatory;scrollbar-width:thin;border-radius:26px;gap:14px;padding:16px;display:flex;overflow-x:auto}.bottom-group{min-width:0}.rail-card{scroll-snap-align:start;min-width:min(360px,86vw);padding:2px}.micro-cards{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;display:grid}.micro-card{color:#effcff;border:1px solid #8de6e833;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:92px;padding:11px;transition:transform .18s;display:flex}.tone-0{background:linear-gradient(135deg,#39ff852e,#0f2638e0)}.tone-1{background:linear-gradient(135deg,#b99cff33,#0f2638e0)}.tone-2{background:linear-gradient(135deg,#5bb8ff33,#0f2638e0)}.compare-chips{flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;display:flex}.compare-chips span{border:1px solid var(--border);background:#ffffff14;border-radius:999px;padding:8px 10px;font-size:.82rem}.primary-action{color:#061912;background:linear-gradient(135deg,#39ff85eb,#00bfa5db);border-color:#0000;width:100%;margin-top:12px;font-weight:800}.fact-line{border:1px solid var(--border);color:#dff4f7;background:#ffffff14;border-radius:13px;margin-top:9px;padding:9px 10px;font-size:.86rem}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030b129e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.compare-modal{border:1px solid var(--border);width:min(920px,100%);max-height:min(760px,100vh - 40px);box-shadow:var(--shadow);background:#0d1b2af0;border-radius:28px;padding:22px;position:relative;overflow:auto}.modal-close{border:1px solid var(--border);color:#effcff;background:#ffffff14;border-radius:50%;width:38px;height:38px;position:absolute;top:18px;right:18px}.modal-header h2{margin:7px 0 0;font-size:clamp(1.6rem,3vw,2.4rem)}.compare-hero{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.compare-hero div{background:color-mix(in srgb, var(--group-color,var(--green)) 12%, #ffffff14);border:1px solid color-mix(in srgb, var(--group-color,var(--green)) 28%, transparent);border-radius:22px;place-items:center;gap:10px;min-height:220px;display:grid}.compare-model-badge{width:104px;height:104px;color:var(--group-color,var(--green));background:linear-gradient(145deg, #ffffff1f, color-mix(in srgb, var(--group-color,var(--green)) 18%, transparent));border:1px solid color-mix(in srgb, var(--group-color,var(--green)) 34%, transparent);border-radius:28px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff2e}.compare-hero small{text-align:center;max-width:90%;color:var(--muted)}table{border-collapse:collapse;background:#ffffff0d;border-radius:18px;width:100%;overflow:hidden}th,td{border:1px solid var(--border);vertical-align:top;text-align:left;padding:13px}th{color:#d8fff3;background:#00bfa51f;width:150px}td{color:#d7e9e8}td.compare-left,td.compare-right{background:color-mix(in srgb, var(--group-color,var(--green)) 12%, transparent)}.toast{color:#fffaf0;box-shadow:var(--shadow);background:#2c261f;border-radius:16px;padding:13px 16px;position:fixed;bottom:24px;right:24px}@media (width<=1180px){.studio-grid{grid-template-columns:240px minmax(0,1fr)}.detail-panel{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.top-nav a{padding:10px;font-size:0}}@media (width<=850px){.app-shell{border-radius:22px;width:100vw;margin:0;padding:10px 0}.header{align-items:flex-start;height:auto}.brand{min-width:0}.brand p{display:none}.studio-grid{grid-template-columns:1fr;padding-left:10px;padding-right:10px}.center-stack,.viewer-card{border-radius:0;margin-left:-10px;margin-right:-10px}.viewer-card{padding-left:0;padding-right:0}.app-footer{flex-direction:column;gap:4px;padding:12px}.sidebar{max-height:none;position:relative;top:auto;overflow:hidden}.object-scroll{padding-bottom:6px;overflow:auto hidden}.object-section{min-width:max-content}.object-section-heading{width:fit-content;margin-bottom:2px;position:relative;top:auto}.object-list{padding-bottom:4px;display:flex;overflow-x:visible}.object-item{min-width:214px}.viewer-card{min-height:auto;padding:14px}.viewer-title-row{flex-direction:column}.spin-area{border-radius:0;flex-direction:column;gap:12px;width:100vw;min-height:580px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:12px;display:flex}.viewer-tools,.viewer-status-strip,.bottom-controls{position:relative;inset:auto}.viewer-tools{order:1;width:auto;margin:0}.viewer-status-strip{order:1;justify-content:center;width:auto;margin:0}.model-stage{order:2;width:100%;min-height:280px;position:relative;inset:auto}.model-image{width:min(86%,420px)}.bottom-controls{z-index:5;flex-wrap:wrap;order:4;justify-content:center;margin:0}.bottom-controls.center{max-width:none;left:auto;transform:none}.frame-dots{order:3;justify-content:center;position:relative;bottom:auto;left:auto;transform:none}.viewer-meta-strip,.bottom-panel,.detail-panel,.micro-cards,.compare-hero{grid-template-columns:1fr}.detail-panel{grid-column:auto}}@media (width<=540px){.top-nav a:nth-child(n+3){display:none}.brand h1{font-size:1.18rem}.brand-logo,.profile-button{width:36px;height:36px}.spin-area{min-height:540px}.bottom-controls button{flex:0 0 36px}th,td{width:100%;display:block}}