*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#f0f0f0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{height:100vh;display:flex}#config-panel{z-index:1;background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:38%;min-width:300px;display:flex;overflow-y:auto;box-shadow:2px 0 12px #00000014}.panel-header{border-bottom:1px solid #e0e0e0;padding:24px 24px 16px}.panel-header h1{color:#1a1a1a;letter-spacing:-.01em;font-size:18px;font-weight:600}#accordion{flex:1}.accordion-entry{border-bottom:1px solid #e0e0e0}.accordion-trigger{cursor:pointer;color:#1a1a1a;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.accordion-trigger:hover{background:#f8f8f8}.accordion-trigger.active{color:#2563eb;background:#f0f6ff}.accordion-chevron{color:#888;width:16px;height:16px;transition:transform .2s}.accordion-trigger.active .accordion-chevron{color:#2563eb;transform:rotate(180deg)}.accordion-body{max-height:0;padding:0 24px;transition:max-height .25s,padding .25s;overflow:hidden}.accordion-body.open{max-height:1200px;padding:16px 24px 24px}.field{margin-bottom:16px}.field label{color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.field input[type=text]{color:#1a1a1a;border:1px solid #ddd;border-radius:6px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}.field input[type=text]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.field input[type=color]{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;width:100%;height:40px;padding:2px 4px}.upload-zone{text-align:center;color:#888;cursor:pointer;border:2px dashed #ddd;border-radius:8px;margin-bottom:16px;padding:20px;font-size:13px;transition:border-color .15s,background .15s}.upload-zone:hover,.upload-zone.drag-over{color:#2563eb;background:#f0f6ff;border-color:#2563eb}.upload-zone-icon{margin-bottom:6px;font-size:24px}.design-cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.design-card{cursor:pointer;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .15s,transform .1s;position:relative;overflow:hidden}.design-card:hover{border-color:#aaa;transform:translateY(-1px)}.design-card:focus-within{outline:2px solid #2563eb}.design-card.selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.design-card .card-thumb{aspect-ratio:2;width:100%;display:block}.design-card .card-label{text-align:center;color:#444;background:#fafafa;padding:6px;font-size:11px;font-weight:500}.design-card.loading:after{content:"";background:#ffffffb3;position:absolute;inset:0}#preview-panel{background:#e8e8e8;flex:1;position:relative;overflow:hidden}#three-canvas{display:block;width:100%!important;height:100%!important}