:root{color:#252333;--accent:#6644f9;--muted:#696575;--surface:#fff;--edge:#8874a5;-webkit-font-smoothing:antialiased;background:#f5f5f9;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input{font:inherit}button{min-height:44px;color:inherit;background:var(--surface);cursor:pointer;white-space:nowrap;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:500;display:inline-flex}button:hover:not(:disabled){background:#efebfa}button:disabled{opacity:.4;cursor:default}button:focus-visible,summary:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.icon{flex-shrink:0;width:18px;height:18px}h1,h2,h3,p{margin:0}h1{font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:700}h2{font-size:16px;font-weight:500}h3{font-size:14px;font-weight:500}p{line-height:1.6}.app{grid-template-rows:auto auto 1fr auto;min-height:100vh;display:grid}.topbar{background:var(--surface);flex-wrap:wrap;align-items:center;gap:16px;min-height:72px;padding:16px 32px;display:flex}.subtitle{font-size:16px;font-weight:500}.save-status{align-items:center;gap:8px;margin-inline-start:auto;font-size:13px;display:flex}.save-status--saved{color:#367258}.save-status--failed{color:#b02942}.toolbar{flex-wrap:wrap;align-items:center;gap:16px 24px;padding:12px 32px;display:flex}.tool-group,.history-group,.camera-group{gap:8px;display:flex}.tool-group{background:#eae7f0;border-radius:12px;gap:2px;padding:2px}.tool-group button{min-width:106px}.tool-group button[aria-pressed=true]{background:var(--accent);color:#fff}.tool-group button[aria-pressed=true] .icon{filter:brightness(0)invert()}.tool-group button:not([aria-pressed=true]) .icon{filter:brightness(.25)}.clear-button{margin-inline-start:auto}.workspace{grid-template-columns:minmax(0,1fr) 352px;gap:24px;margin:0 32px 32px;display:grid}.panel{background:var(--surface);border-radius:20px;min-width:0}.panel-heading{justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:16px 24px;display:flex}.panel-heading span{color:var(--muted);font-size:13px}.scene-panel{flex-direction:column;display:flex}.cube-scene{touch-action:none;border-radius:12px;flex:1;height:max(360px,100vh - 360px);min-height:360px;position:relative;overflow:hidden}.cube-scene canvas{touch-action:none;display:block}.cube-scene canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.tool-add,.tool-delete{cursor:crosshair}.tool-observe{cursor:grab}.cube-scene:active{cursor:grabbing}.cube-scene>p,.cube-scene [role=alert]{color:#b02942;padding:24px}.scene-controls{flex-direction:column;align-items:center;gap:8px;padding:12px 16px 16px;display:flex}.camera-group{background:#f4f2f7;border-radius:12px;gap:4px;max-width:100%;padding:2px}.camera-group button{padding-inline:16px}.camera-group button[aria-pressed=true]{color:#4d2ac3;background:#eae3fb}.scene-controls p{color:var(--muted);text-align:center;font-size:13px}.coordinate-editor{color:var(--muted);max-width:100%;font-size:12px}.coordinate-editor summary{cursor:pointer;text-align:center;min-height:24px;padding:4px 12px}.coordinate-editor form{flex-wrap:wrap;justify-content:center;align-items:end;gap:8px;padding:12px 0;display:flex}.coordinate-editor label{gap:4px;display:grid}.coordinate-editor input{color:#252333;border:1px solid #b8afc8;border-radius:8px;width:62px;min-height:44px;padding:6px;font-size:16px}.coordinate-editor button{background:#eee9fb}.edit-notice:empty{display:none}.edit-notice{font-size:13px}.projections{flex-direction:column;display:flex}.projection-card{cursor:pointer;flex-direction:column;flex:1;padding:8px 24px 12px;display:flex}.projection-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.projection-heading button{background:0 0;border-radius:4px;min-height:32px;padding:0}.projection-heading button[aria-pressed=true]{color:var(--accent);text-underline-offset:5px;text-decoration:underline}.projection-heading span{color:var(--muted);font-size:12px}.projection-grid{max-width:100%;height:124px;margin:4px auto;display:block;overflow:visible}.projection-cell{fill:#eae3f6;cursor:pointer}.projection-cell:hover{fill:#d4c5f7}.projection-cell.is-related{fill:#b59bf4}.projection-cell:focus-visible{stroke:#4d2ac3;stroke-width:.09px;outline:none}.projection-grid-lines{fill:none;stroke:var(--edge);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.projection-cell-outline{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:none}.projection-hint{color:var(--muted);padding:16px 24px 20px;font-size:12px}.footer{background:var(--surface);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:12px 20px;min-height:64px;padding:20px 32px;font-size:14px;display:flex}.unit-hint{color:var(--muted);margin-inline-start:auto;font-size:13px}.storage-alert{color:#892d2d;background:#fff2ed;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 32px;display:flex}.storage-alert p{flex:100%}.skip-link{z-index:5;background:#fff;padding:12px;position:absolute;top:-80px;left:16px}.skip-link:focus{top:8px}@media (prefers-reduced-motion:no-preference){button{transition:background-color .12s,transform .12s}button:active:not(:disabled){transform:scale(.96)}}@media (max-width:1064px){.workspace{grid-template-columns:minmax(0,1fr)}.cube-scene{flex:auto;height:440px}.projections{min-height:650px}}@media (max-width:600px){.topbar{gap:8px 12px;padding:16px}.save-status{flex-basis:100%;margin-inline-start:0}.toolbar{gap:12px 8px;padding:12px 16px}.tool-group{width:100%}.tool-group button{flex:1;min-width:0;padding-inline:12px}.history-group{gap:4px}.history-group button,.clear-button{gap:5px;padding-inline:10px}.workspace{gap:16px;margin:0 16px 16px}.panel-heading{flex-wrap:wrap;padding:16px}.panel-heading span{font-size:12px}.cube-scene{height:320px;min-height:280px}.camera-group{width:100%}.camera-group button{flex:1;gap:4px;padding-inline:5px;font-size:13px}.scene-controls{padding-inline:12px}.projection-card{padding-inline:16px}.footer{padding:16px;font-size:13px}.unit-hint{flex-basis:100%;margin-inline-start:0}.storage-alert{padding:16px}}