*,*:before,*:after{box-sizing:border-box}*:focus{outline:0!important}:root{color:#f0f0f0;--app-color: rgb(39, 58, 139);font-family:Roboto,sans-serif;background:linear-gradient(360deg,#101015 1%,#161618);height:100vh;--sel-color: #36b146}body{margin:0;padding:0;touch-action:none;overscroll-behavior:none;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{visibility:hidden}::-webkit-scrollbar-thumb{background:#7e7c7c;border-radius:10px}.device-list.svelte-s6hvml{margin-bottom:20px}.device-item.svelte-s6hvml{background:#1a1919;border:1px solid #ddd;border-radius:4px;padding:10px;margin-bottom:10px;cursor:grab;transition:all .2s}.device-item.svelte-s6hvml:hover{background:#131313;border-color:#999}.device-item.svelte-s6hvml:active{cursor:grabbing}.device-name.svelte-s6hvml{font-weight:700;margin-bottom:5px;color:#fff}.device-info.svelte-s6hvml{color:#666}.sidebar.svelte-vjdfpv{background-color:#141414;overflow-y:auto;height:100vh}.tabs.svelte-vjdfpv{display:flex;background:#2a2a2a;align-items:center;min-height:48px;padding-left:5px}.tab-btn.svelte-vjdfpv{background:transparent;color:#ccc;border:none;padding:12px 15px;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.tab-btn.svelte-vjdfpv:hover{background:#333;color:#fff}.tab-btn.active.svelte-vjdfpv{color:#fff;background:#222;border-bottom:3px solid var(--sel-color)}.content.svelte-vjdfpv{padding:20px;overflow-y:auto;height:calc(100vh - 48px)}.tool-pos.svelte-1iw6nk6{color:#c9c7c7;font-size:12px;font-family:Arial,sans-serif;flex-grow:1;text-align:right}.canvas-container.svelte-1iw6nk6{width:100%;height:100%;position:relative;overflow:hidden}canvas.svelte-1iw6nk6{border:1px solid #302f2f;cursor:crosshair;display:block;width:100%;height:100%;outline:none}.toolbar.svelte-1iw6nk6{background:#2a2a2a;border-bottom:1px solid #444;padding:8px 16px;display:flex;align-items:center;gap:4px;min-height:50px;flex-wrap:wrap}.toolbar-btn.svelte-1iw6nk6{background:#404040;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap;border:transparent 1px solid}.toolbar-btn.svelte-1iw6nk6:hover:not(:disabled){background:#505050;border-color:#666}.toolbar-btn.svelte-1iw6nk6:active:not(:disabled){background:#353535}.toolbar-btn.svelte-1iw6nk6:disabled{background:#2a2a2a;color:#666;border-color:#333;cursor:not-allowed;border:#333 1px solid}.clear-btn.svelte-1iw6nk6:hover:not(:disabled){background:#d32f2f;border-color:#f44336}@media (max-width: 800px){.toolbar.svelte-1iw6nk6{gap:12px}}.settings.svelte-1omv8on{background:#1a1a1a;border-top:1px solid #444;height:100%;display:flex;flex-direction:column}.tabs.svelte-1omv8on{display:flex;background:#2a2a2a;border-bottom:1px solid #444;align-items:center;min-height:48px;padding-left:5px}.tab-btn.svelte-1omv8on{background:transparent;color:#ccc;border:none;padding:12px 15px;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.tab-btn.svelte-1omv8on:hover{background:#333;color:#fff}.tab-btn.active.svelte-1omv8on{color:#fff;background:#222;border-bottom:3px solid var(--sel-color)}.minimize-btn.svelte-1omv8on{margin-left:auto;background:transparent;color:#ccc;border:none;padding:8px 12px;cursor:pointer;border-radius:4px;transition:all .2s;font-size:12px;margin-right:8px}.minimize-btn.svelte-1omv8on:hover{background:#444;color:#fff}.tab-content.svelte-1omv8on{flex:1;padding:16px;overflow-y:auto}.content-section.svelte-1omv8on{margin-bottom:24px}.content-section.svelte-1omv8on h4:where(.svelte-1omv8on){margin:0 0 12px;color:#fff;font-size:14px;font-weight:700;border-bottom:1px solid #333;padding-bottom:4px}main.svelte-1oaque2{font-family:Arial,sans-serif;height:100vh;margin:0;padding:0}.container.svelte-1oaque2{display:flex;height:100vh}.sidbar-area.svelte-1oaque2{min-width:200px;max-width:50vw;overflow:hidden;flex-shrink:0}.horizontal-resizer.svelte-1oaque2{width:5px;background:#666;cursor:col-resize;border-left:1px solid #666;border-right:1px solid #666;transition:background-color .2s;flex-shrink:0}.horizontal-resizer.svelte-1oaque2:hover,.horizontal-resizer.resizing.svelte-1oaque2{background:var(--sel-color)}.main-content.svelte-1oaque2{flex:1;display:flex;flex-direction:column;overflow:hidden}.canvas-area.svelte-1oaque2{flex:1;position:relative;overflow:hidden;min-height:200px}.vertical-resizer.svelte-1oaque2{height:5px;background:#666;cursor:row-resize;border-top:1px solid #666;border-bottom:1px solid #666;transition:background-color .2s;flex-shrink:0}.vertical-resizer.svelte-1oaque2:hover,.vertical-resizer.resizing.svelte-1oaque2{background:var(--sel-color)}.settings-area.svelte-1oaque2{min-height:50px;max-height:calc(100vh - 200px);overflow:hidden;flex-shrink:0}