:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft JhengHei,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#1e1e1e;color:#eee}#app{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#262626;border-bottom:1px solid #333;gap:.5rem;flex-wrap:wrap;z-index:20}.topbar h1{font-size:1rem;font-weight:600}.actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}select,.upload-btn,.tool-btn{background:#333;color:#eee;border:1px solid #444;border-radius:6px;padding:.4rem .8rem;font-size:.9rem;cursor:pointer;user-select:none;white-space:nowrap}.upload-btn:hover,select:hover,.tool-btn:hover{background:#3d3d3d}.tool-btn.active{background:#0a84ff;border-color:#0a84ff;color:#fff}.main{flex:1;display:flex;overflow:hidden;position:relative}#viewer-container{position:relative;flex:1;overflow:hidden}#viewer-container canvas{display:block;touch-action:none}#props-panel{width:280px;background:#232323;border-left:1px solid #333;padding:.75rem;overflow-y:auto;font-size:.85rem;position:relative}#props-panel .panel-close{position:absolute;top:.4rem;right:.5rem;background:transparent;color:#aaa;border:none;font-size:1.4rem;cursor:pointer;padding:.2rem .5rem;border-radius:4px;display:none}#props-panel .panel-close:hover{background:#333;color:#fff}#props-panel .hint{color:#888;text-align:center;margin-top:1rem}#props-panel .kv{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid #2e2e2e;gap:.5rem}#props-panel .kv .k{color:#999;font-size:.78rem;flex-shrink:0}#props-panel .kv .v{color:#eee;word-break:break-all;text-align:right}#status{position:fixed;bottom:.5rem;left:.5rem;right:.5rem;padding:.5rem .8rem;background:#000000a6;border-radius:6px;font-size:.85rem;pointer-events:none;text-align:center;backdrop-filter:blur(6px);max-width:800px;margin:0 auto;z-index:5}@media (max-width: 900px){#props-panel{width:240px}}@media (max-width: 700px){.topbar{padding:.5rem .6rem}.topbar h1{font-size:.9rem}select,.upload-btn,.tool-btn{font-size:.78rem;padding:.35rem .55rem}#props-panel{position:absolute;right:0;top:0;bottom:0;width:78%;max-width:320px;z-index:30;box-shadow:-4px 0 16px #0009;transform:translate(100%);transition:transform .22s ease-out;padding-top:2rem}#props-panel.open{transform:translate(0)}#props-panel .panel-close{display:block}}