:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#222c36;background:#f4f5f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,a{font:inherit}button,select,.actions a{min-height:40px;border:1px solid #d7dce1;border-radius:8px;background:#fff;color:inherit;padding:7px 12px;white-space:nowrap}button,a,select{touch-action:manipulation}button{cursor:pointer}button:hover,.actions a:hover{background:#edf1f5}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}a:not([href]){opacity:.4;pointer-events:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #7aaada;outline-offset:2px}[hidden]{display:none!important}main{min-height:100dvh;display:flex;flex-direction:column}#tabs{display:flex;gap:6px;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));overflow:auto;background:#fff;border-bottom:1px solid #dfe4e8;flex:none}#tabs button{border-color:transparent;background:transparent;min-width:105px;font-weight:600}#tabs button[aria-selected=true]{color:white;background:#263f56;border-color:#263f56}#plan-viewer{position:relative;flex:1;min-height:280px;background:white}#plan-stage{position:relative;width:100%;height:calc(100dvh - 178px);min-height:280px;overflow:hidden}#plan-svg{width:100%;height:100%;display:block;touch-action:none;user-select:none;cursor:grab}#plan-svg:active{cursor:grabbing}#plan-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#5e6a76;font-size:14px;pointer-events:none}#bottom{padding:8px max(12px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#f7f8f9;border-top:1px solid #dfe4e8}.toolbar,.actions,.versions{display:flex;align-items:center;gap:7px}.toolbar{justify-content:space-between;flex-wrap:wrap}.versions{flex:1;min-width:235px}.versions label{font-size:13px;color:#697581}.versions select{max-width:100%;min-width:200px;flex:1}.actions{flex-wrap:wrap;font-size:13px}.actions button{padding:7px 10px}#zoom-value{min-width:40px;text-align:center;font-variant-numeric:tabular-nums;font-size:12px}.caption{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:12px;color:#6d7883;margin-top:7px;line-height:1.5}#plan-source{flex:1}#plan-status{white-space:nowrap}.notice{font-size:10px;color:#88929b;margin:4px 0 0}.is-fullscreen{position:fixed!important;inset:auto!important;left:var(--viewer-left,0)!important;top:var(--viewer-top,0)!important;width:var(--viewer-width,100vw)!important;height:var(--viewer-height,100dvh)!important;min-height:0!important;z-index:9999;background:#fff!important}.is-fullscreen #plan-stage{width:100%;height:100%;min-height:0}.is-fullscreen #fullscreen-ui{position:absolute;inset:0;pointer-events:none;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))}.fs-top{display:flex;gap:8px;align-items:center}.fs-top>*{pointer-events:auto;box-shadow:0 2px 10px #20304018}.fs-top strong{font-size:13px;background:#fffffff0;border-radius:8px;padding:9px 12px;margin-right:auto;pointer-events:none}#fullscreen-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;max-width:650px;pointer-events:auto;background:#fffffff2;padding:7px;border:1px solid #e1e5e9;border-radius:10px;box-shadow:0 3px 15px #20304012}#fullscreen-tools select{max-width:100%;flex:1;min-width:150px}.fs-actions{display:flex;gap:5px}#fullscreen-tools button{font-size:13px}#plan-viewer:fullscreen{width:100vw!important;height:100vh!important;left:0!important;top:0!important}#plan-viewer:-webkit-full-screen{width:100vw!important;height:100vh!important;left:0!important;top:0!important}@media(max-width:760px){#plan-stage{height:calc(100dvh - 218px)}.toolbar{gap:7px}.versions{width:100%}.actions{width:100%;justify-content:flex-end}.caption{align-items:flex-start}#plan-status{font-size:11px}#tabs button{min-width:96px;padding-inline:10px}}@media(max-width:430px){.actions{gap:4px}.actions button,.actions a{padding:7px 8px}.caption{display:block}#plan-status{display:block}.notice{margin-top:2px}}
/* Version contact sheet: pointer gestures stay inside this native scroll strip. */
#plan-stage{height:calc(100dvh - 265px)}
.filmstrip-row{display:flex;align-items:center;gap:7px;margin-bottom:7px;min-width:0}.filmstrip-row>button{flex:none;width:35px;padding:0;font-size:27px;height:52px;border-color:transparent;background:transparent}.filmstrip-row>button:disabled{opacity:.22}.version-strip{position:relative;display:flex;flex:1;gap:7px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;padding:3px 2px 5px}.thumbnail{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;width:96px;height:85px;padding:4px;border:1px solid #d9dfe4;border-radius:7px;background:white;touch-action:pan-x}.thumbnail img{display:block;width:84px;height:55px;object-fit:contain;pointer-events:none}.thumbnail span{font-size:11px;line-height:16px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.thumbnail[aria-pressed=true]{border:2px solid #263f56;padding:3px;background:#eaf0f5;box-shadow:0 0 0 1px #263f5620;color:#203d58}.version-label{display:flex;align-items:center;gap:9px;font-size:12px;min-width:150px}.version-label span{color:#87919a;font-variant-numeric:tabular-nums}#fullscreen-tools{max-width:540px}#fullscreen-tools>.fs-filmstrip{width:100%;margin:0}.fs-filmstrip .thumbnail{width:83px;height:74px}.fs-filmstrip .thumbnail img{width:72px;height:46px}.fs-filmstrip .version-strip{padding-bottom:2px}.is-fullscreen #plan-stage{height:100%}@media(max-width:760px){#plan-stage{height:calc(100dvh - 285px)}.version-label{width:100%}.actions{justify-content:flex-end}.filmstrip-row{gap:2px}.filmstrip-row>button{width:28px}.thumbnail{width:88px}.thumbnail img{width:76px}.version-strip{gap:5px}}@media(max-width:430px){#plan-stage{height:calc(100dvh - 310px)}.thumbnail{width:82px}.thumbnail img{width:70px}}
#reference-warning{margin:0;padding:8px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));font-size:12px;line-height:1.5;color:#755022;background:#fff9ed;border-top:1px solid #eadfc8;flex:none}#no-cad{font-size:11px;color:#7b858d;white-space:nowrap}.is-fullscreen.has-reference{display:flex;flex-direction:column}.is-fullscreen.has-reference #plan-stage{flex:1;height:auto!important;min-height:0}.is-fullscreen #reference-warning{font-size:13px;position:relative;z-index:2;pointer-events:none}