.studio-3d{position:absolute;inset:0;z-index:8;background:#f1f4f9;display:flex;flex-direction:column;overflow:hidden}.studio-3d[hidden]{display:none}.is-3d .studio-status{display:none}.is-3d .canvas-rulers,.is-3d .design-stage,.is-3d .context-tools,.is-3d .layers-toggle,.is-3d .layers-panel{visibility:hidden;pointer-events:none}.three-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;background:white;border-bottom:1px solid #dce4ef;flex-wrap:wrap}.three-toolbar strong{font-size:15px}.three-toolbar>div:first-child{display:flex;gap:12px;align-items:center}.three-toolbar #three-source{font-size:11px;color:#657894}.three-toolbar .actions{gap:6px}.three-toolbar label.btn{cursor:pointer;margin:0}.three-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:0;flex:1}.three-viewport{position:relative;min-width:0;min-height:220px;overflow:hidden}#three-canvas{position:absolute;inset:0;touch-action:none}#three-canvas canvas{display:block;width:100%;height:100%}.three-views{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;flex-wrap:wrap;pointer-events:none}.three-views button{pointer-events:auto;border:1px solid #d7e0ed;border-radius:8px;background:#ffffffed;color:#405675;padding:8px 10px;font-size:11px;min-height:34px}.three-views button:hover,.three-views [aria-pressed=true]{background:#e4edff;color:#1554d8;border-color:#96b6f8}#three-message{position:absolute;bottom:38px;left:14px;right:14px;background:#ffffffed;border:1px solid #d8e2ef;color:#354e71;border-radius:9px;padding:10px 12px;font-size:12px;max-height:110px;overflow:auto;pointer-events:none}.three-help{position:absolute;bottom:10px;left:14px;font-size:10px;color:#657b98;pointer-events:none}.three-inspector{background:white;border-left:1px solid #dce4ef;padding:14px;overflow:auto;min-width:0}.three-inspector details{border-bottom:1px solid #e5eaf3;padding:0 0 14px;margin-bottom:14px}.three-inspector summary{cursor:pointer;font-weight:650;font-size:12px;padding:7px 0 12px;color:#233d61}.three-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.three-inspector label{font-size:11px;color:#4c6382;line-height:1.5}.three-inspector input:not([type=checkbox]):not([type=range]),.three-inspector select{width:100%;font-size:12px;padding:8px;margin-top:4px;min-width:0}.three-note{font-size:11px;line-height:1.65;color:#72829a;margin:9px 0}.three-range{display:block;margin:7px 0 14px}.three-range output{float:right;color:#195bed}.three-range input{display:block;width:100%;padding:0;margin-top:7px;accent-color:#195bed}.three-metrics{font-size:12px;font-weight:600;color:#244d87;background:#eff4fd;border-radius:8px;padding:10px;margin-top:10px}.three-parts{max-height:225px;overflow:auto}.three-part{display:flex;align-items:center;gap:7px;border:1px solid #e3e9f2;border-radius:7px;margin-bottom:5px;padding:6px}.three-part.selected{border-color:#195bed;background:#eff4ff}.three-part input{width:16px;height:16px;flex-shrink:0;accent-color:#195bed}.three-part button{display:flex;align-items:center;gap:7px;text-align:left;font-size:11px;border:0;background:none;color:#344d70;flex:1;min-width:0;overflow-wrap:anywhere;padding:5px 0}.three-part button span{width:13px;height:13px;border:1px solid #0002;border-radius:3px;flex-shrink:0}#three-part-settings{margin:12px 0;padding:10px;background:#f6f8fc;border-radius:8px}#three-part-settings .three-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.three-checks{font-size:11px;line-height:1.7;color:#657b98;padding-left:17px}.three-checks li{margin-bottom:8px}.three-inspector>.btn{width:100%;justify-content:center;font-size:12px;min-height:38px}#three-one{font-size:11px;width:100%;margin-top:6px}.three-toolbar button:focus-visible,.three-part button:focus-visible,.three-views button:focus-visible{outline:2px solid #195bed;outline-offset:2px}.studio-3d[aria-busy=true] #three-message{color:#195bed;background:#f0f5ff}.is-3d .studio-ribbon{min-height:40px;padding:8px 20px}@media(max-width:900px){.three-layout{grid-template-columns:minmax(0,1fr) 265px}.three-toolbar{padding:8px 12px}.three-toolbar>div:first-child{flex-direction:column;align-items:start;gap:3px}}@media(max-width:600px){.three-layout{display:flex;flex-direction:column;overflow:auto}.three-viewport{min-height:340px;flex-shrink:0}.three-inspector{overflow:visible;border-left:0;border-top:1px solid #dce4ef}.three-toolbar .actions{flex-wrap:wrap}.three-views button{font-size:10px;padding:7px}.three-help{font-size:9px}.three-toolbar .btn{font-size:11px}}
.three-thickness{display:flex;flex-direction:column;gap:7px;background:#eff5ff;border:1px solid #ccdcf7;border-radius:9px;padding:12px;margin-top:12px;color:#35547d;font-size:11px;line-height:1.6}.three-thickness strong{font-size:12px;color:#194eaa}
#three-selected-name{display:block;font-size:13px;color:#194eaa;margin-bottom:12px;overflow-wrap:anywhere}#three-part-settings>label{display:block;margin-bottom:10px}#three-part-settings>.btn{width:100%;margin:4px 0;justify-content:center}#three-part-size{background:white;border:1px solid #dce5f2;border-radius:7px;padding:9px;line-height:1.8;color:#345276}