.tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 16px}.tabs button{padding:0 4px;font-size:8px}.tabs button>span{font-size:10px;margin-left:3px}.design-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.design-actions button,.upload-button,.layer-buttons button,.design-bottom button{border:1px solid #d4cabb;background:#f4efe4;font-size:10px;padding:12px 9px;text-align:center;color:#594f42;cursor:pointer}.upload-button{position:relative;overflow:hidden}.upload-button input,.reference-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-button:has(input:disabled){opacity:.4;cursor:not-allowed}.design-hint{font-size:9px;line-height:1.9;color:#93836d;margin:10px 0 18px}.design-target{font-size:10px;display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.design-target select,.text-style-row select{padding:8px 10px;background:#fffdf7;border:1px solid #d5cbb9;font:10px inherit;color:#51493e}.surface-map-wrap{border:1px solid #d4cbb9;background:#e9e2d4;padding:8px}.surface-map-wrap canvas{display:block;width:100%;height:auto;min-height:65px;touch-action:none;cursor:move}.surface-map-wrap p{font-size:7px;line-height:1.7;color:#8f816c;letter-spacing:.6px;text-align:center;margin:8px 0 0}.design-empty{font-size:11px;color:#9d8b73;padding:25px 12px;text-align:center;border:1px dashed #d4c9b7}.design-layers{display:flex;flex-direction:column;gap:6px;margin:16px 0}.design-layer{padding:10px 11px;background:#f2ede1;border:1px solid #d8cdba;font-size:10px;text-align:left;line-height:1.7;overflow-wrap:anywhere}.design-layer[aria-pressed=true]{border-color:#9b302b;color:#932b2b;background:#f8eee3}.text-layer-fields>label{font-size:10px}.text-layer-fields input:not([type=checkbox]){border:1px solid #d4c9b8;background:#fffdf7;padding:9px;width:100%;margin:7px 0;color:#453f34}.text-style-row{display:flex;align-items:center;gap:8px;margin:2px 0 20px}.text-style-row input[type=color]{width:32px;height:32px;padding:2px;border:1px solid #d4c9b8;margin:0}.text-style-row label{font-size:9px;white-space:nowrap}.text-style-row select{max-width:140px;flex:1}.design-range{display:block;margin:18px 0 24px}.design-range>span{display:flex;justify-content:space-between;font-size:10px;margin-bottom:12px}.design-range output{color:#962f30;font-variant-numeric:tabular-nums}.design-range input{width:100%;height:3px;margin:0;accent-color:#972d30}.model-drag-toggle{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.8;margin:18px 0}.model-drag-toggle input{accent-color:#962b30}.layer-buttons,.design-bottom{display:flex;gap:8px}.layer-buttons button,.design-bottom button{flex:1;font-size:9px;padding:10px 6px}.design-bottom{margin-top:15px}.design-bottom button:disabled{opacity:.4}.ai-designer{border-top:1px solid #dacfba;border-bottom:1px solid #dacfba;padding:19px 0;margin-top:27px}.ai-designer summary{font-size:12px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.ai-designer summary::-webkit-details-marker{display:none}.ai-designer summary span{color:#973135}.ai-prompt-label{font-size:10px;display:block}.ai-prompt-label textarea{margin:7px 0 13px;width:100%;padding:10px;border:1px solid #d9cdbb;background:#fffdf7;font:11px/1.8 Arial,sans-serif;resize:vertical;color:#4b4033}.reference-upload{position:relative;display:block;text-align:center;border:1px dashed #c9baa3;padding:12px;font-size:10px;cursor:pointer}.reference-info{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#958069;margin-top:8px}.reference-info>span{overflow-wrap:anywhere}.reference-info button{border:0;background:none;font-size:9px;color:#8e3b32}.ai-disclosure{font-size:8px;line-height:1.9;color:#8b7358;background:#eee4d3;padding:10px;margin:18px 0 12px}.ai-designer .primary-button{font-size:10px}.ai-designer .text-button{padding:9px 0;border:0}.design-status{font-size:9px;line-height:1.9;color:#8c3d31;margin:17px 0 0}.design-editor-active #canvas-host canvas{cursor:move}.design-editor-active .gesture-hint{font-weight:600;color:#902d2c}.custom-design-summary{font-size:10px;line-height:1.8;color:#7e6349;padding:10px 0;border-top:1px solid #d8cbb7}.custom-design-summary:empty{display:none}@media(max-width:780px){.tabs{padding:0 20px;gap:9px}.tabs button{font-size:8px}.design-actions{max-width:440px}.surface-map-wrap{max-width:500px}.design-status{max-width:500px}}