:root{--brand: #F15D5E;--action: #5E6BF2;--warn: #F2D25E;--ok: #5EF288;--bg: #0D0D10;--surface: #18181C;--surface2:#222228;--border: rgba(255,255,255,.07);--text: #EFEFEF;--muted: #666;--sidebar: 208px;--rpanel: 272px;--topbar: 52px}@media(prefers-color-scheme:light){:root{--bg: #F2F2F5;--surface: #FFFFFF;--surface2:#EBEBEF;--border: rgba(0,0,0,.08);--text: #111118;--muted: #999}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);height:100vh;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.scene{flex:1;position:relative;overflow:hidden}.topbar{height:var(--topbar);flex-shrink:0;display:flex;align-items:center;padding:0 16px 0 20px;gap:12px;background:transparent;z-index:20;pointer-events:none}.topbar>*,.topbar-actions>*{pointer-events:auto}.topbar-logo{height:22px;width:auto;display:block}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-user{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s;color:var(--text);padding:0}.topbar-user:hover{border-color:var(--brand)}.topbar-user svg{width:16px;height:16px;display:block}.left-sidebar{position:absolute;left:0;top:0;bottom:0;width:var(--sidebar);display:flex;flex-direction:column;justify-content:center;overflow-y:auto;overflow-x:hidden;padding:8px 0;z-index:10;pointer-events:none}.gen-item{pointer-events:auto}.gen-item{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none}.gen-item:hover{background:#ffffff0a}.gen-item.active{background:#f15d5e14}.gen-icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted)}.gen-icon svg{width:22px;height:22px}.gen-item.active .gen-icon{color:var(--brand)}.gen-name{font-size:.875em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gen-item.active .gen-name{color:var(--brand);font-weight:500}.viewport-area{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.viewport-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;color:#ffffff1a}.viewport-empty p{font-size:.85em}.right-panel{position:absolute;right:0;top:0;bottom:0;width:var(--rpanel);display:flex;flex-direction:column;justify-content:center;padding:16px;z-index:10;pointer-events:none}.right-card{background:var(--surface);border-radius:16px;display:flex;flex-direction:column;max-height:calc(100vh - var(--topbar) - 32px);overflow:hidden;pointer-events:auto}.right-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 16px 12px}.section-title{font-size:.7em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:14px}.param-row{display:flex;align-items:center;gap:8px;margin-bottom:13px}.param-label{flex:1;font-size:.85em;color:var(--text);min-width:0}.p-num-wrap{display:flex;align-items:center;gap:4px}.p-num{width:62px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:4px 8px;font-size:.85em;text-align:right;outline:none;-moz-appearance:textfield}.p-num::-webkit-inner-spin-button,.p-num::-webkit-outer-spin-button{-webkit-appearance:none}.p-num:focus{border-color:var(--action)}.p-unit{font-size:.75em;color:var(--muted);width:22px}.p-select{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:4px 28px 4px 8px;font-size:.85em;outline:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:88px;cursor:pointer;font-family:inherit}.p-select:focus{border-color:var(--action)}.p-check{width:16px;height:16px;accent-color:var(--action);cursor:pointer}.p-text{flex:1;max-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:4px 8px;font-size:.85em;outline:none;font-family:inherit}.p-text:focus{border-color:var(--action)}.file-info{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.info-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px;font-size:.82em}.info-label{color:var(--muted)}.info-value{font-weight:500;font-variant-numeric:tabular-nums}.right-footer{padding:12px 16px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.stl-filename{font-size:.72em;color:var(--muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.875em;font-weight:600;font-family:inherit;text-decoration:none;transition:opacity .15s,transform .1s;white-space:nowrap}.btn:hover:not(:disabled){opacity:.88}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-action{background:var(--action);color:#fff}.btn-brand{background:var(--brand);color:#fff}.btn-ok{background:var(--ok);color:#111}.btn-warn{background:var(--warn);color:#111}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-full{width:100%}.user-menu{position:relative}.dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px;min-width:160px;z-index:50;box-shadow:0 8px 32px #0006}.dropdown-item{display:block;width:100%;padding:9px 12px;background:none;border:none;color:var(--text);font-size:.875em;text-align:left;cursor:pointer;border-radius:8px;font-family:inherit;transition:background .1s}.dropdown-item:hover{background:var(--surface2)}.dropdown-item-danger{color:var(--brand)}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px 28px 24px;width:360px;max-width:calc(100vw - 32px);position:relative}.modal h2{font-size:1.1em;font-weight:700;margin-bottom:24px;line-height:1.35;padding-right:24px}.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:1.4em;cursor:pointer;line-height:1;padding:4px 6px;border-radius:4px;font-family:inherit}.modal-close:hover{color:var(--text);background:var(--surface2)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.75em;font-weight:600;color:var(--muted);margin-bottom:6px;letter-spacing:.05em;text-transform:uppercase}.form-group input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:.9em;font-family:inherit;outline:none}.form-group input:focus{border-color:var(--action)}.form-group input::placeholder{color:var(--muted)}.modal-error{background:#f15d5e1f;color:var(--brand);border-radius:6px;padding:8px 12px;font-size:.85em;margin-bottom:14px}.modal-success{background:#22c55e1f;color:#22c55e;border-radius:6px;padding:8px 12px;font-size:.85em;margin-bottom:14px}.btn-danger{background:#dc3545;color:#fff;border:none}.btn-danger:hover{background:#b02a37}.modal-note{font-size:.74em;color:var(--muted);text-align:center;margin-top:12px;line-height:1.5}.modal-switch{font-size:.82em;color:var(--muted);text-align:center;margin-top:14px}.modal-switch button{background:none;border:none;color:var(--action);cursor:pointer;font-size:inherit;font-family:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:8px;font-size:.875em;font-weight:500;z-index:200;pointer-events:none;white-space:nowrap}.toast-error{background:var(--brand);color:#fff}.toast-success{background:var(--ok);color:#111}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}