.preview-3d{display:block;isolation:isolate}.preview-3d:before{z-index:0;pointer-events:none}.preview-3d canvas{display:block;position:relative;width:100%;height:100%;z-index:1;touch-action:pan-y;outline-offset:-5px}.preview-3d .preview-caption{z-index:2;pointer-events:none;font-size:9px;top:20px}.preview-3d .size-badge{z-index:2;pointer-events:none}.view-options{position:absolute;top:12px;right:12px;z-index:3;display:flex;gap:3px;background:#faf7f0dc;border:1px solid #d9ccbb;border-radius:7px;padding:3px}.view-options button{font-size:10px;border:0;background:transparent;color:#656753;border-radius:4px;padding:6px 9px}.view-options button[aria-pressed=true]{background:#e2d3bf;color:#493f30}.preview-message{position:absolute;top:48%;left:5%;width:90%;z-index:2;text-align:center;background:#faf7f0e6;padding:12px;border-radius:8px;font-size:12px;color:var(--muted)}.preview-message[hidden]{display:none}.preview-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.preview-controls>span{font-size:10px;color:var(--muted)}.camera-buttons{display:flex;gap:5px}.camera-buttons button,.position-controls button{border:1px solid var(--line);background:#f5f0e7;color:#5e6450;border-radius:6px;min-width:34px;min-height:34px;padding:4px 9px;font-size:16px}.camera-buttons button:hover,.position-controls button:hover{background:#e5ddcd}.name-letter-row{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:15px}.name-letter-row>div{min-width:0}.advanced-settings,.local-export{border:1px solid var(--line);border-radius:8px;margin:3px 0 15px;background:#f8f5ef}.advanced-settings summary,.local-export summary{cursor:pointer;padding:12px 14px;font-size:12px;color:#58624a;font-weight:500}.advanced-settings>div,.local-export>div{padding:4px 16px 16px}.advanced-settings summary:focus-visible,.local-export summary:focus-visible{outline:3px solid var(--olive);outline-offset:3px}.advanced-settings .range-field input{width:100%;accent-color:var(--olive);min-height:28px;cursor:pointer}.range-field label{display:flex;justify-content:space-between;gap:12px;align-items:center}.range-field output{font-size:11px;font-weight:400;color:var(--muted);white-space:nowrap}.automatic-thickness{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:4px;margin:-4px 0 20px}.automatic-thickness span{font-size:12px;color:#5d634e}.position-controls{display:flex;gap:5px;flex-wrap:wrap}.position-controls button:last-child{font-size:11px}.design-file-actions{display:flex;gap:24px;flex-wrap:wrap;margin:14px 0 16px}.design-file-actions button{background:none;border:0;padding:0;font:12px var(--sans);cursor:pointer}.local-export{margin-bottom:0;background:#f0eadf}.local-export>div>p:first-child{font-size:12px;color:var(--muted);margin:0 0 14px}.local-export .button{font-size:12px;gap:15px}.generated-files{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.generated-files[hidden]{display:none}.generated-files a{border:1px solid #c4c9b6;background:#e8ecdf;color:#49573c;border-radius:6px;font-size:11px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.generated-files a:hover{background:#dae2cb}.generated-files.is-stale{opacity:.55}.designer-grid{align-items:start}.import-colors{font-size:11px;color:var(--muted);padding-top:3px}.designer-grid #design-error:empty{min-height:0;margin:0}.designer-grid #design-error:not(:empty){margin-bottom:15px}.designer-grid #design-file-status:empty{display:none}.preview-3d .fallback-initial{position:absolute;inset:25% 0 auto;text-align:center;font:200px var(--serif);color:#c4b69f;opacity:.4;z-index:0}.preview-controls .camera-buttons button:disabled{opacity:.4}.preview-3d canvas:focus-visible{outline:3px solid var(--olive);outline-offset:-5px}
@media(max-width:900px){.preview-controls{flex-wrap:wrap}.preview-3d .preview-caption{max-width:95px;font-size:8px;top:16px}.view-options button{padding:5px 7px;font-size:9px}.view-options{right:9px;top:10px}.name-letter-row{grid-template-columns:minmax(0,1fr) 70px;gap:10px}}
@media(max-width:650px){.preview-controls>span{font-size:9px}.camera-buttons button{min-width:36px;min-height:36px}.preview-3d .preview-caption{max-width:110px}.advanced-settings>div{padding:3px 12px 14px}.generated-files{grid-template-columns:1fr}.name-letter-row{grid-template-columns:minmax(0,1fr) 70px;gap:12px}.advanced-settings summary,.local-export summary{min-height:44px}.view-options button{min-height:31px}.design-file-actions{gap:20px}.preview-3d canvas{touch-action:pan-y}}