.field-mapping-panel{position:fixed;z-index:35;top:64px;left:238px;right:24px;max-height:calc(100vh - 82px);overflow:auto;padding:16px;border:1px solid #cfe4d5;border-radius:12px;background:#f7fbf8;color:#193e2b;box-shadow:0 22px 70px #102f21a0}
.field-mapping-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.field-mapping-head strong{display:block;font-size:14px}.field-mapping-head small{display:block;margin-top:4px;font-size:11px;color:#5d806b}.field-mapping-head button{background:none;border:0;color:#658572;font-size:22px;line-height:1}
.field-mapping-body{display:grid;grid-template-columns:minmax(240px,1fr) minmax(270px,1fr);gap:17px}.field-pitch-wrap svg,.field-frame-wrap canvas{display:block;width:100%;max-height:46vh;object-fit:contain;background:#10251b;border-radius:7px;cursor:crosshair}.field-pitch-wrap svg{aspect-ratio:5/3}.field-pitch-wrap small,.field-frame-wrap small{display:block;margin-top:6px;color:#658572;font-size:10px}.field-mapping-form{grid-column:1/-1}
.field-mapping-form p{font-size:11px;color:#477058;line-height:1.55}.field-dimensions{display:flex;flex-wrap:wrap;align-items:end;gap:9px}.field-dimensions label{font-size:10px;color:#4c6d57}.field-dimensions input,.field-dimensions select{display:block;min-height:31px;margin-top:4px;padding:5px;border:1px solid #c6d8ca;border-radius:5px;background:#fff;color:#193e2b}.field-dimensions input{width:98px}.field-dimensions select{min-width:145px}.field-size-note{display:block;margin-top:6px;color:#5d806b;font-size:10px}.field-actions{display:flex;flex-wrap:wrap;gap:6px}.field-actions button,.field-list-item button{border:1px solid #c6decf;border-radius:6px;background:#eaf5ed;color:#146b43;padding:6px 8px;font-size:10px;font-weight:700}.field-actions #fieldMappingConfirm{background:#17794d;color:#fff}.field-mapping-list{max-height:220px;overflow:auto;margin-top:9px}.field-list-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:4px 0;border-bottom:1px solid #e0ebe2;font-size:10px}.field-list-item label{white-space:nowrap;color:#597262}.field-list-item input{width:57px;margin-left:3px;padding:3px;border:1px solid #c6d8ca;border-radius:4px}.field-list-item .field-label-input{width:130px}.field-list-item button{padding:3px 7px;color:#ae4e4e;background:#fff2ef;border-color:#efd4cd}
.draw-layer .field-overlay{pointer-events:none}.draw-layer .field-grid{filter:drop-shadow(0 1px 2px #092617)}.draw-layer.editing .ground-item{pointer-events:visiblePainted;cursor:move}.draw-layer.editing .ground-item .ground-hit{stroke:transparent;stroke-width:22;pointer-events:stroke}.draw-layer.editing .ground-item .ground-hit-point{fill:transparent;pointer-events:all}.draw-layer.editing .ground-item .ground-handle{fill:#fff;stroke:#17794d;stroke-width:2;pointer-events:all;cursor:crosshair}
@media(max-width:800px){.field-mapping-panel{inset:55px 8px 8px}.field-mapping-body{grid-template-columns:1fr}.field-mapping-form{grid-column:auto}}
.stage-wrap{position:relative;padding-right:62px}.stage-wrap .vertical-tools{position:absolute;top:0;right:0;bottom:0;max-height:100%;overflow-y:auto;scrollbar-width:thin;z-index:4}@media(max-width:1000px){.stage-wrap{padding-right:56px}}@media(max-width:740px){.stage-wrap{padding-right:49px}}
.tactic-scene-panel{margin:12px 14px 14px;padding:14px;border:1px solid #cfe4d5;border-radius:12px;background:#f7fbf8}.tactic-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.tactic-head strong{font-size:14px}.tactic-head small{display:block;margin-top:4px;color:#668571;font-size:11px}.tactic-head button{border:0;background:none;font-size:22px;color:#698674}.tactic-layout{display:grid;grid-template-columns:minmax(300px,2fr) minmax(210px,1fr);gap:14px}.tactic-layout svg{width:100%;aspect-ratio:5/3;border-radius:8px;cursor:crosshair;touch-action:none}.tactic-layout svg [data-element-id]{cursor:move}.tactic-controls{display:flex;flex-direction:column;gap:10px}.tactic-tools,.tactic-actions{display:flex;flex-wrap:wrap;gap:5px}.tactic-controls button{padding:5px 7px;border:1px solid #c6ddcb;border-radius:5px;background:#fff;color:#2c6845;font-size:10px}.tactic-controls button.active{background:#d5eee0;border-color:#65ac81}.tactic-controls label{display:flex;justify-content:space-between;gap:6px;font-size:11px}.tactic-controls select,.tactic-controls input{width:110px;border:1px solid #c6d8ca;border-radius:5px;padding:4px}.tactic-controls p{font-size:10px;color:#67806d}.tactic-lane .tactic-marker{position:absolute;top:9px;min-width:87px;height:33px;border:1px solid #7db5a2;border-radius:6px;background:#dff1e9;color:#176647;font-size:10px;font-weight:800;transform:translateX(-3px);z-index:2}.tactic-playback{position:absolute;inset:0;z-index:8;background:#123f30;display:grid;place-items:center;pointer-events:none}.tactic-playback svg{width:100%;height:100%;object-fit:contain}
@media(max-width:850px){.tactic-layout{grid-template-columns:1fr}}
.stage-wrap{padding-right:116px}.stage-wrap .vertical-tools{width:116px;padding:8px 7px;align-items:stretch;gap:10px}.basic-tools{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.advanced-tools{border-top:1px solid #426b50;padding-top:9px}.basic-tools .rail-caption,.advanced-tools .rail-caption{display:block;text-align:center;margin-bottom:5px}.basic-tools .rail-caption{grid-column:1/-1}.advanced-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.vertical-tools .tool{width:48px;height:43px;min-width:0;padding:0 2px}.basic-tools .tool,.advanced-tool-grid .tool{width:100%}.basic-tools #penSettingsButton{grid-column:1/-1}.basic-tools .pen-settings{top:auto;bottom:0;right:calc(100% + 12px)}
.tactic-scene-panel{position:absolute;inset:0;z-index:7;box-sizing:border-box;margin:0;padding:12px;overflow:auto;border:0;border-radius:0;background:#f7fbf8}.tactic-layout{grid-template-columns:minmax(0,2fr) minmax(205px,1fr)}.tactic-layout svg{display:block;max-width:100%;height:auto}.tactic-playback{z-index:8}
@media(max-width:1000px){.stage-wrap{padding-right:110px}.stage-wrap .vertical-tools{width:110px}.vertical-tools .tool{width:45px;height:41px}}
@media(max-width:740px){.stage-wrap{padding-right:104px}.stage-wrap .vertical-tools{width:104px;padding:5px 4px}.vertical-tools .tool{width:44px;height:37px}.basic-tools .rail-caption,.advanced-tools .rail-caption{display:block}.basic-tools .pen-settings{right:calc(100% + 8px)}.tactic-layout{grid-template-columns:1fr}.tactic-scene-panel{padding:9px}}