::selection{color:#fff;background-color:#000000d7}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#000;background:#fff;width:100vw;height:100vh;font-family:Courier New,ui-monospace,monospace;overflow-y:auto}.app-root{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:2px solid #000;flex-direction:column;flex-shrink:0;width:30%;max-width:320px;height:100vh;padding:20px;display:flex}.sidebar-title{letter-spacing:1.5px;align-self:center;margin-bottom:16px;padding-bottom:6px;font-size:20px;font-weight:700}.sidebar-textarea{resize:none;color:#000;background:#fff;border:2px solid #000;outline:none;flex:1;width:100%;max-height:24lh;padding:10px;font-family:inherit;font-size:13px;line-height:1.4}.sidebar-textarea::placeholder{color:#000;opacity:.35}.sidebar-button{color:#fff;letter-spacing:1.5px;cursor:pointer;background:#000;border:2px solid #000;margin-top:14px;padding:12px;font-family:inherit;font-size:13px;font-weight:700}.sidebar-button:hover{color:#000;background:#fff}.sidebar-error{border:2px solid #000;margin-top:14px;padding:10px}.sidebar-error-title{letter-spacing:1px;border-bottom:1px solid #000;margin-bottom:6px;padding-bottom:6px;font-size:11px;font-weight:700}.sidebar-error-text{word-break:break-word;white-space:pre-wrap;font-size:12px}.canvas-area{flex:1;height:100vh;position:relative;overflow:hidden}.canvas-controls{z-index:10;align-items:center;display:flex;position:absolute;top:16px;right:16px;gap:8px!important}.control-button{color:#000;cursor:pointer;background:#fff;border:2px solid #000;min-width:34px;height:34px;padding:0 8px;font-family:inherit;font-size:15px;font-weight:700}.control-button:hover{color:#fff;background:#000}.control-button-wide{letter-spacing:1px;font-size:11px}.zoom-indicator{cursor:default;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #000;padding:8px 10px;font-size:12px;font-weight:700}.canvas-viewport{cursor:grab;width:100%;height:100%;position:relative;overflow:hidden}.canvas-viewport:active{cursor:grabbing}.canvas-grid{opacity:.07;pointer-events:none;background-image:linear-gradient(90deg,#000 1px,#0000 1px),linear-gradient(#000 1px,#0000 1px);position:absolute;inset:0}.canvas-content{position:absolute;top:0;left:0}.canvas-empty{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.canvas-empty-text{letter-spacing:1px;border:2px solid #000;padding:16px 24px;font-size:12px;font-weight:700}.tree-node{background:#fff;border:2px solid #000;position:absolute;overflow:hidden}.tree-node-header{color:#fff;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;background:#000;border-bottom:2px solid #000;justify-content:space-between;gap:8px;padding:6px 8px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.tree-node-type{align-self:center;font-size:10px;font-weight:400}.tree-node-body{padding:4px 8px}.tree-node-row{white-space:nowrap;border-bottom:1px solid #000;justify-content:space-between;gap:8px;padding:2px 0;font-size:11px;display:flex;overflow:hidden}.tree-node-row:last-child{border-bottom:none}.tree-node-key{text-overflow:ellipsis;font-weight:700;overflow:hidden}.tree-node-value{text-overflow:ellipsis;text-align:right;overflow:hidden}.tree-node-empty{opacity:.5;justify-content:center}.connections-svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.connection-path{fill:none;stroke:#000;stroke-width:2px}@media print{@page{size:landscape;margin:0}html,body{width:auto;height:auto;overflow:visible}body *{visibility:hidden}.canvas-content,.canvas-content *{visibility:visible}.canvas-content{top:0;left:0;position:absolute!important}.sidebar,.canvas-controls,.canvas-grid,.canvas-empty{display:none!important}.connection-path{stroke:#000!important}}.canvas-footer{text-align:center;letter-spacing:1px;color:#0000006e;z-index:5;width:100%;margin-bottom:6px;font-size:clamp(8px,5%,14px)}.canvas-ref-footer{cursor:pointer;color:#0000006e;text-decoration:none}.canvas-ref-footer:hover{color:#003757;opacity:.8;text-decoration:underline}.mode-toggle{border:2px solid #000;margin-bottom:14px;display:flex}.mode-toggle-btn{color:#000;letter-spacing:1px;cursor:pointer;background:#fff;border:none;flex:1;padding:10px 4px;font-family:inherit;font-size:11px;font-weight:700;transition:background-color .13s,color .2s}.mode-toggle-btn+.mode-toggle-btn{border-left:2px solid #000}.mode-toggle-btn-active{color:#fff;background:#000}.mode-toggle-btn:disabled,.mode-toggle-disabled,.sidebar-textarea:disabled,.sidebar-button:disabled{cursor:not-allowed;opacity:.5}.settings-overlay{z-index:100;background:#ffffffab;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{opacity:1;background:#fff;border:2px solid #000;flex-direction:column;width:520px;max-width:90vw;max-height:85vh;display:flex}.settings-header{letter-spacing:1.5px;border-bottom:2px solid #000;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;font-weight:700;display:flex}.settings-close{color:#000;cursor:pointer;background:#fff;border:2px solid #000;width:26px;height:26px;font-size:16px;line-height:1}.settings-close:hover{color:#fff;background:#000}.settings-body{flex-direction:column;gap:6px;padding:16px;display:flex;overflow-y:auto}.settings-label{letter-spacing:1px;flex-direction:column;gap:2px;margin-top:10px;font-size:11px;font-weight:700;display:flex}.settings-label-row{justify-content:space-between;align-items:flex-end;display:flex}.settings-hint{opacity:.55;letter-spacing:0;font-size:10px;font-weight:400}.settings-input{color:#000;background:#fff;border:2px solid #000;outline:none;padding:8px;font-family:inherit;font-size:12px}.settings-textarea{color:#000;resize:vertical;background:#fff;border:2px solid #000;outline:none;min-height:140px;padding:8px;font-family:inherit;font-size:12px;line-height:1.4}.settings-reset-btn{color:#000;letter-spacing:1px;cursor:pointer;background:#fff;border:2px solid #000;padding:5px 8px;font-family:inherit;font-size:10px;font-weight:700}.settings-pre-btn{color:#000;letter-spacing:1px;cursor:pointer;background:#fff;border:2px solid #000;width:25px;height:25px;font-family:inherit;font-size:10px;font-weight:700}.settings-reset-container{justify-content:center;align-items:center;gap:4px;display:flex}.settings-reset-btn:hover,.settings-pre-btn:hover{color:#fff;background:#000}.settings-footer{border-top:2px solid #000;padding:14px 16px}.control-button:disabled,.zoom-dis-indicator{cursor:not-allowed;opacity:0}.control-button-active{color:#fff;background:#000}.layer-view{flex-direction:column;align-items:center;gap:20px;width:100%;height:100%;min-height:0;padding:60px 0 0;display:flex;overflow:hidden}.layer-cards-wrapper{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.layer-card{background:#fff;flex-direction:column;flex-shrink:1;width:100%;height:100%;max-height:100%;padding:0 5px;display:flex;overflow:hidden}.layer-card-header{color:#fff;letter-spacing:.5px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;-webkit-user-select:none;user-select:none;background:#000;border-bottom:2px solid #000;padding:8px 10px;font-size:13px;font-weight:700}.layer-card-body{flex:1 1 0;min-height:0;padding:6px 10px;overflow:hidden auto}.layer-card-row{white-space:nowrap;border-bottom:1px solid #000;justify-content:space-between;gap:10px;padding:3px 0;font-size:12px;transition:background-color .2s;display:flex;overflow:hidden}.layer-card-Completed{background-color:#00000015}.layer-card-key{text-overflow:ellipsis;-webkit-user-select:none;user-select:none;font-weight:700;overflow:hidden}.layer-card-value{text-overflow:ellipsis;text-align:right;-webkit-user-select:none;user-select:none;overflow:hidden}.layer-card-empty{opacity:.5;justify-content:center}.layer-nav{flex-shrink:0;align-items:center;gap:14px;display:flex}.layer-nav-indicator{letter-spacing:1px;border:2px solid #000;padding:8px 12px;font-size:12px;font-weight:700}@media (max-width:760px){html,body,#root{width:100%;height:auto;min-height:100%;overflow-y:auto}.app-root{flex-direction:column;width:100%;min-height:100vh;display:flex;height:auto!important;overflow:visible!important}.sidebar{border:none;border-bottom:2px solid #000;flex:none;width:100%;max-width:none;min-height:90vh;padding:30px 15px;height:90vh!important}.canvas-area{flex:none;width:100%;height:100vh;min-height:100vh}.canvas-ref-footer{color:#003757}.canvas-controls{z-index:10;flex-direction:row;align-items:center;width:auto;display:flex;gap:8px!important}.control-button,.zoom-indicator{width:auto!important}.settings-label-row{display:flex;flex-direction:column!important}.settings-reset-container{flex-direction:row;justify-content:start;width:100%;padding:8px 0;display:flex}.small-disabled{opacity:0!important}.canvas-empty{width:100%;padding:20px}.canvas-empty-text{overflow-wrap:break-word;text-align:center;max-width:100%;font-size:clamp(15px,2vw,50px)}.sidebar-textarea{height:80%;max-height:80%}.settings-label-row{align-items:flex-start}.layer-card-body{max-height:100%;overflow-y:scroll}.layer-nav{display:none}}.layer-card-row:last-child{border-bottom:1px solid #000}.layer-card-row{border-bottom:1px solid #000;justify-content:space-between;align-items:flex-start;gap:10px;padding:3px 0;font-size:12px;display:flex}.layer-card-key{white-space:normal;overflow-wrap:anywhere;word-break:break-word;flex:0 0 40%;font-weight:700}.layer-card-value{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:right;flex:1}.layer-swipe-zone{touch-action:pan-y;flex:1;width:100%;min-height:0;overflow:hidden}.layer-carousel-track{flex-wrap:nowrap;width:300%;height:100%;display:flex}.layer-carousel-track-animated{transition:transform .28s cubic-bezier(.22,.61,.36,1)}.layer-carousel-slide{flex:0 0 33.3333%;justify-content:center;align-items:center;width:33.3333%;height:100%;display:flex;overflow:hidden}