@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root,:root[data-theme=light]{--color-app-bg:#2f3033;--color-border:#d9dbe5;--color-border-strong:#a8b2c4;--color-card-border:var(--color-divider);--color-compare-divider-hover:#fff;--color-compare-label-bg:#111827c7;--color-control-active-bg:#002d9c;--color-control-active-text:#fff;--color-current-model-shadow:#0000008c;--color-danger:#da1e28;--color-disabled-bg:#b3becf;--color-divider:#e2e5ee;--color-dropzone-bg:#f1f1f1;--color-dropzone-bg-active:#eee;--color-focus-ring:#0f62fe;--color-good:#198038;--color-modal-scrim:#0f172a6b;--color-overlay:#202020ad;--color-primary:#0f62fe;--color-primary-active:#002d9c;--color-primary-active-hover:#2f75ff;--color-primary-hover:#002d9c;--color-primary-soft:#dde6ff;--color-scrollbar-thumb:#5f66768c;--color-surface:#fff;--color-surface-control:#fff;--color-surface-control-soft:#eef3ff;--color-surface-control-soft-hover:#dde6ff;--color-surface-muted:#f9fbff;--color-surface-raised:#fff;--color-text:#111827;--color-text-heading:#30364a;--color-text-inverse:#f4f7fb;--color-text-muted:#5f6676;--color-text-strong:#111827;--color-tooltip-bg:#111827f5;--color-tooltip-text:#fff;--color-viewer-bg:#2f3033;--color-warning:#f1c21b;--font-badge:var(--font-style-normal) var(--font-weight-bold) var(--font-size-xs)/var(--font-line-height-tight) var(--font-family-default);--font-body:var(--font-style-normal) var(--font-weight-regular) var(--font-size-base)/var(--font-line-height-default) var(--font-family-default);--font-button:var(--font-style-normal) var(--font-weight-bold) var(--font-size-sm)/var(--font-line-height-default) var(--font-family-default);--font-card-title:var(--font-style-normal) var(--font-weight-bold) var(--font-size-base)/var(--font-line-height-default) var(--font-family-default);--font-data:var(--font-style-normal) var(--font-weight-regular) var(--font-size-xs)/var(--font-line-height-default) var(--font-family-default);--font-data-heading:var(--font-style-normal) var(--font-weight-bold) var(--font-size-sm)/var(--font-line-height-default) var(--font-family-default);--font-family-default:"IBM Plex Sans", Arial, sans-serif;--font-helper:var(--font-style-normal) var(--font-weight-regular) var(--font-size-sm)/var(--font-line-height-default) var(--font-family-default);--font-helper-italic:var(--font-style-italic) var(--font-weight-regular) var(--font-size-sm)/var(--font-line-height-default) var(--font-family-default);--font-kicker:var(--font-style-normal) var(--font-weight-bold) var(--font-size-xs)/var(--font-line-height-default) var(--font-family-default);--font-line-height-compact:1.25;--font-line-height-default:1.45;--font-line-height-tight:1;--font-result:var(--font-style-normal) var(--font-weight-bold) var(--font-size-md)/var(--font-line-height-tight) var(--font-family-default);--font-section-title:var(--font-style-normal) var(--font-weight-bold) var(--font-size-sm)/var(--font-line-height-default) var(--font-family-default);--font-size-base:1rem;--font-size-md:1.35rem;--font-size-sm:.8rem;--font-size-xs:.6875rem;--font-style-italic:italic;--font-style-normal:normal;--font-tooltip:var(--font-style-normal) var(--font-weight-bold) var(--font-size-xs)/var(--font-line-height-compact) var(--font-family-default);--font-weight-bold:700;--font-weight-regular:400;--radius-lg:10px;--radius-md:8px;--shadow-soft:0 14px 32px #1118271a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-app-bg:#0d0d0d;--color-border:#525252;--color-border-strong:#a3a3a3;--color-card-border:var(--color-divider);--color-compare-divider-hover:#fff;--color-compare-label-bg:#0f172ae0;--color-control-active-bg:#5ea1ff;--color-control-active-text:#050505;--color-current-model-shadow:#000c;--color-danger:#ff5f6d;--color-disabled-bg:#404040;--color-divider:#3f3f3f;--color-dropzone-bg:#1c1c1c;--color-dropzone-bg-active:#2a2a2a;--color-focus-ring:#5ea1ff;--color-good:#39e77f;--color-modal-scrim:#000000ad;--color-overlay:#000000bd;--color-primary:#5ea1ff;--color-primary-active:#5ea1ff;--color-primary-active-hover:#8ec0ff;--color-primary-hover:#8ec0ff;--color-primary-soft:#00366d;--color-scrollbar-thumb:#cbd5e18c;--color-surface:#171717;--color-surface-control:#171717;--color-surface-control-soft:#262626;--color-surface-control-soft-hover:#333;--color-surface-muted:#202020;--color-surface-raised:#1c1c1c;--color-text:#f9fafb;--color-text-heading:#f8fafc;--color-text-inverse:#f9fafb;--color-text-muted:#cbd5e1;--color-text-strong:#fff;--color-tooltip-bg:#f8fafcf5;--color-tooltip-text:#0f172a;--color-viewer-bg:#121212;--color-warning:#ffd400;--shadow-soft:0 14px 32px #0000005c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=hi-contrast]{--color-app-bg:#000;--color-border:#fff;--color-border-strong:#fff;--color-card-border:#fff;--color-compare-divider-hover:#fff;--color-compare-label-bg:#000;--color-control-active-bg:#ff0;--color-control-active-text:#000;--color-current-model-shadow:#000;--color-danger:#ffb3b3;--color-disabled-bg:#4d4d4d;--color-divider:#fff;--color-dropzone-bg:#000;--color-dropzone-bg-active:#1a1a1a;--color-focus-ring:#ff0;--color-good:#b6ff00;--color-modal-scrim:#000000d1;--color-overlay:#000000d1;--color-primary:#ff0;--color-primary-active:#ff0;--color-primary-active-hover:#fff;--color-primary-hover:#fff;--color-primary-soft:#000;--color-scrollbar-thumb:#fff;--color-surface:#000;--color-surface-control:#000;--color-surface-control-soft:#111;--color-surface-control-soft-hover:#1a1a1a;--color-surface-muted:#080808;--color-surface-raised:#000;--color-text:#fff;--color-text-heading:#fff;--color-text-inverse:#fff;--color-text-muted:#fff;--color-text-strong:#fff;--color-tooltip-bg:#fff;--color-tooltip-text:#000;--color-viewer-bg:#000;--color-warning:#ff0;--shadow-soft:0 0 0 2px #fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin}html{width:100%;height:100dvh;overflow:hidden}body{background:var(--color-app-bg);color:var(--color-text);font:var(--font-body);width:100%;height:100dvh;margin:0;overflow:hidden}#app{width:100%;height:100dvh;margin:0;position:relative;overflow:hidden}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);clip-path:inset(0 round var(--radius-lg));scrollbar-color:var(--color-scrollbar-thumb) transparent;flex-direction:column;gap:1rem;padding:1rem;display:flex;overflow:hidden auto}.panel::-webkit-scrollbar-track{background:0 0}.panel::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:999px}.floating-panel{z-index:8;width:min(360px,100dvw - 2rem);max-height:calc(100dvh - 2rem);transition:transform 90ms,opacity 90ms;position:absolute;top:4rem;bottom:1rem}.left-panel{left:1rem}.right-panel{width:min(380px,100dvw - 2rem);right:1rem}#app.left-collapsed .left-panel{opacity:0;pointer-events:none;transform:translate(calc(-100% - 1.25rem))}#app.right-collapsed .right-panel{opacity:0;pointer-events:none;transform:translate(calc(100% + 1.25rem))}.panel-toggle{box-shadow:var(--shadow-soft);z-index:12;transition:transform 90ms cubic-bezier(.2,.9,.2,1),opacity 90ms;position:absolute;top:1rem}.panel-toggle-left{left:1rem}.panel-toggle-right{right:1rem}.viewer-panel{grid-template-rows:minmax(0,1fr);width:100%;min-width:0;height:100dvh;padding:0;display:grid;position:relative}h1,h2,h3{margin:.25rem 0 0}.card{background:var(--color-surface-muted);border:1px solid var(--color-card-border);border-radius:var(--radius-md);flex-direction:column;gap:.7rem;padding:.85rem;display:flex}.card h3{font:var(--font-card-title)}.panel-section-title{color:var(--color-text-heading);font:var(--font-section-title);text-transform:uppercase;margin-bottom:-.25rem}.dropzone{background:var(--color-dropzone-bg);border:2px dashed var(--color-border-strong);border-radius:var(--radius-md);text-align:center;padding:1rem;transition:border-color 90ms;position:relative}.model-input-overlay .dropzone{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.dropzone.drag{background:var(--color-dropzone-bg-active);border-color:var(--color-primary)}.model-input-layer{--model-input-width:min(720px, calc(100dvw - 2rem));width:var(--model-input-width);z-index:11;flex-direction:column;align-items:center;gap:1.25rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.model-input-logo{pointer-events:none;-webkit-user-select:none;user-select:none;width:75%;height:auto;display:block}.model-input-overlay{box-shadow:var(--shadow-soft);width:100%;min-height:min(360px,100dvh - 2rem)}.model-input-overlay h3,.model-input-overlay>.helper{text-align:center}.dropzone .hint{color:var(--color-text-muted);font:var(--font-helper);margin:.8rem 0 0}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.center-row{justify-content:center}button,button{background:var(--color-primary);color:var(--color-control-active-text);cursor:pointer;font:var(--font-button);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.42rem;padding:.52rem .88rem;transition:background-color 90ms,color 90ms;display:inline-flex}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.tabler-icon{stroke-width:1.5px}.toolbar-button .tabler-icon{width:1.5rem;height:1.5rem}.loading-overlay{background:var(--color-overlay);color:var(--color-text-inverse);opacity:0;pointer-events:none;z-index:100;justify-content:center;align-items:center;transition:opacity .16s;display:flex;position:fixed;inset:0}.loading-overlay.visible{opacity:1;pointer-events:auto}.loading-spinner{width:3rem;height:3rem;animation:.9s linear infinite loading-spinner-rotate}@keyframes loading-spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-overlay{transition:none}.loading-spinner{animation:none}}button:hover{background:var(--color-primary-hover)}.toolbar-button{min-height:calc(24px + 1.04rem)}button:disabled{background:var(--color-disabled-bg);cursor:not-allowed}.disabled-tooltip-wrap{display:inline-flex;position:relative}.disabled-tooltip-wrap[data-tooltip]:after{background:var(--color-tooltip-bg);color:var(--color-tooltip-text);content:attr(data-tooltip);font:var(--font-tooltip);opacity:0;pointer-events:none;text-align:center;white-space:normal;z-index:41;border-radius:.35rem;width:max-content;max-width:min(18rem,100dvw - 2rem);padding:.35rem .55rem;transition:opacity 80ms,transform 80ms;position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%)translateY(.2rem)}.disabled-tooltip-wrap[data-tooltip]:before{border:.35rem solid #0000;border-top-color:var(--color-tooltip-bg);content:"";opacity:0;pointer-events:none;z-index:40;transition:opacity 80ms,transform 80ms;position:absolute;bottom:calc(100% - .05rem);left:50%;transform:translate(-50%)translateY(.1rem)}.disabled-tooltip-wrap[data-tooltip]:hover:after,.disabled-tooltip-wrap[data-tooltip]:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.ghost{background:var(--color-primary-soft);color:var(--color-primary)}.ghost:hover,.ghost.active{background:var(--color-control-active-bg);color:var(--color-control-active-text)}.ghost.active:hover{background:var(--color-primary-active-hover)}input,select{background:var(--color-surface-control);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;min-width:0;padding:.4rem .56rem}.right-panel input[type=checkbox]{flex:none;width:1.125rem;height:1.125rem}input[type=checkbox]:hover,select:hover{cursor:pointer}label{color:var(--color-text);font:var(--font-helper);font-weight:var(--font-weight-bold)}.field{flex-direction:column;gap:.35rem;display:flex}.field-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.option-custom-fields .field-row,.option-custom-fields .field-row select,.option-custom-fields .field-row input:not([type=checkbox]){min-height:2rem}.option-tabs{background:var(--color-surface-control-soft);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.25rem;display:grid}.option-tab{color:var(--color-primary);background:0 0;width:100%}.option-tab:hover,.option-tab.active{background:var(--color-control-active-bg);color:var(--color-control-active-text)}.option-panel{flex-direction:column;gap:.7rem;display:flex}.option-custom-group-label{color:var(--color-text-muted);font:var(--font-kicker);text-transform:uppercase;margin-block:.5rem}.option-custom-fields .field-row+.option-custom-group-label{margin-top:1rem}.opt-generate-btn{z-index:0;margin-top:.35rem;transition:background-color 90ms,box-shadow .18s,color 90ms,transform 90ms;position:relative;overflow:visible}.opt-generate-btn:after{content:"";opacity:0;pointer-events:none;z-index:-1;filter:drop-shadow(0 0 .55rem #ffffffd9);background-color:#0000;background-image:radial-gradient(circle,#ff5ec4fa 0 .12rem,#0000 .16rem),radial-gradient(circle,#ffd166f2 0 .11rem,#0000 .15rem),radial-gradient(circle,#9cff6ee6 0 .11rem,#0000 .15rem),radial-gradient(circle,#6ee7fff5 0 .12rem,#0000 .16rem),radial-gradient(circle,#c084fcf5 0 .11rem,#0000 .15rem),radial-gradient(circle,#60a5faf5 0 .1rem,#0000 .14rem),radial-gradient(circle,#f472b6eb 0 .11rem,#0000 .15rem),radial-gradient(circle,#2dd4bfe6 0 .1rem,#0000 .14rem),radial-gradient(circle,#fde047f0 0 .11rem,#0000 .15rem),radial-gradient(circle,#a78bfaf0 0 .1rem,#0000 .14rem);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:.34rem .34rem,.3rem .3rem,.32rem .32rem,.34rem .34rem,.31rem .31rem,.28rem .28rem,.32rem .32rem,.29rem .29rem,.31rem .31rem,.28rem .28rem;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;border-radius:999px;transition:opacity .16s;position:absolute;inset:-.78rem;transform:translate(0,0)}:root[data-theme=dark] .opt-generate-btn{background:radial-gradient(#8ec0ffe6 0 58%,#0000 76%),linear-gradient(90deg,#5ea1ff,#7bb5ff 50%,#5ea1ff);box-shadow:inset 0 0 .65rem #ffffff29,0 0 .85rem #5ea1ff38}.opt-generate-btn:hover,.opt-generate-btn:focus-visible{color:#fff;background:radial-gradient(at 14% 22%,#42d3ff9e,#0000 24%),radial-gradient(at 88% 34%,#358fffb3,#0000 27%),radial-gradient(at 28% 92%,#93c5fd6b,#0000 24%),radial-gradient(at 72% 85%,#0ea5e980,#0000 28%),linear-gradient(90deg,#002d9c,#0f62fe 52%,#003fb8);transform:scale(1.05);box-shadow:inset -.9rem .25rem .9rem #002d9c61,inset .7rem -.18rem .8rem #67e8f957,inset 0 0 0 1px #bae6fd9e,.14rem -.08rem .75rem #38bdf894,-.18rem .12rem .95rem #2563eb6b,.32rem .18rem 1.25rem #0ea5e959,-.36rem -.18rem 1.35rem #7dd3fc4d}:root[data-theme=dark] .opt-generate-btn:hover,:root[data-theme=dark] .opt-generate-btn:focus-visible{color:#fff;background:radial-gradient(at 14% 22%,#7dd3fca8,#0000 24%),radial-gradient(at 88% 34%,#60a5fab8,#0000 27%),radial-gradient(at 28% 92%,#bfdbfe61,#0000 24%),radial-gradient(at 72% 85%,#22d3ee75,#0000 28%),linear-gradient(90deg,#0034b8,#0f62fe 52%,#0046c7);box-shadow:inset -.85rem .25rem .9rem #002d9c57,inset .7rem -.18rem .8rem #67e8f961,inset 0 0 0 1px #dbeafead,.14rem -.08rem .85rem #38bdf89e,-.18rem .12rem 1rem #2563eb80,.32rem .18rem 1.3rem #0ea5e961,-.36rem -.18rem 1.45rem #7dd3fc57}:root[data-theme=hi-contrast] .opt-generate-btn:hover,:root[data-theme=hi-contrast] .opt-generate-btn:focus-visible{background:var(--color-primary-hover);box-shadow:none;color:var(--color-control-active-text);transform:none}:root[data-theme=hi-contrast] .opt-generate-btn:hover:after,:root[data-theme=hi-contrast] .opt-generate-btn:focus-visible:after{opacity:0;animation:none}:root[data-theme=hi-contrast] .opt-generate-btn:hover .tabler-icon,:root[data-theme=hi-contrast] .opt-generate-btn:focus-visible .tabler-icon{animation:none}.opt-generate-btn:hover:after,.opt-generate-btn:focus-visible:after{opacity:1;animation:1.8s ease-out infinite optimize-particles}.opt-generate-btn:hover .tabler-icon,.opt-generate-btn:focus-visible .tabler-icon{transform-origin:85% 15%;animation:.52s cubic-bezier(.2,1.45,.3,1) infinite optimize-wand-cast}.opt-generate-btn,.download-output button{width:100%;min-height:2.9rem}@keyframes optimize-particles{0%{opacity:0;background-position:6% 48%,15% 78%,28% 16%,42% 88%,58% 14%,72% 84%,86% 28%,95% 58%,22%,78%;transform:translate(0,0)}18%{opacity:1}to{opacity:0;background-position:-10% 20%,4% 101%,24% -12%,38% 113%,62% -9%,76% 109%,96% 10%,109% 70%,3%,97%;transform:translateY(-.12rem)}}@keyframes optimize-wand-cast{0%,to{transform:rotate(0)translateY(0)}30%{transform:rotate(-20deg)translateY(-.1rem)}62%{transform:rotate(12deg)translateY(.04rem)}}@media (prefers-reduced-motion:reduce){.opt-generate-btn,.opt-generate-btn:after,.opt-generate-btn .tabler-icon{transition:none;animation:none}.opt-generate-btn:hover,.opt-generate-btn:focus-visible{transform:none}}.preset-description{color:var(--color-text-muted);font:var(--font-helper);margin:0}.option-helper-text{color:var(--color-text-muted);font:var(--font-helper-italic);margin:0}.quality-field{flex-direction:column;gap:.45rem;display:flex}.quality-field-header{align-items:baseline}.quality-slider-control{--quality-slider-thumb-size:1rem;--quality-slider-track-size:.45rem;height:var(--quality-slider-thumb-size);width:100%;position:relative}.quality-slider-control:has(.quality-slider:focus-visible){outline:3px solid var(--color-focus-ring);outline-offset:3px}.quality-slider{cursor:pointer;opacity:0;z-index:1;width:100%;margin:0;position:absolute;inset:0}.quality-slider-thumb{background:var(--color-primary);border:2px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-primary-active);height:var(--quality-slider-thumb-size);left:var(--quality-slider-percent);transform:translate(calc(var(--quality-slider-percent) * -1), -50%);width:var(--quality-slider-thumb-size);border-radius:999px;position:absolute;top:50%}.quality-slider-track{background:var(--color-primary-soft);height:var(--quality-slider-track-size);border-radius:999px;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.quality-slider-track:before{background:var(--color-primary);content:"";height:100%;width:var(--quality-slider-percent);border-radius:999px;display:block}.quality-slider-visual{pointer-events:none;position:absolute;inset:0}.quality-value{color:var(--color-text-muted);font:var(--font-helper)}.texture-size-helper{margin:.3rem 0 .55rem}.opt-status{color:var(--color-text-muted);font:var(--font-helper-italic);align-items:center;gap:.45rem;display:flex}.opt-status-dot{opacity:.65;background:currentColor;border-radius:999px;flex:none;width:.45rem;height:.45rem}.opt-status-error,.opt-status-ready{color:var(--color-text-muted)}.opt-status-ready .opt-status-dot{background:var(--color-good);opacity:1}.text-link{color:var(--color-primary);font:inherit;font-weight:var(--font-weight-bold);text-underline-offset:.12em;background:0 0;border:0;border-radius:0;padding:0;text-decoration:underline;display:inline}.text-link:hover{color:var(--color-primary);background:0 0}.right-panel .field-row:has(input[type=checkbox]):hover{cursor:pointer}.right-panel .field-row:has(input[type=checkbox]) label:hover{cursor:pointer}.helper{color:var(--color-text-muted);font:var(--font-helper)}.export-name-preview{color:var(--color-text-muted);font:var(--font-helper-italic);overflow-wrap:anywhere;margin:0}.download-settings,.download-output{flex-direction:column;gap:.7rem;display:flex}.download-output .disabled-tooltip-wrap{width:100%;display:flex}.download-size-hero{background:var(--color-surface-muted);border:1px solid var(--color-card-border);border-radius:var(--radius-md);gap:.55rem;padding:.75rem;display:grid}.download-size-hero-positive{border-color:color-mix(in srgb, var(--color-good) 26%, var(--color-card-border))}.download-size-hero-negative{border-color:color-mix(in srgb, var(--color-danger) 26%, var(--color-card-border))}.download-size-eyebrow{color:var(--color-text-muted);font:var(--font-kicker);text-transform:uppercase}.download-size-result{font:var(--font-result)}.download-size-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.download-size-pair div{border-top:1px solid var(--color-divider);gap:.15rem;padding-top:.45rem;display:grid}.download-size-pair span{color:var(--color-text-muted);font:var(--font-kicker);text-transform:uppercase}.download-size-pair strong{color:var(--color-text);font:var(--font-helper)}.meta-list{color:var(--color-text-heading);font:var(--font-data);gap:.4rem;display:grid}.meta-list div{border-bottom:1px solid var(--color-divider);justify-content:space-between;padding:.2rem 0;display:flex}.meta-list strong{text-align:right}.summary-grid{color:var(--color-text-heading);font:var(--font-data);grid-template-columns:minmax(7rem,1fr) minmax(0,1fr) minmax(0,1fr);gap:0;display:grid}.summary-grid-single{grid-template-columns:minmax(7rem,1fr) minmax(0,1fr)}.summary-heading{border-bottom:1px solid var(--color-divider);color:var(--color-text-heading);font:var(--font-data-heading);text-align:right;padding:0 0 .35rem}.summary-row{border-bottom:1px solid var(--color-divider);grid-column:1/-1;grid-template-columns:minmax(7rem,1fr) minmax(0,1fr) minmax(0,1fr);padding:.2rem 0;display:grid}.summary-row:last-child{border-bottom:0}.summary-grid-single .summary-row{grid-template-columns:minmax(7rem,1fr) minmax(0,1fr)}.summary-row strong{text-align:right}.summary-optimized-smaller{color:var(--color-good)}.summary-optimized-larger{color:var(--color-danger)}.gallery{flex-direction:column;gap:.6rem;display:flex;overflow:hidden visible}.texture-columns{border-bottom:1px solid var(--color-divider);align-items:start;margin-bottom:1rem;padding-bottom:.35rem}.texture-columns h4,.material-columns h4{font:var(--font-data-heading);margin:0}.texture-item{border-bottom:1px solid var(--color-divider);flex-direction:column;gap:.6rem;min-width:0;padding:0 0 .6rem;display:flex}.texture-item:last-child{border-bottom:0;padding-bottom:0}.texture-comparison-single .texture-columns{grid-template-columns:minmax(0,1fr)}.texture-comparison-item{gap:.25rem}.texture-preview-row,.texture-detail-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-width:0;display:grid}.texture-preview-row-single,.texture-detail-row-single{grid-template-columns:minmax(0,1fr)}.texture-name{font:var(--font-helper);overflow-wrap:anywhere}.texture-detail{font:var(--font-data);overflow-wrap:anywhere}.texture-format-detail{text-transform:uppercase}.texture-size-smaller{color:var(--color-good)}.texture-size-larger{color:var(--color-danger)}.thumb{object-fit:contain;object-position:left center;width:100%;height:auto;display:block}.meta-list div.material-item{border:0;border-bottom:1px solid var(--color-divider);overflow-wrap:anywhere;background:0 0;flex-direction:column;min-width:0;padding:0 0 .6rem;display:flex}.meta-list div.material-item:last-child{border-bottom:0;padding-bottom:0}.material-columns{border-bottom:1px solid var(--color-divider);align-items:start;margin-bottom:1rem;padding-bottom:.35rem}.material-comparison-single .material-columns{grid-template-columns:minmax(0,1fr)}.material-comparison-item{gap:.25rem}.meta-list .material-info-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-width:0;display:grid}.meta-list .material-info-columns-single{grid-template-columns:minmax(0,1fr)}.meta-list .material-info-column{flex-direction:column;gap:.2rem;min-width:0;display:flex}.material-item div{border-bottom:0;padding:0}.material-name{font:var(--font-helper);margin-bottom:.25rem}.material-detail{color:var(--color-text-muted);font:var(--font-data)}.metadata-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-width:0;display:grid}.metadata-columns-single{grid-template-columns:minmax(0,1fr)}.metadata-column{flex-direction:column;gap:.45rem;min-width:0;display:flex}.metadata-column h4{color:var(--color-text-heading);font:var(--font-data-heading);margin:0}.status-bar{border-top:1px solid var(--color-divider);color:var(--color-text-muted);min-height:78px;margin-top:auto;padding-top:.65rem}.canvas-wrap{background:var(--color-viewer-bg);border:none;border-radius:0;min-width:0;height:100dvh;min-height:0;position:relative;overflow:hidden}#viewer{width:100%;height:100%;min-height:0;display:block}.compare-overlay{pointer-events:none;z-index:6;position:absolute;inset:0}.compare-divider{background:var(--color-primary);cursor:grab;pointer-events:auto;width:4px;transition:background-color 90ms;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.compare-divider:before{content:"";width:calc(3rem + 4px);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.compare-divider:hover{background:var(--color-compare-divider-hover)}.compare-divider.dragging{cursor:grabbing}.compare-label{background:var(--color-compare-label-bg);color:var(--color-text-inverse);font:var(--font-badge);pointer-events:none;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.32rem .48rem;position:absolute;top:50%;transform:translateY(-50%)}.compare-label-original{right:calc(100% + .5rem)}.compare-label-optimized{left:calc(100% + .5rem)}.app-actions-overlay,.viewer-tools-overlay{pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;transition:transform 90ms cubic-bezier(.2,.9,.2,1),opacity 90ms;display:flex;position:absolute;left:1rem;right:1rem}.app-actions-overlay{top:1rem}.viewer-tools-overlay{bottom:1rem}#app.chrome-hidden .app-actions-overlay,#app.chrome-hidden .panel-toggle{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 1.25rem))}#app.chrome-hidden .viewer-tools-overlay{opacity:0;pointer-events:none;transform:translateY(calc(100% + 1.25rem))}.viewer-controls{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--color-surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;max-width:min(760px,100dvw - 2rem);padding:.6rem;display:flex}.canvas-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.lighting-toggle{color:var(--color-primary);align-items:center;gap:.4rem;display:inline-flex}.lighting-controls{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--color-surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);pointer-events:auto;justify-content:center;align-items:center;max-width:min(360px,100dvw - 2rem);padding:.6rem;display:flex}.app-actions{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--color-surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;max-width:min(760px,100dvw - 2rem);padding:.6rem;display:flex}.app-action-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.theme-toggle{color:var(--color-primary)}.theme-mode button{text-transform:lowercase}.stats-monitor{pointer-events:none;justify-content:center;align-items:center;gap:.5rem;display:flex}.current-model-name{color:var(--color-text-inverse);font:var(--font-button);overflow-wrap:anywhere;pointer-events:none;text-align:center;max-width:min(520px,100dvw - 2rem);text-shadow:0 2px 8px var(--color-current-model-shadow)}.viewer-mode{background:var(--color-surface-control-soft);border-radius:999px;padding:0;display:inline-flex}.viewer-mode button{background:var(--color-primary-soft);color:var(--color-primary);border-radius:999px;padding:.52rem .88rem}.viewer-mode button:hover{background:var(--color-control-active-bg);color:var(--color-control-active-text)}.viewer-mode button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.viewer-mode button:not(:first-child):not(:last-child){border-radius:0}.viewer-mode button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.viewer-mode .disabled-tooltip-wrap:last-child button{border-radius:0 999px 999px 0}.viewer-mode button.active{background:var(--color-control-active-bg);color:var(--color-control-active-text);font-weight:var(--font-weight-bold)}.viewer-mode button.active:hover{background:var(--color-primary-active-hover)}.view-badge{border-top:1px solid var(--color-divider);color:var(--color-text-muted);font:var(--font-kicker);text-align:center;margin-top:.5rem;padding-top:1rem}.size-delta-positive{color:var(--color-good)}.size-delta-negative{color:var(--color-danger)}.version-label{color:var(--color-text-muted);font:var(--font-data);text-align:center}.help-modal{background:var(--color-modal-scrim);z-index:30;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.help-modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);width:min(520px,100dvw - 2rem);max-height:calc(100dvh - 2rem);padding:1.5rem;overflow:auto}.help-modal-card h2,.help-modal-card h3{margin:0 0 .7rem}.help-modal-card p{color:var(--color-text-muted);font:var(--font-body);margin:0 0 1rem}.shortcut-list{grid-template-columns:auto minmax(0,1fr);gap:.45rem .75rem;margin:0 0 1rem;display:grid}.shortcut-list dt{background:var(--color-surface-control-soft);color:var(--color-primary-active);font-weight:var(--font-weight-bold);text-align:center;border-radius:6px;align-self:center;min-width:1.9rem;padding:.2rem .45rem}.shortcut-list dd{color:var(--color-text);align-self:center;margin:0}.help-close{width:100%}.grid-placeholder{color:var(--color-text-inverse);pointer-events:none;text-align:center;z-index:3;background:0 0;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.hidden,.grid-placeholder.hidden,.model-input-layer.hidden,.model-input-overlay.hidden{display:none}@media (width<=1280px){.floating-panel{width:min(340px,100dvw - 2rem)}}@media (width<=900px){#app{height:100dvh}.model-input-layer{gap:1rem}.model-input-logo{width:min(75%,18rem)}.floating-panel{max-height:min(46dvh,520px);top:4rem;bottom:auto}.panel-toggle-left{left:1rem}.panel-toggle-right{right:1rem}.right-panel{top:auto;bottom:5.75rem}.viewer-controls,.lighting-controls,.app-actions{border-radius:18px;width:calc(100dvw - 2rem)}}