.product-dialog{width:760px}.product-tabs{display:flex;gap:8px;border-bottom:1px solid #dfe7e4;padding-bottom:10px;margin:16px 0}.product-tabs button{flex:1}.product-tabs button.active{background:#177866;color:#fff}.product-dialog fieldset{border:1px solid #dfe7e4;border-radius:8px;min-width:0;padding:12px;margin:6px 0 14px}.product-dialog legend{font-size:12px;font-weight:600}.product-info{background:#f3f7f5;border-radius:7px;padding:12px 14px;margin:12px 0;color:#506d64;font-size:12px;line-height:1.8}.product-info small{color:#7e8b86;font-size:10px}.uv-swatches{display:flex;gap:12px;margin:14px 0}.uv-swatches span{width:50px;height:35px;border:1px solid #bbb;border-radius:5px}.product-summary{background:white;border:1px solid #dfe7e4;border-radius:8px;margin-top:20px;padding:16px}.product-summary-head{display:flex;justify-content:space-between;gap:12px}.product-summary-head span{color:#7e8b86;font-size:11px}.product-summary details{margin-top:8px}.product-summary h3{font-size:12px}.product-dialog .hint{font-size:11px}.product-dialog .two{gap:12px}.product-dialog label{font-size:12px}@media(max-width:600px){.product-dialog .two{grid-template-columns:1fr}.product-summary-head{display:block}}
#view3d{width:min(1180px,94vw);max-width:94vw}.viewer-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.viewer-tools label{margin:0;font-size:11px}.viewer-tools input[type=range]{width:120px}#mirror3D{display:block;width:100%;height:min(62vh,720px);min-height:300px;cursor:grab;touch-action:none;border-radius:10px;margin-top:16px}#mirror3D:active{cursor:grabbing}#artEditor{border-top:1px solid #dfe7e4;padding-top:14px}
#renderPromptDialog{width:min(1000px,94vw);max-width:94vw}#renderPromptDialog textarea{display:block;width:100%;padding:10px;border:1px solid #cddbd6;border-radius:7px;font:13px/1.6 inherit;resize:vertical}#renderPromptDialog fieldset{border:1px solid #dfe7e4;border-radius:8px;padding:12px}.prompt-layout{display:grid;grid-template-columns:1fr 240px;gap:24px}.prompt-reference{background:#f3f7f5;border-radius:8px;padding:12px;text-align:center}.prompt-reference img{width:100%;height:290px;object-fit:contain}.prompt-reference small{display:block;color:#62756e;margin:10px 0}.prompt-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:650px){.prompt-layout{grid-template-columns:1fr}.prompt-reference img{height:180px}}
.render-generation{border:1px solid #b7d5c9;background:#f6faf8;border-radius:9px;padding:16px;margin:12px 0 20px}.render-generation h3{margin:0}.render-generation .dialog-head{align-items:start}.render-generation details{margin:10px 0}.render-generation .prompt-actions{align-items:end}.render-generation .prompt-actions label{margin:0;min-width:180px}.render-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.render-results article{padding:12px;background:white;border:1px solid #dce7e1;border-radius:8px}.render-results strong{font-size:11px;display:block;margin-bottom:8px}.render-results img{width:100%;height:280px;object-fit:contain;background:#eee;display:block;margin-bottom:10px}.render-results a{color:#177866}
#generationLibrary{max-width:1440px;margin:0 auto;padding:28px}.library-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.library-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.library-cards article{background:white;border:1px solid #dce7e1;border-radius:10px;padding:14px}.library-cards h3{font-size:15px;margin:12px 0 6px}.library-cards p{font-size:11px;color:#61776e;line-height:1.6}.library-preview{display:block;width:100%;height:270px;padding:0;background:#eef3f0;overflow:hidden;border-radius:7px}.library-preview img{width:100%;height:100%;object-fit:contain}.library-cards a{color:#177866}#generationDetail{width:min(1100px,94vw)}#generationDetailImage{width:100%;max-height:65vh;object-fit:contain;background:#eef3f0}#generationDetailReference{width:160px;max-height:220px;object-fit:contain;margin:12px 0}#generationDetailPrompt{width:100%;font:13px/1.6 sans-serif;padding:10px;resize:vertical}@media(max-width:700px){.library-filters{grid-template-columns:1fr}#generationLibrary{padding:16px}}

.prompt-frame-panel{border:1px solid #cbded4;border-radius:10px;padding:16px;margin:16px 0;background:#f6faf8}.prompt-frame-panel h3{margin:0 0 14px}.prompt-frame-layout{display:grid;grid-template-columns:minmax(220px,340px) minmax(240px,1fr);gap:22px;align-items:start}#promptFrameCanvas{position:relative;width:100%;background:white;outline:1px solid #a9c5b9;touch-action:none;user-select:none;overflow:hidden;cursor:crosshair}#promptFrameCanvas:focus{outline:2px solid #23785d}#promptFrameImage{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#promptFrameBox{position:absolute;box-sizing:border-box;border:2px dashed #23785d;background:#23785d0a;cursor:move}#promptFrameBox span{position:absolute;top:2px;left:2px;background:#23785d;color:#fff;padding:2px 5px;font-size:10px;pointer-events:none}#promptFrameBox i{position:absolute;width:16px;height:16px;right:-1px;bottom:-1px;background:#23785d;border:2px solid white;cursor:nwse-resize;box-sizing:border-box}#promptFrameEmpty{position:absolute;inset:30% 12%;display:grid;place-items:center;text-align:center;font-size:13px;color:#789286;pointer-events:none}@media(max-width:650px){.prompt-frame-layout{grid-template-columns:1fr}#promptFrameCanvas{max-width:340px;margin:auto}}
.prompt-template-controls{margin-top:16px;min-width:0}.prompt-template-controls select{width:100%;max-width:100%}#promptTemplateZoneOverlay{position:absolute;inset:0;pointer-events:none;z-index:3}#promptTemplateZoneOverlay svg{width:100%;height:100%;overflow:hidden}#promptTemplateZoneOverlay rect{stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:5 3}#promptTemplateZoneOverlay .zone-text rect{fill:#297bd42b;stroke:#2869b2}#promptTemplateZoneOverlay .zone-utp rect{fill:#f09a2433;stroke:#bc6c0e}#promptTemplateZoneOverlay text{fill:#14324c;font-family:Arial,sans-serif;font-weight:700;paint-order:stroke;stroke:white;stroke-width:3px}