.workspace3d{width:96vw;max-width:1700px;height:94vh;max-height:96vh;border:1px solid var(--line);border-radius:14px;padding:0;background:var(--bg,#f5f8fb);color:var(--ink,#12263f);font-family:inherit;overflow:auto}
.workspace3d::backdrop{background:#0b182ccc}
.workspace3d .g-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:sticky;top:0;background:var(--panel,#fff);padding:14px 20px;border-bottom:1px solid var(--line);z-index:2}
.workspace3d h2{font-size:20px;margin:0;flex:1;min-width:230px}.workspace3d h3{font-size:16px;margin:18px 0 8px}
.g-status{margin:0;padding:10px 22px;background:var(--accent-dim,#e3eef7);font-size:13px;min-height:18px}
.g-main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding:20px}.g-main aside{border-left:1px solid var(--line);padding-left:20px}.g-main p{font-size:13px;line-height:1.6}
.g-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g-pair figure{margin:0;min-width:0}.g-pair figcaption{font-size:12px;font-weight:700;padding:8px}.g-pair canvas{width:100%;height:390px;display:block;touch-action:none;border-radius:12px;cursor:grab}
.g-view-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.workspace3d label{display:block;font-size:12px;margin:8px 0}.workspace3d input[type=number],.workspace3d select{font:inherit;color:inherit;background:var(--panel,#fff);border:1px solid var(--line);border-radius:6px;padding:7px;width:100%;box-sizing:border-box}.g-view-controls label{display:flex;gap:8px;align-items:center}.g-view-controls select{width:auto}
.workspace3d details{border-bottom:1px solid var(--line);padding:12px 0}.workspace3d summary{font-size:13px;font-weight:600;cursor:pointer}.g-apply{display:flex;gap:8px;position:sticky;bottom:0;background:var(--panel,#fff);padding:12px 0}
.workspace3d table{width:100%;border-collapse:collapse;font-size:12px}.workspace3d th,.workspace3d td{text-align:left;padding:8px;border-bottom:1px solid var(--line)}
.g-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.g-thumbs figure{margin:0}.g-thumbs img{width:90px;border-radius:6px}.g-thumbs figcaption{font-size:11px}.g-warp{max-width:100%;max-height:500px}.g-empty{padding:90px 30px;border:1px dashed var(--line);border-radius:12px;text-align:center}
#gVideo{width:100%;max-height:65vh;background:#101e2b;border-radius:12px}#gProgress{width:100%;height:12px}#gSteps{padding-left:24px;font-size:13px;line-height:2.3}#gSteps .active{font-weight:bold;color:var(--accent)}#gSteps .done{color:var(--ok)}
@media(max-width:1000px){.g-main{grid-template-columns:1fr}.g-main aside{border-left:0;border-top:1px solid var(--line);padding:0}.g-pair canvas{height:320px}}
@media(max-width:600px){.g-pair{grid-template-columns:1fr}.g-bar .btn{font-size:11px}.g-main{padding:12px}.workspace3d{width:98vw;height:97vh;max-height:97vh}}