*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{color:#0b2545;background:#0d1b2e;font-family:Noto Sans TC,-apple-system,PingFang TC,sans-serif}button{cursor:pointer;border:none;font-family:inherit}.app{flex-direction:column;height:100dvh;display:flex}.topbar{color:#fff;z-index:10;background:linear-gradient(#10233c,#0c1c31);border-bottom:1px solid #0abab559;flex-wrap:nowrap;align-items:center;gap:10px;height:52px;padding:0 16px;display:flex;overflow-x:auto}.topbar::-webkit-scrollbar{display:none}.brand{letter-spacing:1.5px;white-space:nowrap;align-items:center;gap:7px;margin-right:4px;font-size:15px;font-weight:900;display:flex}.brand-bolt{background:linear-gradient(135deg,#0abab5,#067e7a);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex;box-shadow:0 0 12px #0abab58c}.proj-name{color:#fff;background:0 0;border:none;border-bottom:1.5px solid #ffffff40;width:160px;padding:6px 4px;font-size:14px;font-weight:700}.proj-name::placeholder{color:#fff6}.proj-name:focus{border-bottom-color:#0abab5;outline:none}.co-select{color:#fff;background:#ffffff14;border:1px solid #ffffff38;border-radius:8px;padding:5px 4px;font-size:12px;font-weight:700}.co-select option{color:#0b2545}.spacer{flex:1}.save-state{color:#5eead4;min-width:14px;font-size:13px}button{color:#0b2545;background:#e2e8f0;border-radius:9px;padding:8px 13px;font-size:13px;transition:transform 80ms,box-shadow .15s,background .15s}button:active{transform:scale(.95)}button.primary{color:#fff;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(120deg,#0abab5,#079a91);font-weight:800;box-shadow:0 0 14px #0abab566}button.primary:hover{box-shadow:0 0 20px #0abab5a6}button.ghost{color:#e6f7f6;white-space:nowrap;background:#ffffff14;border:1px solid #fff3}button.ghost:hover{background:#ffffff29}button:disabled{opacity:.4;cursor:default}button.danger{color:#fff;background:#dc2626}button.mini{color:#0a6e6b;background:#e8f4f3;padding:6px 10px;font-size:11px;font-weight:700}.floorbar{align-items:center;gap:5px;display:flex}.floor-tab{color:#ffffffd9;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;padding:6px 12px;font-size:12.5px}.floor-tab.active{color:#5eead4;background:#0abab52e;border-color:#0abab5;font-weight:800;box-shadow:inset 0 0 12px #0abab526}.floor-x{opacity:.5;margin-left:7px}.floor-x:hover{opacity:1}.floor-add{color:#5eead4;white-space:nowrap;background:0 0;border:1.5px dashed #5eead480;border-radius:8px}.floor-add:hover{background:#0abab51a}.main{flex:1;min-height:0;display:flex;position:relative}.toolbar{background:linear-gradient(#0f2038,#0c1a2c);border-right:1px solid #0abab540;flex-direction:column;gap:9px;width:128px;padding:10px 8px;display:flex;overflow-y:auto}.toolbar::-webkit-scrollbar{width:0}.tool-group{width:100%}.tool-group-label{color:#4fd1cb;letter-spacing:4px;align-items:center;gap:6px;padding:0 2px 6px;font-size:9.5px;font-weight:800;display:flex}.tool-group-label i{background:#4fd1cb40;flex:1;height:1px}.tool-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.tool-btn{background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 5px;display:flex}.tool-btn:hover{background:#ffffff0f}.tool-btn.active{background:#0abab529;border-color:#0abab5;box-shadow:0 0 10px #0abab559,inset 0 0 8px #0abab51f}.tool-btn.active .tool-label{color:#5eead4;font-weight:800}.tool-badge{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:800;display:flex;box-shadow:0 2px 5px #00000059}.tool-label{color:#ffffffa6;white-space:nowrap;font-size:10px}.line-kind-select{color:#5eead4;background:#0f2038;border:1.5px solid #0abab5;border-radius:7px;width:100%;margin-top:5px;padding:4px;font-size:12px;font-weight:700}.canvas-wrap{background-color:#ecf2f4;background-image:radial-gradient(#0b254521 1px,#0000 1px);background-size:22px 22px;flex:1;position:relative;overflow:hidden}.canvas-wrap.placing{cursor:crosshair}.canvas-empty{background-color:#ecf2f4;background-image:radial-gradient(#0b254521 1px,#0000 1px);background-size:22px 22px;flex:1;justify-content:center;align-items:center;display:flex}.empty-card{text-align:center;color:#47606f;background:#fff;border:1px solid #e3ecee;border-radius:22px;padding:44px 64px;box-shadow:0 14px 44px #0b254524,0 2px 8px #0b254514}.empty-icon{margin-bottom:12px;font-size:44px}.empty-sub{color:#8aa0ab;margin-top:6px;font-size:12px}.canvas-hint{color:#c9f5f3;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1b2ee0;border:1px solid #0abab54d;border-radius:20px;padding:7px 18px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000004d}.line-actions{z-index:6;gap:8px;display:flex;position:absolute}.line-btn{background:#fff;border-radius:24px;padding:10px 16px;font-size:15px;font-weight:800;box-shadow:0 4px 16px #0d1b2e59}.line-btn.done{color:#fff;background:linear-gradient(120deg,#0abab5,#079a91)}.line-btn.cancel{color:#b91c1c;background:#fee2e2}.sel-actions{z-index:6;gap:6px;display:flex;position:absolute}.sel-actions button{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:17px;display:flex;box-shadow:0 4px 14px #0d1b2e59}.sel-actions button.del{background:#fee2e2}.ortho-toggle{z-index:6;color:#c9f5f3;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1b2ee0;border:1px solid #0abab559;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.ortho-toggle input{accent-color:#0abab5}.zoom-widget{z-index:6;background:#fff;border-radius:14px;flex-direction:column;display:flex;position:absolute;bottom:50px;right:14px;overflow:hidden;box-shadow:0 6px 20px #0d1b2e47}.zoom-widget button{color:#0b2545;background:#fff;border-radius:0;width:44px;height:42px;padding:0;font-size:18px;font-weight:800}.zoom-widget button+button{border-top:1px solid #eef2f4}.zoom-widget button:hover{color:#0a8f8b;background:#e8f6f5}.side{background:#f7fafa;border-left:1px solid #dde7e9;flex-direction:column;gap:12px;width:258px;padding:12px;display:flex;overflow-y:auto}.sheet-handle{display:none}.panel-title{color:#0b2545;align-items:center;gap:6px;margin-bottom:8px;font-size:12.5px;font-weight:800;display:flex}.panel-title:before{content:"";background:linear-gradient(#0abab5,#067e7a);border-radius:2px;width:4px;height:14px}.panel-hint{color:#94a3b8;font-size:10px;font-weight:400}.stats,.view-card{background:#fff;border:1px solid #e3ecee;border-radius:14px;padding:12px;box-shadow:0 2px 8px #0b25450d}.stats table{border-collapse:collapse;width:100%;font-size:12px}.stats th{color:#64748b;font-weight:700}.stats th,.stats td{text-align:center;border-bottom:1px solid #f1f5f9;padding:5px 6px}.stats td:first-child{text-align:left;white-space:nowrap}.stats .total{color:#0a8f8b;font-weight:800}.stat-row{cursor:pointer}.stat-row:hover{background:#effaf9}.tv-sizes{color:#64748b;margin-top:6px;font-size:11px}.props{background:#fff;border:1px solid #e3ecee;border-radius:14px;flex-direction:column;gap:9px;padding:12px;display:flex;box-shadow:0 2px 8px #0b25450d}.props label{color:#334155;flex-direction:column;gap:3px;font-size:12px;font-weight:600;display:flex}.props label.row{flex-direction:row;align-items:center;gap:6px}.props input,.props select,.props textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 9px;font-family:inherit;font-size:13px;font-weight:400}.props input:focus,.props select:focus,.props textarea:focus{outline:2px solid #0abab580}.props input[type=range]{accent-color:#0abab5;border:none;padding:0}.props-actions{gap:8px;margin-top:2px;display:flex}.color-row{gap:6px;padding:4px 0;display:flex}.color-dot{cursor:pointer;border:2.5px solid #0000;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 3px #0003}.color-dot.on{border-color:#7c4dff}.line-swatch{vertical-align:middle;border-radius:2px;width:14px;height:4px;margin-right:4px;display:inline-block}.view-card .scale-row{color:#334155;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.view-card .scale-row input{accent-color:#0abab5;flex:1}.view-card .scale-row b{color:#0a8f8b}@media (width<=900px){.side{z-index:8;border-top:2px solid #0abab5;border-left:none;border-radius:18px 18px 0 0;width:auto;max-height:46vh;padding-top:0;transition:transform .22s;position:absolute;bottom:0;left:0;right:0;transform:translateY(calc(100% - 34px));box-shadow:0 -8px 28px #0d1b2e59}.side.open{transform:translateY(0)}.sheet-handle{color:#0a8f8b;background:#f7fafa;border-bottom:1px solid #e3ecee;border-radius:18px 18px 0 0;width:100%;padding:8px;font-size:12px;font-weight:800;display:block;position:sticky;top:0}.toolbar{width:118px}.brand{gap:0;font-size:0}.brand-bolt{font-size:14px}.proj-name{width:100px}}