*,*:before,*:after{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;margin:0;padding:0;color:#1a1a1a;height:100vh}.app{display:grid;grid-template-columns:400px 1fr;height:100vh}.left-panel{padding:1.5rem;overflow-y:auto;border-right:1px solid #e5e7eb}.right-panel{padding:1rem;overflow:hidden;position:relative;display:flex}h1{margin:0 0 1rem;font-size:1.5rem}label{display:block;font-weight:600;margin-bottom:.25rem}textarea{width:100%;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;padding:.75rem;border:1px solid #ccc;border-radius:6px;resize:vertical;margin-bottom:.75rem}.options{margin-bottom:.5rem}.options label{display:inline-flex;align-items:center;gap:.4rem;font-weight:400;font-size:14px;cursor:pointer}.button-row{display:flex;gap:.5rem;margin-top:.25rem}button{padding:.5rem 1.5rem;font-size:14px;font-weight:600;border:none;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer}button:hover{background:#1d4ed8}button.secondary{background:#6b7280}button.secondary:hover{background:#4b5563}button:disabled{opacity:.5;cursor:not-allowed}.error{margin-top:.75rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px}.graph-container{width:100%;height:100%;margin:0;min-height:0;min-width:0}.graph-container svg{max-width:100%;max-height:100%;display:block}@media(max-width:768px){.app{grid-template-columns:1fr;height:auto}.right-panel{min-height:400px}}.beoe{overflow:hidden;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.beoe svg,.beoe img{margin:auto;display:block;max-width:100%;height:auto}.beoe img{pointer-events:none}.beoe{position:relative}.beoe .buttons{position:absolute;right:1rem;bottom:1rem;opacity:0;transition-property:opacity;transition-duration:.3s}.beoe:hover .buttons{opacity:1}@media(hover:none){.beoe .buttons{display:none}}.beoe .touchscreen-warning{position:absolute;inset:0rem;pointer-events:none;display:none;opacity:0;transition-property:opacity;transition-duration:.3s;container-type:inline-size}.beoe .touchscreen-warning p{font-size:min(10cqw,10cqh)}.beoe .touchscreen-warning.active{opacity:1}@media(hover:none){.beoe .touchscreen-warning{display:flex;align-items:center;justify-content:center;background-color:#00000080;color:#fff;font-size:3rem;text-align:center;padding:1rem}}