:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#111827;background:#f5f5f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,select{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100%;overflow:hidden;background:linear-gradient(#fff 0 42%,#f8fafc 42% 100%)}.topbar{height:58px;padding:max(7px,env(safe-area-inset-top)) 14px 7px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;position:relative}.brand{display:flex;align-items:center;min-width:0;gap:8px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:#2267a8;border:1px solid #134c7f}.brand strong,.product-strip strong{display:block;font-size:16px;line-height:1.2;letter-spacing:0}.brand span,.product-strip span{display:block;margin-top:2px;color:#64748b;font-size:10px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-menu{width:38px;height:38px;border-radius:50%;border:2px solid #3152ff;background:#fff;display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 8px 18px #3152ff26}.round-menu span{width:4px;height:4px;border-radius:50%;background:#3152ff}.product-strip{height:50px;padding:7px 14px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;position:relative;z-index:5}.product-strip select{max-width:42%;min-height:30px;padding:0 8px;border:1px solid #d6d3d1;background:#fff;color:#334155;font-size:12px}.stage{position:absolute;inset:108px 0 100px;min-height:260px}.app-shell.is-exploded .stage{bottom:142px}.app-shell.is-motion .stage,.app-shell.has-selection .stage{bottom:188px}.viewer{width:100%;height:100%}.state-layer{position:absolute;inset:0;display:grid;place-items:center;background:#ffffffbd;font-weight:700;color:#334155;z-index:2}.state-layer.error{color:#b91c1c}.plate-chip{position:absolute;left:18px;right:76px;bottom:12px;min-height:76px;padding:8px;background:#ffffffeb;border:1px solid #dbeafe;box-shadow:0 12px 28px #0f172a1f;z-index:4}.plate-chip-main{display:flex;align-items:center;gap:8px;min-width:0}.plate-code{flex:0 0 auto;min-width:58px;padding:5px 7px;background:#3152ff;color:#fff;font-size:12px;font-weight:800;text-align:center}.plate-chip-main div{min-width:0}.plate-chip strong,.plate-chip-main span:not(.plate-code){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate-chip-main span:not(.plate-code){margin-top:2px;color:#2563eb;font-size:12px}.plate-chip-actions{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.plate-chip-actions button{min-height:30px;padding:0 6px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}.rail{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;gap:7px;z-index:4}.rail button{width:56px;min-height:58px;border:0;background:transparent;color:#111827;display:grid;justify-items:center;gap:3px}.rail button svg{width:38px;height:38px;padding:8px;color:#3152ff;background:#fff;box-shadow:0 8px 22px #3152ff24}.rail button span{font-size:10px;line-height:1.1}.action-dock{position:absolute;left:0;right:0;bottom:22px;padding:7px 8px 8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;background:#fffffff0;box-shadow:0 -12px 28px #0f172a1f;z-index:8}.explode-control{grid-column:1 / -1;min-height:42px;padding:7px 10px;border:1px solid #bfdbfe;background:#f8fbff;display:grid;grid-template-columns:auto 32px minmax(0,1fr) 32px;align-items:center;gap:8px}.explode-control div{min-width:84px}.explode-control span,.explode-control strong{display:block;line-height:1.1}.explode-control span{color:#475569;font-size:11px}.explode-control strong{margin-top:3px;color:#3152ff;font-size:15px}.explode-control input{width:100%;accent-color:#3152ff}.explode-step{width:32px;height:32px;min-height:32px;padding:0;border:1px solid #bfdbfe;background:#fff;color:#3152ff;display:grid;place-items:center}.assembly-control{grid-column:1 / -1;padding:8px 10px;border:1px solid #bfdbfe;background:#f8fbff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center}.assembly-status{min-width:0}.assembly-status span,.assembly-status strong,.assembly-status em{display:block;line-height:1.18}.assembly-status span{color:#475569;font-size:11px}.assembly-status strong{margin-top:2px;color:#3152ff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assembly-status em{margin-top:2px;color:#64748b;font-size:11px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assembly-buttons{display:grid;grid-template-columns:repeat(4,32px);gap:5px}.assembly-buttons button{width:32px;min-height:32px;padding:0;border-width:1px}.assembly-buttons button:disabled{color:#94a3b8;border-color:#cbd5e1;background:#f8fafc}.assembly-control>input{grid-column:1 / -1;width:100%;accent-color:#3152ff}.action-dock button{min-height:42px;border:2px solid #3152ff;background:#fff;color:#3152ff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;overflow:hidden;white-space:nowrap}.action-dock button.active{color:#fff;background:#3152ff}.safe-note{position:absolute;left:0;right:0;bottom:0;height:22px;display:grid;place-items:center;color:#64748b;background:#f1f5f9;font-size:10px;z-index:8}.sheet-backdrop{position:fixed;inset:0;background:#1118276b;z-index:20;display:flex;align-items:flex-end}.sheet{width:100%;max-height:min(74vh,760px);background:#fff;border:8px solid rgba(17,24,39,.38);border-bottom:0;overflow:hidden}.sheet-header{min-height:68px;padding:0 18px 0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb}.sheet-header h2{margin:0;font-size:20px;letter-spacing:0}.icon-button{width:42px;height:42px;border:0;background:#fff;color:#475569;display:grid;place-items:center}.locate-panel{padding:18px;display:grid;gap:12px}.locate-panel input{width:100%;min-height:48px;padding:0 12px;border:1px solid #d6d3d1;font-size:16px}.locate-actions{display:grid;grid-template-columns:1fr .8fr;gap:10px}.locate-actions button{min-height:44px;border:1px solid #3152ff;background:#3152ff;color:#fff;font-weight:700}.locate-actions button+button{border-color:#d6d3d1;background:#fff;color:#1f2937}.locate-panel p{margin:0;color:#64748b;font-size:13px;line-height:1.45}.sheet-content{max-height:calc(min(74vh,760px) - 68px);overflow:auto}.accordion-item{border-bottom:1px solid #e5e7eb}.accordion-trigger{width:100%;min-height:62px;padding:0 22px;border:0;background:#f8fafc;display:flex;align-items:center;gap:16px;font-size:19px;color:#1f2937}.accordion-trigger span{flex:1;text-align:center}.accordion-trigger em{font-size:13px;font-style:normal;color:#64748b}.cabinet-picker{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cabinet-tile{min-height:152px;border:1px solid #e7e5e4;background:#fff;color:#1f2937;display:grid;place-items:center;padding:14px}.cabinet-tile.active{border-color:#3152ff;color:#3152ff}.tile-preview{width:92px;height:76px;display:grid;place-items:center;background:#075985;color:#fff}.cabinet-thumb{background:linear-gradient(135deg,#075985 0 50%,#c58b54 50% 100%)}.cabinet-tile strong{margin-top:8px;font-size:18px}.cabinet-tile small{color:#64748b}.dimension-summary{padding:16px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dimension-summary div,.selected-card{border:1px solid #e5e7eb;padding:12px;background:#fbfbf9}.dimension-summary span,.selected-card span{display:block;color:#64748b;font-size:13px}.dimension-summary strong,.selected-card strong{display:block;margin-top:5px;font-size:18px;word-break:break-word}.selected-card{margin:0 18px 16px;border-color:#bfdbfe}.selected-card p{margin:6px 0 0;color:#2563eb}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:640px;font-size:14px}th,td{padding:11px 12px;border-bottom:1px solid #e5e7eb;text-align:left}th{color:#475569;background:#f8fafc;position:sticky;top:0}.qr-panel{padding:24px 18px 30px;display:grid;justify-items:center;gap:14px}.qr-panel img,.qr-placeholder{width:min(280px,72vw);aspect-ratio:1;border:1px solid #e5e7eb;background:#fff}.qr-panel p{margin:0;max-width:100%;color:#334155;word-break:break-all;text-align:center}.material-list{padding:16px 18px 22px;display:grid;gap:12px}.material-row{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #e5e7eb}.swatch{width:46px;height:46px;border:1px solid #cbd5e1;flex:0 0 auto}.material-row strong,.material-row p{display:block;margin:0}.material-row p{margin-top:4px;color:#64748b}@media(min-width:760px){.app-shell{max-width:980px;margin:0 auto;min-height:100vh;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.stage{inset:108px 0 96px}.app-shell.is-exploded .stage{bottom:136px}.app-shell.is-motion .stage,.app-shell.has-selection .stage{bottom:176px}.action-dock{grid-template-columns:repeat(6,minmax(0,1fr))}.sheet{width:min(820px,92vw);margin:0 auto}}@media(max-width:430px){.stage{inset:100px 0 92px}.app-shell.is-exploded .stage{bottom:138px}.app-shell.is-motion .stage,.app-shell.has-selection .stage{bottom:184px}.brand strong,.product-strip strong{font-size:15px}.rail{right:5px;gap:6px}.rail button{width:52px;min-height:54px}.rail button svg{width:36px;height:36px}.rail button span{font-size:10px}.action-dock{gap:6px;padding:6px 7px 7px}.action-dock button{min-height:40px;font-size:12px;gap:5px}.cabinet-picker{grid-template-columns:1fr}}