:root{font-family:Inter,Pretendard,Malgun Gothic,sans-serif;color:#182438;background:#111b2b;font-synthesis:none;font-size:16px;--line:#dce3eb;--accent:#007d91}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{min-height:44px;border:1px solid var(--line);border-radius:9px;background:#fff;color:inherit;padding:0 14px}button:hover{background:#edf4f7}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}button:focus-visible,a:focus-visible{outline:3px solid #09bace}.app{height:100dvh;min-height:420px;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr)}header{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line);z-index:5}.logo{font-size:1.35rem;letter-spacing:-.06em;font-weight:800;display:flex;gap:9px;align-items:center}.logo svg{color:#008a9f}.logo span{color:#0092a8}.header-note{color:#68768a;font-size:.875rem;border-left:1px solid var(--line);padding-left:20px}.head-right{margin-left:auto;display:flex;align-items:center;gap:10px}.quiet{background:transparent;border-color:transparent}.mobile-only{display:none}aside{background:#f7f9fc;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);z-index:4}.library-head{padding:26px 20px 20px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#78879a}.library-title{display:flex;align-items:center;justify-content:space-between;margin:10px 0 20px}.library-title h1{font-size:1.25rem;margin:0}.count{background:#e8edf3;color:#526175;padding:3px 8px;border-radius:6px;font-size:.875rem}.upload{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.support{font-size:.75rem;color:#718096;text-align:center;margin:10px 0 0}.file-list{overflow:auto;flex:1;padding:0 10px 20px;list-style:none;margin:0}.file-item{width:100%;display:flex;text-align:left;padding:15px 10px;gap:12px;background:none;border:1px solid transparent;border-radius:9px;margin-bottom:5px;align-items:center}.file-item.active{background:#e5f2f5;border-color:#abd4dc}.file-icon{width:40px;height:44px;flex-shrink:0;display:grid;place-items:center;background:#fff;border:1px solid #d9e3eb;border-radius:7px;font-size:.65rem;font-weight:800;color:#5d748a}.file-text{min-width:0;flex:1}.file-name{font-weight:650;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.file-meta{font-size:.75rem;color:#758296;display:block;margin-top:7px}.file-meta.error{color:#b03838}.aside-foot{border-top:1px solid var(--line);padding:16px 20px;color:#7b8898;font-size:.75rem;line-height:1.6}.workspace{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#25384c 0,#141f30 67%,#101a28);color:#e5edf6}.viewer{position:absolute;inset:0;touch-action:none}.viewer canvas{width:100%;height:100%;display:block}.model-heading{position:absolute;top:26px;left:28px;right:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}.model-heading .title-wrap{min-width:0}.model-heading h2{margin:6px 0 0;font-size:1.25rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-heading .eyebrow{color:#87a2bd}.model-heading button{pointer-events:auto;color:#d8e8f5;background:#243548;border-color:#3c5064}.model-actions{display:flex;gap:6px}.viewport-label{position:absolute;left:28px;top:106px;color:#8aa1b8;font-size:.75rem}.toolbar{position:absolute;bottom:62px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px;background:#eef4fa;box-shadow:0 8px 30px #0004;border:1px solid #fff6;border-radius:13px;max-width:calc(100% - 32px)}.toolbar button{border:0;background:transparent;color:#3b4b5e;white-space:nowrap;font-size:.875rem;min-width:44px;padding:0 12px}.toolbar button:hover,.toolbar button.selected{background:#d4e9ed;color:#006b7d}.divider{width:1px;margin:9px 3px;background:#cdd8e2}.view-footer{position:absolute;bottom:23px;left:28px;right:28px;display:flex;justify-content:space-between;gap:18px;font-size:.75rem;color:#8da3b9;pointer-events:none}.empty{position:absolute;inset:120px 25px 140px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;color:#93a9bd}.empty svg{width:68px;height:68px;color:#6e899f}.empty h2{color:#e5eef7;font-weight:500;font-size:1.35rem;margin:24px 0 8px}.empty p{font-size:.875rem;line-height:1.8;margin:0}.empty button{pointer-events:auto;margin-top:24px}.hidden{display:none!important}.toast{position:fixed;bottom:125px;left:50%;transform:translate(-50%);padding:12px 18px;border-radius:10px;color:#fff;background:#263b50;box-shadow:0 4px 20px #0004;z-index:20;max-width:calc(100vw - 32px);line-height:1.5;font-size:.875rem}.progress-wrap{padding:0 20px 16px;font-size:.875rem;color:#40546b}.progress-wrap progress{width:100%;height:6px;accent-color:var(--accent);display:block;margin-top:8px}.error-box{font-size:.875rem;padding:16px 20px;color:#a63b3b;line-height:1.6}.backdrop{display:none}.login{position:fixed;inset:0;background:#111e2fed;z-index:50;display:grid;place-items:center;padding:24px}.login form{width:min(100%,380px);background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px}.login h1{font-size:1.4rem;margin:24px 0 12px}.login p{font-size:.875rem;color:#6a788c;line-height:1.6}.login label{display:block;margin:24px 0 8px;font-size:.875rem}.login input{width:100%;padding:12px;border:1px solid #bbc9d7;border-radius:8px;min-height:48px}.login button{width:100%;margin-top:18px}.login .error-box{padding:10px 0 0;margin:0}.drop-mask{position:absolute;inset:16px;border:2px dashed #61d5e7;border-radius:16px;background:#102d41ed;z-index:12;display:grid;place-items:center;font-size:1.35rem;pointer-events:none}.library-empty{padding:36px 16px;color:#7a899b;line-height:1.8;text-align:center;font-size:.875rem}svg{vertical-align:middle}a{color:inherit}@media(max-width:760px){.app{grid-template-columns:1fr;grid-template-rows:64px minmax(0,1fr)}header{padding:0 16px;gap:12px}.logo{font-size:1.2rem}.header-note{display:none}.mobile-only{display:inline-flex;align-items:center;justify-content:center}.head-right{gap:2px}.head-right button{padding:0 10px}.desktop-only{display:none}aside{position:fixed;inset:auto 0 0;height:min(74dvh,650px);border-radius:20px 20px 0 0;transform:translateY(105%);transition:transform .2s ease;z-index:31;padding-bottom:env(safe-area-inset-bottom)}body.library-open aside{transform:translateY(0)}.backdrop{position:fixed;inset:0;background:#06111eb3;z-index:30}body.library-open .backdrop{display:block}.library-head{padding:20px}.library-title{margin:4px 0 16px}.aside-foot{padding:10px 20px}.model-heading{top:22px;left:20px;right:16px;gap:8px}.model-heading h2{font-size:1rem;max-width:calc(100vw - 140px)}.model-heading button{padding:0 10px}.model-actions{gap:2px}.viewport-label{left:20px;top:96px}.toolbar{bottom:calc(62px + env(safe-area-inset-bottom));padding:5px;gap:0;max-width:calc(100% - 20px);width:max-content}.toolbar button{padding:0 10px;font-size:.8125rem}.divider{margin:9px 2px}.view-footer{bottom:calc(20px + env(safe-area-inset-bottom));left:16px;right:16px;justify-content:center}.view-footer .model-stats{display:none}.empty{inset:120px 20px 150px}.toast{bottom:140px}.library-head .eyebrow{display:none}}@media(max-height:500px)and (min-width:761px){.toolbar{bottom:40px}.view-footer{bottom:12px}.model-heading{top:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.toolbar{flex-wrap:wrap;justify-content:center}.app{grid-template-rows:minmax(72px,auto) minmax(0,1fr)}header{padding-top:10px;padding-bottom:10px}.aside-foot #logout-mobile{margin-top:8px;display:none}@media(max-width:760px){.app{grid-template-rows:minmax(64px,auto) minmax(0,1fr)}#logout{display:none}.aside-foot #logout-mobile:not(.hidden){display:inline-flex}.model-heading h2{max-width:calc(100vw - 170px)}.model-actions button{font-size:.875rem;min-height:44px;padding:0 9px}.header-note{display:none}}@media(min-width:761px){body.library-collapsed .app{grid-template-columns:0 minmax(0,1fr)}body.library-collapsed #library{visibility:hidden;overflow:hidden}#library{min-width:0;overflow:hidden}#library-close{padding:0 9px;font-size:.875rem}.library-title{gap:8px}.library-title h1{font-size:1.125rem}#library-toggle{display:inline-flex;align-items:center}}.viewer-options{position:absolute;top:92px;right:22px;display:flex;gap:7px;z-index:8}.viewer-options button{background:#243548;color:#d8e8f5;border-color:#3c5064;font-size:.875rem}.viewer-options button[aria-expanded=true]{background:#007d91;color:#fff;border-color:#15bbcd}.viewer-options #parts-count{margin-left:5px;opacity:.75}.viewer-panel{position:absolute;right:22px;top:146px;bottom:142px;width:min(330px,calc(100% - 32px));overflow:auto;padding:18px;background:#f7f9fc;color:#182438;border:1px solid #dae2ea;border-radius:14px;box-shadow:0 16px 42px #0004;z-index:10;font-size:.875rem;overscroll-behavior:contain}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-title h3{font-size:1rem;margin:0}.panel-title button{min-height:44px;font-size:.8125rem;padding:0 10px}.panel-help{font-size:.8125rem;color:#66758a;line-height:1.65;margin:12px 0}.part-actions{display:flex;flex-wrap:wrap;gap:6px}.part-actions button{padding:0 10px;font-size:.8125rem}#part-summary{font-size:.8125rem;color:#68768a;margin:18px 0 10px}#part-list{list-style:none;padding:0;margin:0}.part-row{display:flex;align-items:center;border:1px solid transparent;border-radius:8px;margin:4px 0;gap:4px;padding:0 6px}.part-row.active{border-color:#abd4dc;background:#e5f2f5}.part-row input{width:22px;height:22px;margin:11px 6px;flex-shrink:0;accent-color:#007d91;cursor:pointer}.part-name{border:0;background:transparent;min-width:0;text-align:left;overflow-wrap:anywhere;padding:10px 4px;line-height:1.5;font-size:.875rem;flex:1}.viewer-panel fieldset{border:0;border-top:1px solid #dce3eb;margin:18px 0 0;padding:14px 0 0;min-width:0}.viewer-panel legend{font-weight:700;padding-right:10px}.swatches{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.swatch{width:44px;height:44px;min-height:44px;padding:0;background:var(--swatch)!important;border:2px solid #becbd7;border-radius:9px}.swatch[aria-pressed=true]{outline:3px solid #007d91;outline-offset:2px}.custom-color{display:flex;align-items:center;gap:8px;margin-top:6px}.viewer-panel input[type=color]{width:52px;height:44px;border:1px solid #bdc9d4;border-radius:8px;padding:4px;cursor:pointer;background:#fff}.small-action{font-size:.8125rem;margin-top:10px;padding:0 10px}.grid-setting{display:flex;align-items:center;justify-content:space-between;padding:18px 0 0;font-weight:650}.grid-setting input{width:24px;height:24px;accent-color:#007d91;cursor:pointer}.scope-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.scope-row select{font:inherit;padding:10px;min-height:44px;border:1px solid #bbc9d7;border-radius:8px;background:#fff;color:#182438;max-width:65%}.color-row{display:flex;gap:8px;margin-top:12px;align-items:center}.color-row button{font-size:.8125rem;padding:0 10px}.selection-chip{position:absolute;left:50%;transform:translate(-50%);bottom:128px;display:flex;gap:8px;align-items:center;max-width:calc(100% - 30px);background:#e8f5f7;color:#125b6a;border:1px solid #a1d0db;border-radius:10px;padding:4px 8px 4px 14px;box-shadow:0 3px 20px #0002;z-index:9;font-size:.8125rem}.selection-chip span{max-width:260px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selection-chip button{white-space:nowrap;font-size:.8125rem;padding:0 9px;border:0;background:transparent;min-width:40px}.workspace.light-background{color:#26394c}.light-background .model-heading .eyebrow,.light-background .viewport-label,.light-background .view-footer{color:#52677e}.light-background .empty{color:#62788e}.light-background .empty h2{color:#26394c}.light-background .viewer-options button,.light-background .model-heading button{background:#f8fbff;color:#31495f;border-color:#bac9d6}.light-background .viewer-options button[aria-expanded=true]{background:#007d91;color:#fff}.viewer-panel :disabled{cursor:default}@media(max-width:760px){.viewer-options{right:16px;top:90px;gap:6px}.viewer-options button{padding:0 10px}.viewer-panel{right:12px;top:144px;bottom:calc(126px + env(safe-area-inset-bottom));width:calc(100% - 24px);padding:14px}.selection-chip{bottom:calc(126px + env(safe-area-inset-bottom));gap:3px}.selection-chip span{max-width:140px}.selection-chip button{padding:0 6px}.viewport-label{font-size:.75rem;max-width:72px}#library-close{display:inline-flex;align-items:center}.part-name{min-height:48px}}.selection-chip span{min-width:24px;flex-shrink:1}.selection-chip button{flex-shrink:0}.model-heading .title-wrap{padding:8px 10px;border-radius:8px;background:#111b2bda}.view-footer span,.viewport-label{border-radius:4px;background:#111b2bda;padding:4px 6px}.light-background .model-heading .title-wrap,.light-background .view-footer span,.light-background .viewport-label{background:#ffffffdf}@media(max-height:560px){.viewer-panel{position:fixed;top:76px;bottom:12px;right:12px;width:min(340px,calc(100vw - 24px));max-height:none}.selection-chip{bottom:120px}.model-heading .title-wrap{padding:4px 6px}}.navigation-rail{display:none}@media(min-width:761px){.app{grid-template-columns:64px 280px minmax(0,1fr);transition:grid-template-columns .18s ease}body.library-collapsed .app{grid-template-columns:64px 0 minmax(0,1fr)}.navigation-rail{display:flex;flex-direction:column;align-items:center;grid-column:1;grid-row:2;background:#fff;border-right:1px solid #dce3eb;padding:14px 5px;z-index:5}#library{grid-column:2;grid-row:2}.workspace{grid-column:3;grid-row:2}#library-toggle,#library-close{display:none}#library-rail-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:52px;min-height:72px;padding:10px 4px;border:1px solid transparent;border-radius:10px;color:#667a8e;background:transparent;font-size:.875rem;line-height:1.3}#library-rail-toggle:hover{background:#eef4f8;color:#006f83;border-color:#c8dee5}#library-rail-toggle[aria-expanded=true]{color:#00788b;background:#e6f3f6;border-color:#cae7ed}.library-head{min-width:280px;padding:24px 20px 20px}.library-title{gap:12px;margin-top:10px}.library-title h1{font-size:1.125rem}.aside-foot{min-width:280px}.file-list{width:280px}}@media(prefers-reduced-motion:reduce){.app{transition:none}}