@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--color-ui-bg:#f4f7fb;--color-ui-card:#fff;--color-ui-line:#d9dbe5;--color-text:#111827;--color-subtle:#5f6676;--color-primary:#0f62fe;--color-primary-active:#002d9c;--color-danger:#da1e28;--color-good:#198038;--color-warning:#f1c21b;--radius-lg:10px;--radius-md:8px;--shadow-soft:0 14px 32px #1118271a}*{box-sizing:border-box;scrollbar-width:thin}html{width:100%;height:100dvh;overflow:hidden}body{background:radial-gradient(circle at 0% 0%, #edf4ff 0, transparent 45%), radial-gradient(circle at 100% 0%, #f8efff 0, transparent 42%), var(--color-ui-bg);width:100%;height:100dvh;color:var(--color-text);margin:0;font-family:IBM Plex Sans,Inter,Segoe UI,sans-serif;overflow:hidden}#app{width:100%;height:100dvh;margin:0;position:relative;overflow:hidden}.panel{background:var(--color-ui-card);border:1px solid var(--color-ui-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;gap:1rem;padding:1rem;display:flex;overflow:hidden auto}.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{z-index:12;box-shadow:var(--shadow-soft);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:0}.heading{color:#111;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.heading p{color:var(--color-subtle);margin:0;font-size:.88rem}.card{border:1px solid var(--color-ui-line);border-radius:var(--radius-md);background:#f9fbff;flex-direction:column;gap:.7rem;padding:.85rem;display:flex}.card h3{letter-spacing:.01em;font-size:1rem}.dropzone{border-radius:var(--radius-md);text-align:center;background:linear-gradient(#f9fbff 0,#f2f6ff 100%);border:2px dashed #a8b2c4;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{border-color:var(--color-primary);background:#edf5ff}.model-input-layer{--model-input-width:min(720px, calc(100dvw - 2rem));z-index:11;width:var(--model-input-width);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{width:100%;min-height:min(360px,100dvh - 2rem);box-shadow:var(--shadow-soft)}.model-input-overlay h3,.model-input-overlay>.helper{text-align:center}.dropzone .hint{color:var(--color-subtle);margin:.8rem 0 0;font-size:.92rem}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.center-row{justify-content:center}button,.button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.42rem;padding:.52rem .88rem;font-weight:700;transition:background-color 90ms,color 90ms;display:inline-flex}.button-icon{flex:none}button:hover{background:var(--color-primary-active)}button:disabled{cursor:not-allowed;background:#b3becf}.ghost{color:#0f62fe;background:#dde6ff}.ghost:hover,.ghost.active{background:var(--color-primary-active);color:#fff}.ghost.active:hover{background:#2f75ff}input,select{border:1px solid var(--color-ui-line);color:#111827;background:#fff;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:#111827;font-size:.9rem}.field{flex-direction:column;gap:.35rem;display:flex}.field-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.option-tabs{background:#eef3ff;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-primary-active);color:#fff}.option-panel{flex-direction:column;gap:.7rem;display:flex}.preset-description{color:var(--color-subtle);margin:0;font-size:.8rem;line-height:1.45}.text-link{color:var(--color-primary);font:inherit;text-underline-offset:.12em;background:0 0;border:0;border-radius:0;padding:0;font-weight:700;text-decoration:underline;display:inline}.text-link:hover{color:var(--color-primary-active);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-subtle);font-size:.8rem}.export-name-preview{color:var(--color-subtle);overflow-wrap:anywhere;margin:0;font-size:.84rem;font-style:italic;line-height:1.45}.download-settings,.download-output{flex-direction:column;gap:.7rem;display:flex}.meta-list{color:#30364a;gap:.4rem;font-size:.75rem;display:grid}.meta-list div{border-bottom:1px solid #edf0f7;justify-content:space-between;padding:.2rem 0;display:flex}.meta-list strong{text-align:right}.gallery{flex-direction:column;gap:.6rem;display:flex;overflow:hidden visible}.texture-columns{align-items:start}.texture-item{border:1px solid #e2e5ee;border-radius:10px;flex-direction:column;gap:.6rem;min-width:0;padding:.45rem;display:flex}.texture-name{overflow-wrap:anywhere;font-size:.8rem}.texture-detail{overflow-wrap:anywhere;font-size:.75rem}.thumb{object-fit:contain;background:#fff;border:1px solid #dde4f3;border-radius:8px;width:100%;height:88px}.meta-list div.material-item{overflow-wrap:anywhere;background:#fff;border:1px solid #e2e5ee;border-radius:4px;flex-direction:column;min-width:0;padding:.5rem;display:flex}.material-item div{border-bottom:0;padding:0}.material-name{margin-bottom:.5rem;font-weight:700}.material-detail{color:var(--color-subtle);font-size:.75rem;font-weight:400}.metadata-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-width:0;display:grid}.metadata-column{flex-direction:column;gap:.45rem;min-width:0;display:flex}.metadata-column h4{color:#30364a;margin:0;font-size:.82rem}.status-bar{border-top:1px solid var(--color-ui-line);color:var(--color-subtle);min-height:78px;margin-top:auto;padding-top:.65rem}.status{white-space:pre-wrap;min-height:1.5em;font-family:Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86rem}.canvas-wrap{background:linear-gradient(#0f172a 0,#111827 100%);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{z-index:6;pointer-events:none;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:#fff}.compare-divider.dragging{cursor:grabbing}.compare-label{color:#fff;letter-spacing:.02em;pointer-events:none;text-transform:uppercase;white-space:nowrap;background:#111827c7;border-radius:999px;padding:.32rem .48rem;font-size:.6875rem;font-weight:700;line-height:1;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{z-index:10;pointer-events:none;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{border-radius:var(--radius-md);max-width:min(760px,100dvw - 2rem);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;padding:.6rem;display:flex}.canvas-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.lighting-toggle{color:#0f62fe;align-items:center;gap:.4rem;display:inline-flex}.lighting-controls{border-radius:var(--radius-md);max-width:min(360px,100dvw - 2rem);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#fff;justify-content:center;align-items:center;padding:.6rem;display:flex}.app-actions{border-radius:var(--radius-md);max-width:min(760px,100dvw - 2rem);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;display:flex}.stats-monitor{pointer-events:none;justify-content:center;align-items:center;gap:.5rem;display:flex}.current-model-name{color:#fff;text-align:center;overflow-wrap:anywhere;text-shadow:0 2px 8px #0000008c;pointer-events:none;max-width:min(520px,100dvw - 2rem);font-size:.9rem;font-weight:700}#viewerStatus{color:var(--color-subtle);text-align:left;font-size:.6875rem}.viewer-mode{background:#eef3ff;border-radius:999px;padding:0;display:inline-flex}.viewer-mode button{color:#0f62fe;background:#dde6ff;border-radius:999px;min-height:calc(24px + 1.04rem);padding:.52rem .88rem}.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 button.active{background:var(--color-primary-active);color:#fff;font-weight:700}.view-badge{color:var(--color-subtle);text-align:center;border-top:1px solid #e2e5ee;margin-top:.5rem;padding-top:1rem;font-size:.75rem;font-weight:700}.size-delta-positive{color:#198038}.size-delta-negative{color:#da1e28}.version-label{color:var(--color-subtle);text-align:center;font-size:.72rem}.help-modal{z-index:30;background:#0f172a6b;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.help-modal-card{border:1px solid var(--color-ui-line);border-radius:var(--radius-lg);width:min(520px,100dvw - 2rem);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-soft);background:#fff;padding:1.5rem;overflow:auto}.help-modal-card h2,.help-modal-card h3{margin:0 0 .7rem}.help-modal-card p{color:var(--color-subtle);margin:0 0 1rem;line-height:1.5}.shortcut-list{grid-template-columns:auto minmax(0,1fr);gap:.45rem .75rem;margin:0 0 1rem;display:grid}.shortcut-list dt{min-width:1.9rem;color:var(--color-primary-active);text-align:center;background:#eef3ff;border-radius:6px;align-self:center;padding:.2rem .45rem;font-weight:700}.shortcut-list dd{color:var(--color-text);align-self:center;margin:0}.help-close{width:100%}.grid-placeholder{color:#f4f7fb;text-align:center;z-index:3;pointer-events:none;background:#0206177a;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)}}