.parameter-panel{border:1px solid var(--line);box-shadow:var(--shadow-tight);background:#fffffffa;padding:18px}.panel-header h3{color:var(--text);border-bottom:1px solid var(--line);margin:0 0 12px;padding-bottom:8px;font-size:16px;font-weight:600}.param-group{margin-bottom:15px}.param-group label{flex-direction:column;gap:6px;display:flex}.param-label{color:#34495e;font-size:13px;font-weight:600}.param-label strong{color:var(--accent);font-size:14px}.param-group input[type=range]{-webkit-appearance:none;background:#e0e0e0;border-radius:3px;outline:none;width:100%;height:6px}.param-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.param-group input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.param-group input[type=range]:disabled{opacity:.5;cursor:not-allowed}.param-hint{color:#7f8c8d;font-size:11px;font-style:italic}.checkbox-label{cursor:pointer;align-items:center;flex-direction:row!important;gap:8px!important}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent)}.checkbox-label span{color:#34495e;font-size:13px;font-weight:600}.param-group select{color:#34495e;cursor:pointer;background:#fff;border:2px solid #e0e0e0;outline:none;width:100%;margin-top:4px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.param-group select:hover:not(:disabled){border-color:var(--accent)}.param-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0d59f214}.param-group select:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.action-section{text-align:center;margin:15px 0}.generate-button{background:var(--accent);cursor:pointer;box-shadow:none;border:none;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;color:#fff!important}.generate-button:hover:not(:disabled){box-shadow:var(--shadow-tight);transform:translateY(-1px)}.generate-button:disabled{cursor:not-allowed;box-shadow:none;background:#95a5a6;transform:none;color:#ffffffd1!important}.info-section{border:1px solid var(--line);background:#fafafa;margin-top:15px;padding:12px}.info-section h4{color:var(--text);margin:0 0 8px;font-size:13px;font-weight:600}.info-section p{color:#555;margin:0 0 8px;font-size:11px;line-height:1.5}.info-section ul{margin:0;padding:0;list-style:none}.info-section ul li{color:#555;padding:4px 0;font-size:11px}@media (max-width:768px){.parameter-panel{padding:14px}.panel-header h3{font-size:15px}.generate-button{padding:10px 15px;font-size:13px}}
.preview-panel{background:#fff;border-radius:8px;flex-direction:column;gap:12px;width:100%;min-width:0;padding:1rem;display:flex;box-shadow:0 2px 4px #0000001a}.preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.preview-header-left{flex:1}.preview-header-right{align-items:center;gap:8px;display:flex}.diffuse-toggle{cursor:pointer;color:#34495e;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.diffuse-toggle input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:16px;height:16px}.preview-header h3{color:#667eea;margin:0 0 4px;font-size:16px;font-weight:600}.preview-hint{color:#7f8c8d;margin:0;font-size:11px}.preview-container{width:100%;height:var(--tool-preview-canvas-height);min-height:var(--tool-preview-canvas-height);max-height:var(--tool-preview-canvas-height);min-width:0;padding:var(--tool-preview-surface-padding);box-sizing:border-box;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.processing-overlay{z-index:10;background:linear-gradient(135deg,#667eeaf2 0%,#764ba2f2 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.processing-spinner-icon{color:#fff;justify-content:center;align-items:center;animation:1.1s linear infinite spin;display:inline-flex}.processing-text{color:#fff;z-index:1;font-size:16px;font-weight:600;position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-container canvas{max-width:100%;max-height:100%;display:block;width:100%!important;height:100%!important}.preview-empty{color:#7f8c8d;flex-direction:column;justify-content:center;align-items:center;display:flex}.preview-info{background:#f8f9fa;border-radius:8px;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;display:grid}.info-item{justify-content:space-between;align-items:center;display:flex}.info-label{color:#7f8c8d;font-weight:500}.info-value{color:#34495e;font-weight:600}.download-section{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding-bottom:.25rem;display:flex}.normal-map-preview{flex-shrink:0}.normal-map-preview img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;border:2px solid #e0e0e0;border-radius:6px;width:200px;height:200px;box-shadow:0 2px 6px #0000001a}.geometry-select{color:#34495e;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:6px;min-width:110px;padding:8px 10px;font-size:13px;font-weight:600;transition:all .2s}.geometry-select:hover{border-color:#667eea}.geometry-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.download-button{cursor:pointer;background:linear-gradient(135deg,#27ae60 0%,#219a52 100%);border:none;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #27ae604d;color:#fff!important}.download-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #27ae6066}.download-menu{z-index:100;background:#fff;border:2px solid #e0e0e0;border-radius:6px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.download-menu-item{color:#34495e;cursor:pointer;text-align:left;background:#fff;border:none;width:100%;padding:10px 15px;font-size:13px;font-weight:600;transition:background .2s}.download-menu-item:hover{color:#667eea;background:#f0f2ff}.download-menu-item:not(:last-child){border-bottom:1px solid #e0e0e0}@media (max-width:768px){.preview-panel{padding:1.5rem}.preview-container{height:300px}.preview-info{grid-template-columns:1fr}.download-button{padding:.875rem 1.5rem;font-size:1rem}}