html,body{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f0;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}.app-container{background:#f5f5f0;height:100vh;display:flex}.left-sidebar{background:#fff;border-right:2px solid #000;flex-direction:column;width:260px;min-width:260px;display:flex;overflow:hidden}.style-list{border-bottom:1px solid #000;flex-direction:column;display:flex}.style-item{cursor:pointer;color:#000;-webkit-user-select:none;user-select:none;background:#fff;border-bottom:1px solid #000;padding:10px 16px;transition:background-color .1s}.style-item-label{font-size:13px;font-weight:600;display:block}.style-item-desc{color:#999;margin-top:2px;font-size:11px;line-height:1.4;display:block}.style-item:hover{background:#f0f0f0}.style-item.active{color:#fff;background:#000}.center-area{flex-direction:column;flex:1;min-width:0;max-height:100vh;display:flex;overflow:hidden}.preview-area{background:#f5f5f0;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-area canvas{max-width:100%;max-height:100%;display:block}.action-bar{background:#fff;border-left:1px solid #000;flex-direction:column;gap:8px;width:160px;min-width:160px;padding:56px 16px 16px;display:flex}.action-btn{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border:1px solid #000;border-radius:0;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .1s;display:block}.action-btn--primary{color:#fff;background:#000;border:1px solid #000}.action-btn--primary:hover{color:#fff;background:#333}.action-btn--secondary{color:#000;background:#fff;border:1px solid #000}.action-btn--secondary:hover{color:#000;background:#f0f0f0}.param-panel{z-index:1000;background:#fff;border:2px solid #000;flex-direction:column;width:260px;max-height:calc(100vh - 80px);display:flex;position:fixed}.param-panel-header{cursor:grab;-webkit-user-select:none;user-select:none;color:#fff;background:#000;border-bottom:1px solid #000;padding:10px 16px}.param-panel-header:active{cursor:grabbing}.param-panel-title-row{justify-content:space-between;align-items:center;display:flex}.param-panel-title{color:#fff;font-size:13px;font-weight:600}.param-panel-actions{gap:4px;display:flex}.param-panel-collapse{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:11px;line-height:1;display:flex}.param-panel-collapse:hover{background:#ffffff1a}.param-panel-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:12px;font-weight:600;line-height:1;display:flex}.param-panel-close:hover{color:#000;background:#fff}.param-panel-desc{color:#999;margin-top:4px;font-size:11px;line-height:1.5}.param-panel-body{flex:1;padding:12px 16px;overflow-y:auto}.param-row{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.param-row:last-child{margin-bottom:0}.param-header{justify-content:space-between;align-items:center;display:flex}.param-label{color:#333;align-items:center;gap:4px;font-size:12px;display:flex}.param-tooltip-wrap{align-items:center;display:inline-flex;position:relative}.param-tooltip-icon{color:#999;cursor:help;border:1px solid #ccc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.param-tooltip-icon:hover{color:#000;border-color:#000}.param-tooltip-text{color:#fff;white-space:normal;z-index:100;pointer-events:none;background:#000;width:224px;padding:6px 10px;font-size:11px;font-weight:400;line-height:1.4;display:none;position:absolute;bottom:calc(100% + 6px);left:-10px}.param-tooltip-wrap:hover .param-tooltip-text{display:block}.param-value{color:#999;font-variant-numeric:tabular-nums;font-size:12px}.param-slider{appearance:none;cursor:pointer;background:#000;border-radius:0;outline:none;flex:1;height:2px}.param-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #000;border-radius:0;width:12px;height:12px}.param-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #000;border-radius:0;width:12px;height:12px}.param-slider::-moz-range-track{background:#000;border-radius:0;height:2px}.param-toggle{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.param-toggle input[type=checkbox]{accent-color:#000;cursor:pointer;width:16px;height:16px}.param-color-input{cursor:pointer;background:#fff;border:1px solid #000;width:100%;height:32px;padding:2px}.param-color-input::-webkit-color-swatch-wrapper{padding:2px}.param-color-input::-webkit-color-swatch{border:none}.param-select{cursor:pointer;background:#fff;border:1px solid #000;width:100%;padding:6px 8px;font-family:inherit;font-size:12px}.upload-zone{text-align:center;cursor:pointer;color:#999;background:#fff;border:2px dashed #000;flex:1;justify-content:center;align-items:center;padding:40px 20px;font-size:13px;transition:background-color .1s;display:flex}.upload-zone:hover{background:#f0f0f0}.upload-zone.dragover{color:#000;background:#f0f0f0;border-style:solid;border-color:#000}.image-info{color:#999;padding:8px 0;font-size:12px}.image-info span{color:#333}.compare-container{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-wrapper{max-width:100%;max-height:100%;line-height:0;position:relative;overflow:hidden}.canvas-wrapper canvas{max-width:100%;max-height:100%;display:block}.compare-divider{cursor:col-resize;z-index:10;background:#000;width:2px;position:absolute;top:0;bottom:0}.compare-divider:after{content:"";background:#000;border:1px solid #000;border-radius:0;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-toggle{color:#000;cursor:pointer;z-index:20;background:#fff;border:1px solid #000;border-radius:0;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:500;transition:background-color .1s;position:absolute;top:12px;right:12px}.compare-toggle:hover{background:#f0f0f0}.compare-toggle.active{color:#fff;background:#000}.param-text-input{color:#000;box-sizing:border-box;background:#fff;border:1px solid #000;border-radius:0;outline:none;width:100%;padding:6px 10px;font-family:Consolas,Monaco,monospace;font-size:13px}.param-text-input:focus{border-width:2px}.close-btn{color:#000;cursor:pointer;z-index:20;background:#fff;border:1px solid #000;border-radius:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .1s;display:flex;position:absolute;top:12px;left:12px}.close-btn:hover{color:#fff;background:#000}.test-images-bar{background:#fff;border-top:1px solid #000;flex-shrink:0;gap:8px;padding:8px;display:flex}.test-image-thumb{object-fit:cover;cursor:pointer;border:1px solid #ccc;width:80px;height:56px;transition:border-color .1s}.test-image-thumb:hover{border-color:#000}.dialog-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box{background:#fff;border:2px solid #000;border-radius:0;width:90%;max-width:380px;padding:24px 28px}.dialog-message{color:#000;margin:0 0 20px;font-size:14px;line-height:1.6}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.dialog-btn{cursor:pointer;border:1px solid #000;border-radius:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .1s}.dialog-btn--primary{color:#fff;background:#000}.dialog-btn--primary:hover{background:#333}.dialog-btn--secondary{color:#000;background:#fff}.dialog-btn--secondary:hover{background:#f0f0f0}.progress-bar-track{border:2px solid #000;height:16px;margin-bottom:4px}.progress-bar-fill{background:#000;height:100%;transition:width .15s}.progress-bar-text{color:#666;text-align:right;margin:0 0 16px;font-size:12px}.app-3d{height:100vh;display:flex;overflow:hidden}.app-3d-sidebar{background:#f5f5f0;border-right:1px solid #000;flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow-y:auto}.app-3d-main{flex-direction:column;flex:1;display:flex;position:relative}.canvas-3d{width:100%;height:100%;display:block}.effect-selector{border-bottom:1px solid #000}.effect-selector-header{color:#fff;background:#000;padding:12px 16px;font-size:14px;font-weight:600}.effect-list{flex-direction:column;display:flex}.effect-item{text-align:left;cursor:pointer;background:#f5f5f0;border:none;border-bottom:1px solid #e0e0e0;padding:12px 16px;transition:background .15s}.effect-item:hover{background:#e8e8e3}.effect-item.active{color:#fff;background:#000}.effect-item-label{margin-bottom:4px;font-weight:500}.effect-item-desc{opacity:.8;font-size:12px}.model-uploader{border-bottom:1px solid #000}.upload-zone{text-align:center;cursor:pointer;border:2px dashed #ccc;margin:12px;padding:24px 16px;transition:all .15s}.upload-zone:hover{background:#fafafa;border-color:#000}.upload-zone.dragging{background:#f0f0eb;border-color:#000}.upload-zone.loading{opacity:.6;cursor:wait}.upload-icon{margin-bottom:8px;font-size:32px}.upload-label{margin-bottom:4px;font-weight:500}.upload-hint{color:#999;font-size:12px}.upload-error{color:#c00;background:#fee;border:1px solid red;margin:0 12px 12px;padding:8px 12px;font-size:13px}.model-info{background:#fafafa;margin:0 12px 12px;padding:12px;font-size:12px}.model-info-item{justify-content:space-between;margin-bottom:4px;display:flex}.model-info-label{color:#666}.model-info-value{font-weight:500}.action-bar-3d{z-index:10;background:#fffffff2;border:1px solid #000;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:46px;right:16px}.action-btn{color:#fff;cursor:pointer;background:#000;border:none;padding:6px 12px;font-size:13px;transition:background .15s}.action-btn:hover:not(:disabled){background:#333}.action-btn:disabled{opacity:.5;cursor:not-allowed}.lighting-presets{gap:4px;margin-bottom:8px;display:flex}.preset-btn{cursor:pointer;color:#fff;background:#000;border:1px solid #333;border-radius:0;flex:1;padding:6px 0;font-size:16px;transition:border-color .15s,background .15s}.preset-btn:hover{border-color:#666}.preset-btn.active{color:#000;background:#fff;border:1px dashed #000}.direction-grid{grid-template-columns:repeat(3,1fr);gap:3px;margin-top:4px;display:grid}.dir-btn{aspect-ratio:1;cursor:pointer;background:#000;border:1px solid #333;border-radius:0;transition:border-color .15s,background .15s}.dir-btn:hover{border-color:#666}.dir-btn.active{background:#fff;border:1px dashed #000}.color-temp-slider{background:linear-gradient(90deg,#fa6,#fff,#acf)!important}.recording-active{animation:1s ease-in-out infinite recording-pulse;background:#c0392b!important}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.6}}.shortcut-hint{float:right;color:#888;font-size:10px;font-weight:400}.gradient-editor{flex-direction:column;gap:6px;display:flex}.gradient-preview{border:1px solid #333;border-radius:0;height:20px}.gradient-stop-row{align-items:center;gap:4px;display:flex}.gradient-stop-color{flex-shrink:0;width:28px!important;height:28px!important;padding:0!important}.gradient-stop-row .param-slider{flex:1}.gradient-stop-row .param-value{color:#aaa;width:36px;font-size:11px}.gradient-stop-remove{color:#c0392b;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px}.gradient-stop-remove:hover{color:#e74c3c}.gradient-modes{gap:4px;margin-top:4px;display:flex}.particle-count-control{border-left:1px solid #ccc;align-items:center;gap:8px;padding-left:8px;display:flex}.particle-count-label{color:#666;width:max-content;font-size:12px}.particle-count-select,.particle-count-input{cursor:pointer;background:#fff;border:1px solid #000;padding:4px 8px;font-size:13px}.particle-count-input{outline:none;width:90px}.particle-count-input:focus{border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d940}.particle-count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.particle-count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.particle-count-input{appearance:textfield}.particle-count-back-btn{cursor:pointer;color:#999;background:0 0;border:none;padding:2px 4px;font-size:14px;line-height:1}.particle-count-back-btn:hover{color:#333}.model-info-display{color:#666;border-left:1px solid #ccc;gap:12px;padding-left:8px;font-size:11px;display:flex}.model-info-line{white-space:nowrap}.loading-indicator{color:#999;font-size:11px}.error-message{color:#c00;background:#fee;border:1px solid red;justify-content:space-between;align-items:center;margin:12px;padding:12px;font-size:13px;display:flex}.error-message button{color:#fff;cursor:pointer;background:#c00;border:none;padding:4px 8px;font-size:11px}.home-page{background:#f5f5f0;flex-direction:column;align-items:center;min-height:100vh;display:flex}.home-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.home-title{color:#000;margin-bottom:8px;font-size:48px;font-weight:700}.home-subtitle{color:#666;margin-bottom:48px;font-size:18px}.home-links{justify-content:center;gap:24px;display:flex}.home-link{color:inherit;text-decoration:none}.home-link-card{cursor:pointer;box-sizing:border-box;background:#fff;border:2px solid #000;width:240px;height:100%;padding:32px 24px;transition:all .2s}.home-link-card:hover{transform:translateY(-4px);box-shadow:4px 4px #000}.home-link-icon{margin-bottom:16px;font-size:48px}.home-link-title{margin-bottom:8px;font-size:18px;font-weight:600}.home-link-desc{color:#666;font-size:13px}.loading{color:#999;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}.lang-switch{z-index:9999;cursor:pointer;letter-spacing:.5px;color:#333;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #333;padding:4px 10px;font-family:inherit;font-size:13px;position:fixed;top:12px;right:12px}.lang-switch:hover{color:#fff;background:#333}.sidebar-home-btn{color:#fff;background:#000;border-bottom:1px solid #000;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.sidebar-home-btn:hover{color:#fff;background:#333}.info-page{box-sizing:border-box;background:#f5f5f0;justify-content:center;min-height:100vh;padding:48px 24px;display:flex}.info-card{box-sizing:border-box;background:#fff;border:2px solid #000;width:100%;max-width:680px;height:fit-content;padding:40px 48px}.info-back-link{color:#666;margin-bottom:24px;font-size:13px;text-decoration:none;display:inline-block}.info-back-link:hover{color:#000}.info-title{color:#000;margin:0 0 8px;font-size:32px;font-weight:700}.info-accent{background:#000;width:40px;height:3px;margin-bottom:32px}.info-content h2{color:#000;margin:28px 0 8px;font-size:18px;font-weight:600}.info-content p{color:#333;margin:0 0 8px;font-size:15px;line-height:1.7}.info-content ul{margin:0 0 8px;padding-left:20px}.info-content li{color:#333;font-size:15px;line-height:1.7}.info-updated{color:#999;margin-bottom:24px;font-size:13px}.info-steps{white-space:pre-line}.footer{text-align:center;border-top:1px solid #ddd;margin-top:64px;padding:20px 0}.footer-links{justify-content:center;gap:24px;margin-bottom:12px;display:flex}.footer-link{color:#666;font-size:13px;text-decoration:underline}.footer-link:hover{color:#000}.footer-copyright{color:#999;margin:0;font-size:11px}.not-found-page{background:#f5f5f0;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.not-found-code{color:#000;margin:0 0 8px;font-size:120px;font-weight:700;line-height:1}.not-found-msg{color:#666;margin:0 0 32px;font-size:18px}.not-found-btn{color:#fff;background:#000;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.not-found-btn:hover{background:#333}