:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18302d;background:#263b37}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}.pane-controls input:focus-visible,.pane-controls button:focus-visible,.pane-controls a:focus-visible{outline:2px solid #e3a54a;outline-offset:2px}.views{width:100%;height:100dvh;min-height:0;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(320px,1fr));gap:8px;padding:8px;overflow-x:auto}.view-pane{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:44px minmax(0,1fr);overflow:hidden;border:1px solid #70847e;border-radius:3px;background:#fff}.pane-controls{position:relative;z-index:1;display:flex;align-items:center;gap:7px;min-width:0;padding:5px 7px;border-bottom:1px solid #cfdad6;background:#f8faf9}.url-picker{min-width:0;width:100%}.pane-controls input{width:100%;min-width:0;height:32px;padding:0 9px;border:1px solid #c7d5d0;border-radius:3px;background:#fff;color:#294441;font-size:12px}.pane-controls input[aria-invalid=true]{border-color:#b74336}.preset-menu{position:absolute;top:100%;left:7px;right:7px;z-index:2;display:grid;padding:3px;border:1px solid #aebfba;border-radius:0 0 3px 3px;background:#fff;box-shadow:0 6px 16px #18302d22}.preset-menu button{width:100%;padding:8px;border:0;border-radius:2px;background:transparent;color:#294441;font-size:11px;text-align:left;overflow-wrap:anywhere}.preset-menu button:hover{background:#e8f2ee}.pane-controls a{flex:none;color:#4e726a;font-size:20px;line-height:1;text-decoration:none}.pane-controls a:hover{color:#147d66}.view-pane iframe{display:block;width:100%;height:100%;border:0;background:#fff}.url-error{position:absolute;margin:45px 0 0 7px;padding:5px 7px;border:1px solid #b74336;border-radius:3px;background:#fff;color:#a42f24;font-size:11px}