*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#000;color:#fff;margin:0;display:flex;flex-direction:column;align-items:center;position:relative;height:100vh;width:100vw;overflow:hidden}.logo-watermark{position:absolute;bottom:.3rem;left:.3rem;width:3rem;height:auto;opacity:.075;z-index:1000}h1{margin:.625rem 0 0;color:#ccc;font-size:1.5rem;flex:0 0 auto}.top-actions{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;gap:.25rem;flex:0 0 auto;z-index:1002}.icon-btn{background-color:transparent;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.icon-btn img{width:1.4rem;height:1.4rem;display:block;filter:invert(.3);scale:.9;transition:filter .2s ease,transform .2s ease}.icon-btn:hover img,.icon-btn:focus-visible img{filter:invert(0);scale:1}.icon-btn.is-active img{filter:invert(0);scale:1}#container{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:1.25rem;padding:.625rem 1.25rem 1.25rem;width:100%;flex:1;min-height:0}#chart-wrapper{position:relative;flex:1 1 auto;display:flex;justify-content:center;align-items:center;min-width:0;min-height:0}#chart{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}svg{width:auto;height:auto;max-width:100%;max-height:100%;display:block}path{stroke:none;cursor:pointer;transition:opacity .2s}#legend{flex:0 1 auto;min-width:5rem;max-width:25rem;max-height:99%;overflow-y:auto;font-size:.875rem;padding:.625rem .625rem 4rem}@media(max-width:33rem){#container{flex-direction:column;align-items:center}#chart-wrapper{flex:1 1 auto;width:100%;max-height:60vh}#legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;flex:0 1 auto;width:100%}.legend-item{margin-bottom:0}}.legend-item{display:flex;align-items:center;margin-bottom:.25rem;cursor:pointer;transition:opacity .2s}.color-square{width:.75rem;height:.75rem;margin-right:.5rem;display:inline-block}.meter-text{fill:#666;text-anchor:middle;pointer-events:none}.meter-quantity{font-size:2.5rem;font-weight:700}.meter-type{font-size:1.75rem}#drop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:1100;border:.3125rem dashed #444;transition:background .3s ease;padding:1.25rem}body.dragging #drop-overlay,body.overlay-open #drop-overlay{display:flex;pointer-events:auto}#drop-overlay>*{pointer-events:none}#close-overlay,.drop-content,.drop-content *,#select-file-btn{pointer-events:auto}#edit-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:1100;border:.3125rem dashed #444;transition:background .3s ease;padding:1.25rem}body.edit-open #edit-overlay{display:flex;pointer-events:auto}#edit-overlay>*{pointer-events:none}#close-edit-overlay,.edit-content,.edit-content *,#apply-edit-btn,#cancel-edit-btn{pointer-events:auto}#close-edit-overlay{position:absolute;top:1.25rem;right:1.875rem;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;line-height:1;z-index:1001}#close-edit-overlay:hover{color:#ccc}.edit-content{display:flex;flex-direction:column;align-items:center;max-width:42rem;width:100%;gap:.75rem}.edit-message{font-size:2rem;font-weight:700;color:#fff;text-align:center}.edit-subtitle{color:#aaa;font-size:1rem;text-align:center}.edit-list{width:100%;max-height:45vh;overflow-y:auto;background:#1e1e1e;border:.0625rem solid #333;border-radius:.5rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.edit-row{display:flex;flex-wrap:nowrap;gap:.5rem .75rem;align-items:center;padding:.5rem;border-radius:.4rem;background:#141414}.edit-color{width:.9rem;height:.9rem;border-radius:.2rem;border:.0625rem solid #333;flex:0 0 .9rem}.edit-label{color:#d0d0d0;font-size:.95rem;word-break:break-word;overflow:hidden;text-overflow:ellipsis;flex:1 1 6rem}.edit-input{background:#0f0f0f;border:.0625rem solid #333;color:#fff;padding:.35rem .5rem;border-radius:.3rem;width:5rem;flex:0 0 5rem}.edit-row-actions{display:flex;gap:.4rem;flex:0 0 auto;margin-left:auto}.edit-input:focus{outline:.125rem solid #555}.edit-action-btn{width:2rem;height:2rem;padding:.3rem}.edit-action-btn:disabled{opacity:.4;cursor:default}.edit-action-btn img{width:1.1rem;height:1.1rem;display:block}@media(max-width:33rem){.edit-action-btn{width:1.8rem;height:1.8rem}.edit-input{width:3.75rem;flex-basis:3.75rem}.edit-label{flex-basis:5rem}}.edit-row-removed .edit-label,.edit-row-removed .edit-input,.edit-row-removed .edit-color{opacity:.5}.edit-row-removed .edit-label{text-decoration:line-through}.edit-actions{display:flex;gap:.5rem}#close-overlay{position:absolute;top:1.25rem;right:1.875rem;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;line-height:1;z-index:1001}#close-overlay:hover{color:#ccc}.drop-content{display:flex;flex-direction:column;align-items:center;max-width:37.5rem;width:100%}.drop-message{font-size:2rem;font-weight:700;color:#fff;text-align:center;margin-bottom:.625rem}.upload-action{display:flex;flex-direction:column;align-items:center;margin-bottom:1.875rem;gap:.625rem}.upload-action span{color:#888;font-size:1.1rem}.select-file-btn{background-color:#333;color:#fff;border:.0625rem solid #555;padding:.625rem 1.5rem;font-size:1rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s,border-color .2s}.select-file-btn:hover{background-color:#444;border-color:#777}.yaml-snippet{background:#1e1e1e;padding:1.25rem;border-radius:.5rem;width:100%;border:.0625rem solid #333;text-align:left}.yaml-snippet p{margin-top:0;color:#aaa;font-size:.9rem;margin-bottom:.625rem}.yaml-snippet pre{margin:0;font-family:Courier New,Courier,monospace;font-size:.85rem;color:#dcdcdc;white-space:pre-wrap;word-break:break-all}.copyright{position:fixed;bottom:.625rem;left:50%;transform:translate(-50%);font-size:.75rem;color:#666;pointer-events:none;z-index:-1;white-space:nowrap}