.app{width:100vw;height:100svh;display:flex}.workspace-col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.header-height-spacer{height:var(--left-header-h,0px);flex-shrink:0}#landing-view{z-index:8000;background-image:radial-gradient(circle, var(--grid-dot) 1.4px, transparent 1.4px), radial-gradient(700px 500px at 12% -10%, #22d3ee29, transparent 60%), radial-gradient(600px 500px at 105% 15%, #a855f724, transparent 55%);background-size:24px 24px,auto,auto;background-color:var(--bg);padding:calc(24px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px));justify-content:center;display:none;position:fixed;inset:0;overflow-y:auto}#landing-view.active{display:flex}#landing-inner{width:340px;max-width:100%;margin:auto}#logo-block.landing-logo-block{height:auto;margin:40px auto}#logo-block.landing-logo-block .brand{letter-spacing:-.02em;font-size:34px}#logo-block.landing-logo-block .brand-sub{margin-top:8px;font-size:12px}#landing-view .btn-toxic{padding:8px 12px;font-size:13px}@media (height<=560px){#logo-block.landing-logo-block{margin:14px auto}#logo-block.landing-logo-block .brand{font-size:26px}}.sidebar{background:var(--panel);border-right:1px solid var(--border);scrollbar-width:none;z-index:100;flex-direction:column;width:310px;min-width:310px;height:100%;padding:12px 12px 20px;display:flex;position:relative;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar.right{border-right:none;border-left:1px solid var(--border)}.sidebar-bottom-actions{grid-template-columns:1fr 1fr;gap:8px;padding-top:16px;display:grid}.sidebar-bottom-actions .btn{padding-top:6px;padding-bottom:6px}#app-root.sidebar-locked #left-panel-edit,#app-root.sidebar-locked #rp-proj-name-wrap,#app-root.sidebar-locked #sidebar-left-bottom-actions{opacity:.45;pointer-events:none;cursor:not-allowed}#app-root.sidebar-locked.patch-mode-name-editable #rp-proj-name-wrap{opacity:1;pointer-events:auto;cursor:auto}.library{background:var(--panel);border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;align-items:flex-start;gap:10px;height:82px;padding:6px 16px 0;display:flex;overflow:auto hidden}.library::-webkit-scrollbar{display:none}.library-empty{color:var(--muted);font-family:var(--font-ui);align-items:center;font-size:12px;display:flex}.toolbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:100;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:5px 16px;display:flex}.toolbar-view{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.snap-group{border:1px solid var(--border);background:var(--panel);border-radius:8px;align-items:center;height:26px;display:flex;overflow:hidden}.snap-group .mini-btn{background:0 0;border:none;border-radius:0;height:100%}.snap-group .mini-btn.active{background:var(--toxic)}.export-layout-group{align-items:center;gap:2px;display:flex}.export-layout-group .mini-btn.active{background:var(--toxic)}.zoom-group{border:1px solid var(--border);background:var(--panel);border-radius:8px;align-items:center;gap:4px;height:26px;padding:0 0 0 8px;display:flex}.zoom-group input[type=range]{width:70px}.zoom-group input[type=range]:focus{box-shadow:none;border-color:#0000}.canvas-outer{background:var(--bg);scrollbar-width:none;flex:1;position:relative;overflow:auto}.canvas-outer::-webkit-scrollbar{display:none}#patch-card-list::-webkit-scrollbar{display:none}#rp-patch-tab-ports::-webkit-scrollbar{display:none}.canvas-outer.drag-over{background:color-mix(in srgb, var(--toxic) 12%, var(--bg))}.canvas-outer.panning{cursor:grab!important}.canvas-outer.panning-active{cursor:grabbing!important}#mode-outline-frame{pointer-events:none;z-index:200;box-sizing:border-box;border:1.5px solid #0000;width:100%;height:100%;position:sticky;inset:0}#mode-outline-frame.cabinet-edit-mode{border-color:var(--success)}#mode-outline-frame.cabinet-edit-mode.cabinet-edit-invalid{border-color:var(--danger)}#mode-outline-frame.patch-mode-outline{border-color:var(--success)}#mode-outline-frame.patch-mode-outline.patch-mode-outline-invalid{border-color:var(--danger)}#mode-outline-frame.patch-mode-outline.patch-mode-outline-overload:not(.patch-mode-outline-invalid){animation:1.4s ease-in-out infinite patch-outline-pulse}@keyframes patch-outline-pulse{0%,to{border-color:var(--success)}50%{border-color:#22c55e40}}#mode-outline-frame.patch-mode-outline.patch-mode-outline-frame-overlap:not(.patch-mode-outline-invalid){animation:1.4s ease-in-out infinite patch-outline-frame-pulse}@keyframes patch-outline-frame-pulse{0%,to{border-color:var(--success)}50%{border-color:var(--danger)}}.export-preview-col{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.export-preview-outer{-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:auto}.export-preview-outer img{object-fit:contain;background:var(--panel);max-width:100%;max-height:100%}.exp-mask-frame-overlay{pointer-events:none;position:absolute;overflow:visible}.exp-mask-frame-overlay rect{stroke:var(--display-accent,var(--toxic))}.exp-mask-frame-label{text-align:right;color:var(--display-accent,var(--toxic));pointer-events:none;font:600 13px sans-serif;position:absolute}.export-text-col{padding:24px}.export-text-col>textarea,.export-text-col>.exp-text-readonly{box-sizing:border-box;resize:none;width:100%;min-height:0;font-family:var(--font-mono);border:1px solid var(--border);background:var(--panel);color:var(--text);white-space:pre;border-radius:10px;flex:1;margin:0;padding:16px;font-size:12px;line-height:1.5;overflow:auto}.export-text-col>.exp-text-readonly{white-space:pre}.exp-pdf-nav{z-index:101;justify-content:center;align-items:center;gap:14px;height:32px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.exp-pdf-nav .btn{min-width:34px;padding:2px 10px;font-size:15px;line-height:1}.exp-pdf-nav #exp-pdf-nav-label{color:var(--text-dim);text-align:center;min-width:70px;font-size:13px}.footer-stats{font-family:var(--font-mono);color:var(--muted);background:var(--panel);border-top:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;min-height:32px;padding:5px 16px;font-size:11px;display:flex;overflow-x:auto}.footer-stats-center{flex-wrap:nowrap;align-items:center;gap:14px;display:flex}.workspace-col.export-minimal-footer #footer-stats-generated,.workspace-col.export-minimal-footer #footer-resolution,.workspace-col.export-minimal-footer #footer-tr-field{display:none!important}.footer-stats-side{align-items:center;display:flex}.footer-stats-side-right{justify-content:flex-end}#footer-right-group.footer-stats-side-right{z-index:101;height:32px;position:absolute;bottom:0;right:16px}.footer-stats span{white-space:nowrap}.stat-highlight{color:var(--toxic);font-size:12px}.footer-xyr-group{align-items:center;gap:10px;display:flex}.footer-xyr-field{border:1px solid var(--border);background:var(--panel);border-radius:7px;align-items:center;gap:4px;height:22px;padding:0 7px;display:flex}.footer-xyr-field span{color:var(--muted);-webkit-user-select:none;user-select:none;font-size:10.5px}.footer-xyr-field input{width:42px;color:var(--text);font-family:var(--font-mono);text-align:right;background:0 0;border:none;outline:none;padding:0;font-size:11px}.patch-status-panel{background:var(--panel);font-family:var(--font-mono);flex-direction:column;font-size:11px;display:flex}.patch-status-header{border-top:1px solid var(--border)}.patch-autosnake-group{border:1px solid var(--border);background:var(--panel);border-radius:8px;align-items:center;gap:0;height:26px;display:flex;overflow:hidden}.patch-autosnake-group .mini-btn{background:0 0;border:none;border-radius:0;height:100%}.patch-autosnake-icons{align-items:center;height:100%;display:flex}.patch-autosnake-icon-btn{border:none;border-left:1px solid var(--border);width:26px;height:26px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:2px;display:flex}.patch-autosnake-icon-btn:first-child{border-left:none}.patch-autosnake-icon-btn.active{background:var(--toxic);color:#000}.patch-autosnake-icon-btn svg{width:100%;height:100%}.patch-rj45-port{cursor:pointer;background:0 0;border:none;width:80%;padding:0;font-family:inherit;display:block}.patch-rj45-plate{aspect-ratio:1;background:var(--bg2);color:#fff;box-sizing:border-box;border:2px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.patch-rj45-num{color:var(--muted);font-size:9px;font-weight:700;line-height:1;position:absolute;top:2px;right:3px}.patch-rj45-icon{width:74%;height:74%}.patch-rj45-tri{width:9px;height:9px;position:absolute;bottom:0;left:0}.patch-rj45-port.active .patch-rj45-num{color:#ff8a00}.patch-rj45-port.active .patch-rj45-plate{background:var(--bg);color:#ff8a00;border-color:#ff8a00}.patch-port-label-input{font-size:12px}.sidebar-bottom-actions.patch-bottom-actions-group{padding-top:0}.patch-rj45-dot{border:1.5px solid var(--bg2);background:#2dd4ff;border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite patchPortPulse;position:absolute;bottom:4px;right:4px}.patch-rj45-port.active .patch-rj45-dot{border-color:var(--bg)}.patch-rj45-port.overloaded .patch-rj45-dot{background:var(--danger);border-width:2px;width:12px;height:12px;bottom:3px;right:3px}@keyframes patchPortPulse{0%,to{opacity:1}50%{opacity:.35}}.patch-card-drag-handle{text-align:center;width:16px;color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:14px;line-height:1}.patch-card-drag-handle:active{cursor:grabbing}.exp-settings-card.dragging{opacity:.4}.patch-card-drop-indicator{background:var(--toxic);border-radius:1px;flex-shrink:0;height:2px;margin:2px 0}#rp-patch-tab-info-btn.active,#rp-patch-tab-ports-btn.active{background:var(--toxic);color:#000;border-color:var(--toxic)}.footer-xyr-field input:disabled{color:var(--muted);cursor:not-allowed}.footer-xyr-field.tr-detached{border-color:var(--danger)}.footer-xyr-field.tr-detached span{color:var(--danger)}#footer-tr-relink-btn,#footer-r-reset-btn{cursor:pointer}.xyr-label-inert{opacity:.5;cursor:default!important}.quick-action-strip{gap:6px;display:flex}.quick-action-strip .btn{white-space:nowrap;padding:5px 9px;font-size:12px;line-height:16px}.quick-action-strip .btn:disabled{opacity:.4;cursor:not-allowed}#rp-project,#rp-export,#rp-content{display:none}