:root{--accent:#cad7e0}.workspace{background:#e9ecef;background-image:radial-gradient(ellipse at 40% 30%,#f8f9fa 0%,#e9ecef 60%,#d8dee3 100%)}.workspace .eyebrow{color:#6e7a86}.canvas-top h2{font-weight:600}.render-toolbar{display:flex;justify-content:center;gap:16px;margin:18px 0 6px;width:100%;z-index:3}.render-toolbar>div{display:flex;padding:3px;border:1px solid #d4dae0;background:#ffffff9e;border-radius:8px;gap:2px}.render-toolbar button{border:0;background:transparent;border-radius:5px;font-size:12px;padding:7px 10px;color:#667580}.render-toolbar button.active{background:#334758;color:#fff;box-shadow:0 1px 4px #23334030}.canvas-tools{top:154px}.canvas-tools button{background:#ffffffce}.light-control{display:flex;gap:6px;align-items:center;margin:10px 0 10px;font-size:11px;z-index:3}.light-control>span{color:#768491;margin-right:6px}.light-control button{font-size:11px;background:none;border-color:transparent;border-radius:20px;padding:5px 9px;color:#748390}.light-control button.active{border-color:#b8c4cf;background:#ffffff9a;color:#294254}.canvas-hint{color:#7c8a97;margin-bottom:14px}.design-summary{background:#ffffff80;border-color:#d1d8dd}.design-summary small{color:#81909c}.design-summary>div{border-color:#d5dde3}.bottom-note{color:#82909b}.variant-catalog{display:grid;grid-template-columns:1fr 1fr;gap:12px}.variant-card{background:#fafbfc;border:1px solid #e0e4e8;border-radius:9px;overflow:hidden}.variant-card>button{border:0;background:none;border-radius:0;padding:0;width:100%;text-align:left}.variant-card>button:hover{background:#f0f4f8}.variant-card svg{height:108px;width:100%;background:radial-gradient(ellipse,#e5e9ec,#f8f9fa);display:block}.variant-title{display:flex;justify-content:space-between;font-size:13px;font-weight:600;padding:11px 10px 5px;gap:3px}.variant-title>span{font-size:16px;color:#738699}.variant-description{display:block;font-size:11px;line-height:1.7;color:#7a8792;padding:0 10px 11px;min-height:47px}.variant-source{display:block;text-decoration:none;font-size:9px;line-height:1.7;color:#708599;background:#eff2f5;padding:8px 10px;min-height:40px}.variant-source:hover{color:#263c51;text-decoration:underline}.quick-types{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 22px}.quick-types button{font-size:11px;padding:6px 8px;background:#f4f6f8;border:0}.quick-types button.active{background:#dde6ed;color:#2b465c}.variant-inspector{border-bottom:1px solid #e1e6ea;padding-bottom:15px;margin-bottom:20px}.variant-inspector .field-label{margin-top:0}.source-note{display:block;color:#5b7690;font-size:11px;line-height:1.8;text-decoration:none}.selected-name{background:#edf2f6}.step.active .step-num{background:#344959;color:#e3edf3}.step-next{background:#e1e9ef}.layer.active{background:#e9eff4}.tip{background:#edf2f6}.swatch.active{box-shadow:0 0 0 1.5px #58758d}.primary{background:#334959;border-color:#334959}#watch-render{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}body[data-render-mode=webgl] #watch>g:not(.selection):not(.alignment-guide),body[data-render-mode=webgl] #watch>circle,body[data-render-mode=webgl] #watch>path,body[data-render-mode=webgl] #watch>text{opacity:0}body[data-render-mode=webgl] #watch>.editable{opacity:0;pointer-events:all}.inspection #watch{pointer-events:none}.inspection #watch .selection{display:none}.inspection #watch .handle,.inspection #watch .rotate-handle{pointer-events:none}.inspection:after{content:'입체 감상 중 · 부품을 이동하려면 정면 편집을 선택하세요';position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:#61758a;pointer-events:none}body[data-render-mode=vector] #watch-render{display:none}.research-card{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #e1e6ea}.research-number{font-family:Georgia,serif;font-size:30px;color:#bbc6d0;min-width:40px}.research-card h3{font-size:17px;margin:2px 0 7px}.research-card p{margin:0 0 8px}.research-card a{color:#476986;font-size:12px;text-decoration:none}#stage{overflow:hidden}#research-dialog{background:#fafcfd}.source-note:hover{text-decoration:underline}
@media(min-width:851px){main{min-height:620px}.workspace{padding-top:20px;padding-bottom:15px}.render-toolbar{flex-shrink:0}#stage{min-height:260px}.workspace .bottom-note{display:none}.workspace .design-summary{display:none}.canvas-hint{margin-bottom:0}.canvas-tools{top:144px}.library[data-step="3"] .panel-heading{display:none}.library[data-step="3"]{padding-top:18px}}
@media(max-width:1100px){.render-toolbar{gap:7px}.render-toolbar button{font-size:11px;padding:7px}.variant-card svg{height:90px}.variant-title{font-size:12px;padding:9px 7px 4px}.variant-source{font-size:9px;padding:6px}.variant-description{font-size:10px;padding:0 7px 8px}}
@media(max-width:850px){.workspace{height:680px;min-height:0}#stage{height:410px;min-height:0}.render-toolbar{flex-wrap:wrap;margin-top:12px}.canvas-tools{top:170px}.view-label{display:none}.light-control{gap:1px}.light-control button{font-size:10px;padding:4px 6px}.light-control>span{display:none}}
@media(max-width:560px){.workspace{height:660px}.render-toolbar{margin:14px 0 8px}.canvas-tools{top:133px}#stage{height:370px}.variant-card svg{height:145px}.variant-title{font-size:14px;padding:12px 12px 5px}.variant-description{font-size:12px;padding:0 12px 12px}.variant-source{font-size:11px;padding:9px 12px}.render-toolbar button{font-size:12px}.light-control button{font-size:11px}.variant-catalog{gap:14px}.quick-types button{font-size:12px}.bottom-note{margin-top:13px}}