*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#d4d4d4;background:#1e1e1e;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-main{display:grid;grid-template-columns:220px 1fr 260px;flex:1;overflow:hidden}.app-sidebar-left,.app-sidebar-right{background:#252526;overflow-y:auto}.app-sidebar-left{border-right:1px solid #3c3c3c}.app-sidebar-right{border-left:1px solid #3c3c3c}.app-viewport-wrapper{display:flex;flex-direction:column;overflow:hidden}.app-viewport{position:relative;background:#1a1a1a;overflow:hidden;flex:1}.topbar{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#333;border-bottom:1px solid #3c3c3c;flex-shrink:0}.topbar-title{font-size:13px;font-weight:600;color:#ccc;margin-right:16px}.topbar-actions{display:flex;gap:4px}.topbar-separator{width:1px;height:20px;background:#555;margin:0 8px}.button{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid #3c3c3c;border-radius:3px;font-size:12px;cursor:pointer;background:#3c3c3c;color:#ccc}.button:hover:not(:disabled){background:#4c4c4c}.button:disabled{opacity:.4;cursor:default}.button--primary{background:#0e639c;border-color:#0e639c;color:#fff}.button--primary:hover:not(:disabled){background:#17b}.button--danger{background:#5a1d1d;border-color:#5a1d1d}.button--danger:hover:not(:disabled){background:#6e2424}.slot-list{list-style:none;padding:4px 0}.slot-list-item-button{display:flex;justify-content:space-between;width:100%;padding:6px 12px;border:none;background:transparent;color:#ccc;font-size:12px;cursor:pointer;text-align:left}.slot-list-item-button:hover{background:#2a2d2e}.slot-list-item--selected .slot-list-item-button{background:#094771}.slot-list-item-name{font-weight:500}.slot-list-item-part{color:gray;font-size:11px}.library-panel{border-top:1px solid #3c3c3c;position:relative}.library-panel--dragging{outline:2px dashed #0e639c;outline-offset:-2px}.library-search{padding:6px 8px}.library-search-input{width:100%;height:24px;padding:0 6px;background:#3c3c3c;border:1px solid #3c3c3c;border-radius:3px;color:#ccc;font-size:12px}.library-search-input:focus{border-color:#0e639c;outline:none}.library-panel-list{list-style:none}.library-part-item-button{display:block;width:100%;padding:5px 12px;border:none;background:transparent;color:#ccc;font-size:12px;cursor:pointer;text-align:left}.library-part-item-button:hover{background:#2a2d2e}.library-panel-empty{padding:12px;color:gray;font-size:12px;text-align:center}.library-panel-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0e639c33;color:#fff;font-size:13px;pointer-events:none}.properties-panel{padding:8px 0}.properties-panel-empty{padding:16px 12px;color:gray;font-size:12px;text-align:center}.properties-panel-header{padding:4px 12px 8px;border-bottom:1px solid #3c3c3c}.properties-panel-slot-name{font-size:13px;font-weight:600;color:#ccc;margin:0}.properties-panel-part-name{font-size:11px;color:gray;margin:2px 0 0}.properties-panel-tools{display:flex;gap:2px;padding:8px 12px}.tool-button{flex:1;height:24px;border:1px solid #3c3c3c;border-radius:3px;background:#3c3c3c;color:#ccc;font-size:11px;cursor:pointer}.tool-button:hover{background:#4c4c4c}.tool-button--active{background:#0e639c;border-color:#0e639c;color:#fff}.properties-panel-offset{padding:4px 12px}.properties-panel-offset h4{font-size:11px;font-weight:600;color:gray;text-transform:uppercase;letter-spacing:.5px;margin:8px 0 4px}.properties-panel-values{display:flex;gap:8px;font-size:11px;color:#ccc}.properties-panel-actions{display:flex;gap:4px;padding:8px 12px}.transform-controls{padding:0}.transform-controls-modes{display:flex;gap:2px;padding:8px 12px}.transform-controls-group{border:none;padding:4px 12px;margin:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.transform-controls-group legend{font-size:11px;font-weight:600;color:gray;text-transform:uppercase;letter-spacing:.5px;width:100%;margin-bottom:2px}.transform-controls-actions{display:flex;gap:4px;padding:8px 12px}.transform-axis-input{display:flex;align-items:center;gap:2px}.transform-axis-input-label{width:14px;font-size:11px;font-weight:600;color:gray}.transform-axis-input-field{width:58px;height:22px;padding:0 4px;background:#3c3c3c;border:1px solid #3c3c3c;border-radius:2px;color:#ccc;font-size:11px;font-family:SF Mono,Fira Code,monospace}.transform-axis-input-field:focus{border-color:#0e639c;outline:none}.texture-section{padding:4px 12px}.texture-section-title{font-size:11px;font-weight:600;color:gray;text-transform:uppercase;letter-spacing:.5px;margin:8px 0 4px}.texture-section-list{list-style:none}.texture-section-item{display:flex;justify-content:space-between;padding:3px 0;font-size:12px}.texture-section-channel{color:gray}.texture-section-name{color:#ccc}.welcome-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:#1e1e1e}.welcome-screen-content{text-align:center}.welcome-screen-title{font-size:28px;font-weight:300;color:#ccc;margin-bottom:8px}.welcome-screen-subtitle{font-size:14px;color:gray;margin-bottom:24px}.welcome-screen-actions{display:flex;gap:8px;justify-content:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#252526;border:1px solid #3c3c3c;border-radius:6px;min-width:360px;max-width:500px;box-shadow:0 8px 32px #0006}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #3c3c3c}.modal-title{font-size:14px;font-weight:600;color:#ccc;margin:0}.modal-close{background:none;border:none;color:gray;font-size:18px;cursor:pointer;padding:0 4px}.modal-close:hover{color:#ccc}.modal-body{padding:12px 16px}.new-asset-template-list{list-style:none}.new-asset-template-button{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:#ccc;text-align:left;cursor:pointer;border-radius:3px}.new-asset-template-button:hover{background:#094771}.new-asset-template-name{display:block;font-size:13px;font-weight:500}.new-asset-template-description{display:block;font-size:11px;color:gray;margin-top:2px}.new-asset-empty{color:gray;font-size:12px;text-align:center;padding:16px}.view-options-bar{display:flex;gap:12px;padding:4px 8px;background:#2d2d2d;border-bottom:1px solid #3c3c3c;font-size:11px}.view-option{display:flex;align-items:center;gap:4px;color:gray;cursor:pointer}.view-option:hover{color:#ccc}.editor-options{padding:8px 12px;border-top:1px solid #3c3c3c}.editor-options-title{font-size:11px;font-weight:600;color:gray;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.editor-option{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px;color:#ccc;cursor:pointer}.texture-channels{padding:8px 12px;border-top:1px solid #3c3c3c}.texture-channels-title{font-size:11px;font-weight:600;color:gray;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.texture-channel-button{display:flex;justify-content:space-between;width:100%;padding:5px 8px;border:none;background:transparent;color:#ccc;font-size:12px;cursor:pointer;border-radius:3px;text-align:left}.texture-channel-button:hover{background:#2a2d2e}.texture-channel-name{color:gray;text-transform:capitalize}.texture-channel-value{color:#ccc}.texture-drawer{position:fixed;right:0;top:40px;bottom:0;width:300px;background:#252526;border-left:1px solid #3c3c3c;z-index:50;display:flex;flex-direction:column}.texture-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #3c3c3c}.texture-drawer-title{font-size:13px;font-weight:600;color:#ccc;margin:0}.texture-drawer-close{background:none;border:none;color:gray;font-size:18px;cursor:pointer}.texture-drawer-search{padding:6px 8px}.texture-drawer-search-input{width:100%;height:24px;padding:0 6px;background:#3c3c3c;border:1px solid #3c3c3c;border-radius:3px;color:#ccc;font-size:12px}.texture-drawer-grid{flex:1;overflow-y:auto;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;align-content:start}.texture-grid-item{padding:8px;border:1px solid #3c3c3c;border-radius:3px;background:transparent;color:#ccc;font-size:11px;cursor:pointer;text-align:center}.texture-grid-item:hover{border-color:#555}.texture-grid-item--selected{border-color:#0e639c;background:#0e639c26}.texture-grid-item-name{display:block;margin-top:4px}.texture-drawer-empty{padding:16px;color:gray;font-size:12px;text-align:center}.texture-drawer-actions{display:flex;gap:4px;padding:8px;border-top:1px solid #3c3c3c}.view-option-button{padding:0 8px;height:20px;border:1px solid #555;border-radius:3px;background:#3c3c3c;color:#ccc;font-size:11px;cursor:pointer}.view-option-button:last-of-type{margin-left:auto}.view-option-button:hover{background:#4c4c4c}.view-option-button--active{background:#0e639c;border-color:#17b;margin-left:0}.view-option-button--active:hover{background:#17b}.view-option-hidden-input{display:none}.view-option-slider{width:60px;height:14px;cursor:pointer;accent-color:#0e639c}.view-option-color{width:22px;height:18px;padding:0;border:1px solid #555;border-radius:2px;cursor:pointer;background:none}.part-creator{display:flex;flex-direction:column;gap:10px}.part-creator-field{display:flex;flex-direction:column;gap:4px}.part-creator-label{font-size:11px;font-weight:600;color:gray;text-transform:uppercase;letter-spacing:.5px}.part-creator-input{height:26px;padding:0 8px;background:#3c3c3c;border:1px solid #3c3c3c;border-radius:3px;color:#ccc;font-size:12px}.part-creator-input:focus{border-color:#0e639c;outline:none}.part-creator-number{width:100px;font-family:SF Mono,Fira Code,monospace}.part-creator-shapes{display:flex;gap:4px}.part-creator-shape{flex:1;height:28px;border:1px solid #3c3c3c;border-radius:3px;background:#3c3c3c;color:#ccc;font-size:12px;cursor:pointer;text-transform:capitalize}.part-creator-shape:hover{background:#4c4c4c}.part-creator-shape--active{background:#0e639c;border-color:#0e639c;color:#fff}.part-creator-actions{display:flex;gap:4px;margin-top:4px}.new-template-wizard{display:flex;flex-direction:column;gap:10px}.new-template-field{display:flex;flex-direction:column;gap:4px}.new-template-label{font-size:11px;font-weight:600;color:gray;text-transform:uppercase;letter-spacing:.5px}.new-template-input{height:26px;padding:0 8px;background:#3c3c3c;border:1px solid #3c3c3c;border-radius:3px;color:#ccc;font-size:12px}.new-template-input:focus{border-color:#0e639c;outline:none}.new-template-slots-title{margin:4px 0 0;font-size:11px;font-weight:600;color:gray;text-transform:uppercase;letter-spacing:.5px}.new-template-slots-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.new-template-slot-item{padding:6px 8px;background:#3c3c3c;border-radius:3px}.new-template-slot-include{display:flex;align-items:center;gap:6px;font-size:12px;color:#ccc;cursor:pointer}.new-template-slot-config{display:flex;gap:4px;margin-top:6px}.new-template-slot-name-input,.new-template-slot-tag-input{flex:1;height:24px;padding:0 6px;background:#2d2d2d;border:1px solid #2d2d2d;border-radius:3px;color:#ccc;font-size:11px}.new-template-slot-name-input:focus,.new-template-slot-tag-input:focus{border-color:#0e639c;outline:none}.new-template-empty{font-size:12px;color:gray;margin:8px 0;text-align:center}.new-template-actions{display:flex;gap:4px;margin-top:4px}.texture-painter{position:absolute;top:0;left:0;right:0;bottom:0;background:#1e1e1e;z-index:100;display:flex;flex-direction:column;padding:8px;gap:6px}.texture-painter-toolbar{display:flex;align-items:center;gap:4px;flex-shrink:0}.texture-painter-tool{height:24px;padding:0 8px;border:1px solid #3c3c3c;border-radius:3px;background:#3c3c3c;color:#ccc;font-size:11px;cursor:pointer}.texture-painter-tool:hover{background:#4c4c4c}.texture-painter-tool--active{background:#0e639c;border-color:#17b;color:#fff}.texture-painter-color{width:24px;height:24px;padding:0;border:1px solid #555;border-radius:3px;cursor:pointer;background:none}.texture-painter-size-label{display:flex;align-items:center;gap:4px;font-size:11px;color:gray}.texture-painter-size{width:60px;height:14px;cursor:pointer;accent-color:#0e639c}.texture-painter-canvas-wrapper{position:relative;flex:1;min-height:0}.texture-painter-canvas{width:100%;height:100%;image-rendering:pixelated;background:#fff;border:1px solid #3c3c3c;cursor:crosshair}.texture-painter-save{display:flex;align-items:center;gap:4px;flex-shrink:0}.texture-painter-save-name{flex:1;height:26px;padding:0 8px;background:#3c3c3c;border:1px solid #3c3c3c;border-radius:3px;color:#ccc;font-size:12px}.texture-painter-save-name:focus{border-color:#0e639c;outline:none}.uv-overlay-canvas{position:absolute;top:0;left:0;pointer-events:none}.button{transition:background-color .15s ease,opacity .15s ease,transform .1s ease}.button:hover:not(:disabled){opacity:.9}.button:active:not(:disabled){transform:scale(.97)}.slot-list-item-button{transition:background-color .15s ease}.slot-list-item--selected .slot-list-item-button{transition:background-color .2s ease}.library-part-item-button{transition:background-color .15s ease,transform .1s ease}.library-part-item-button:hover{transform:translateY(-1px)}.texture-grid-item{transition:border-color .15s ease,transform .1s ease}.texture-grid-item:hover{transform:scale(1.03)}.tool-button{transition:background-color .15s ease,color .15s ease}.modal-overlay{transition:opacity .2s ease}.modal-content{transition:transform .2s ease,opacity .2s ease}.texture-drawer{transition:opacity .2s ease,transform .2s ease}.variant-selector-item{transition:background-color .15s ease}.texture-painter-tool{transition:background-color .15s ease,color .15s ease}.button:focus-visible,.tool-button:focus-visible,.slot-list-item-button:focus-visible,.library-part-item-button:focus-visible,.texture-grid-item:focus-visible{outline:2px solid #6496ff;outline-offset:2px}