:root{--iib-sidebar: #16181d;--iib-canvas: #1a1c22;--iib-widget: #24272f;--iib-raised: #2e323c;--iib-text: #f2f0eb;--iib-subtle: #8b8f9a;--iib-border: #343842;--iib-accent: #ff6b5b;--iib-font: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--iib-canvas);color:var(--iib-text);font-family:var(--iib-font);font-size:13px;font-weight:500;-webkit-font-smoothing:antialiased}#app{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{display:flex;flex-direction:column;flex:0 0 232px;gap:4px;padding:18px 12px 12px;background:var(--iib-sidebar);border-right:1px solid var(--iib-border)}.brand{display:flex;align-items:center;gap:9px;padding:0 8px 18px}.brand-flower{flex:0 0 auto;display:block}.brand-text{display:flex;flex-direction:column;min-width:0;gap:3px;line-height:1.2}.brand-wordmark{display:block;width:124px;height:auto}.brand-wordmark--on-light{display:none}:root[data-ag-theme-mode=light] .brand-wordmark--on-dark{display:none}:root[data-ag-theme-mode=light] .brand-wordmark--on-light{display:block}.brand-sub{font-family:"Quicksand",var(--iib-font);color:var(--iib-subtle);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.heading{padding:0 8px 6px;color:var(--iib-subtle);font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.reports{display:flex;flex-direction:column;gap:2px}.report-item,.new-report{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border:1px solid transparent;border-radius:7px;background:none;color:var(--iib-subtle);font:inherit;text-align:left;cursor:pointer}.report-item:hover,.new-report:hover{background:var(--iib-raised);color:var(--iib-text)}.report-item.active{background:var(--iib-widget);border-color:var(--iib-border);color:var(--iib-text);font-weight:600}.report-item.active .report-icon{color:var(--iib-accent)}.report-icon{flex:0 0 auto;color:currentColor}.report-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-item{position:relative}.report-rename{position:absolute;top:4px;right:5px;bottom:4px;left:30px;min-width:0;padding:0 5px;border:1px solid var(--iib-accent);border-radius:5px;outline:none;background:var(--iib-canvas);color:var(--iib-text);font:inherit}.new-report{margin-top:8px;border:1px dashed var(--iib-border)}.powered-by{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:auto;padding:14px 0 2px;border-top:1px solid var(--iib-border)}.powered-by-label{color:var(--iib-subtle);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.powered-by-logo{display:block;height:25px;width:auto;margin-left:-5.8px}.canvas{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--iib-border)}.topbar-brand{display:flex;flex:1 1 auto;flex-direction:column;gap:1px;min-width:0}.topbar-title{font-size:15px;font-weight:600;white-space:nowrap}.topbar-note{overflow:hidden;color:var(--iib-subtle);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;flex:0 0 auto;align-items:center;gap:6px;margin-left:auto}.theme-select,.topbar-button,.topbar-icon,.mode-switch{height:28px;border:1px solid var(--iib-border);border-radius:6px;background-color:var(--iib-widget);color:var(--iib-text);font:inherit;font-size:12px}.theme-select:hover,.topbar-button:hover,.topbar-icon:hover{border-color:var(--iib-subtle)}.topbar-button{padding:0 11px;white-space:nowrap;cursor:pointer}.mode-switch{display:flex;gap:2px;padding:2px}.mode-option{padding:0 12px;border:0;border-radius:4px;background:none;color:var(--iib-subtle);font:inherit;cursor:pointer}.mode-option:hover{color:var(--iib-text)}.mode-option.active{background:var(--iib-raised);color:var(--iib-text);font-weight:600}.studio-outer{flex:1 1 auto;min-height:0}@media (max-width: 720px){#app{flex-direction:column;overflow:auto}.sidebar{flex:0 0 auto;border-right:none;border-bottom:1px solid var(--iib-border)}.powered-by{margin-top:12px}}.ag-studio-widget-selection-item-label{word-break:normal;-webkit-hyphens:auto;hyphens:auto}.config-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;padding:24px;background:#000000b8;place-items:center}.config-overlay[hidden]{display:none}.config-dialog{display:flex;flex-direction:column;gap:10px;width:min(760px,100%);max-height:min(680px,100%);padding:18px;border:1px solid var(--iib-border);border-radius:12px;background:var(--iib-widget);box-shadow:0 24px 60px #000000a6}.config-head{display:flex;align-items:center;gap:12px}.config-title{margin:0;font-size:15px;font-weight:600}.config-close{margin-left:auto;padding:0 6px;border:0;background:none;color:var(--iib-subtle);font-size:22px;line-height:1;cursor:pointer}.config-close:hover{color:var(--iib-text)}.config-hint{margin:0;color:var(--iib-subtle);font-size:12px}.config-text{flex:1 1 auto;min-height:260px;padding:10px;border:1px solid var(--iib-border);border-radius:8px;background:var(--iib-canvas);color:var(--iib-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5;resize:vertical}.config-status{min-height:16px;color:var(--iib-subtle);font-size:12px}.config-status[data-tone=ok]{color:#7fb069}.config-status[data-tone=error]{color:var(--iib-accent)}.config-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.config-button{padding:7px 14px;border:1px solid var(--iib-border);border-radius:7px;background:none;color:var(--iib-text);font:inherit;font-size:12px;cursor:pointer}.config-button:hover{background:var(--iib-raised)}.config-button-primary{border-color:var(--iib-accent);background:var(--iib-accent);color:var(--iib-widget);font-weight:600}.config-button-primary:hover{background:var(--iib-accent);filter:brightness(1.1)}.submit-dialog{width:min(460px,100%)}.submit-field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600}.submit-field input{height:32px;padding:0 10px;border:1px solid var(--iib-border);border-radius:6px;background:var(--iib-canvas);color:var(--iib-text);font:inherit;font-size:13px;font-weight:500}.submit-field input:focus{border-color:var(--iib-accent);outline:none}.submit-consent{display:flex;gap:8px;align-items:flex-start;color:var(--iib-subtle);font-size:12px;line-height:1.45}.submit-consent input{margin:2px 0 0;accent-color:var(--iib-accent)}.submit-consent a{color:var(--iib-text)}.sent-view{display:none}[data-sent]>:not(.config-head,.sent-view){display:none}[data-sent] .sent-view{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0 8px;text-align:center}.sent-icon{display:grid;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,#7fb069 18%,transparent);color:#7fb069;place-items:center}.sent-title{margin:4px 0 0;font-size:16px;font-weight:600}.sent-view .config-button{margin-top:8px}.config-button:disabled{opacity:.6;cursor:default}.ag-charts-toolbar{--toolbar-button-background-color--hover: var(--iib-raised);--toolbar-button-text-color--hover: var(--iib-text);--toolbar-button-border-color--hover: var(--iib-accent);--toolbar-button-background-color--active: var(--iib-accent);--toolbar-button-text-color--active: var(--iib-canvas);--toolbar-button-border-color--active: var(--iib-accent)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.theme-picker{display:flex;align-items:center}.theme-select{padding:0 26px 0 9px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 12px center,right 8px center;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.topbar-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;padding:0;cursor:pointer}.topbar-divider{width:1px;height:18px;background:var(--iib-border)}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0000008c}.share-overlay[hidden]{display:none}.share-dialog{width:min(420px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:18px 20px 20px;border:1px solid var(--iib-border);border-radius:12px;background:var(--iib-widget);color:var(--iib-text);box-shadow:0 24px 60px #00000073}.share-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.share-title{margin:0;font-size:15px;font-weight:600}.share-close{margin-left:auto;border:0;background:none;color:var(--iib-subtle);font-size:20px;line-height:1;cursor:pointer}.share-close:hover{color:var(--iib-text)}.share-qr{display:grid;place-items:center;padding:16px;border-radius:10px;background:#fff}.share-qr svg{display:block;width:100%;max-width:260px;height:auto}.share-url{margin:12px 0 0;font-size:12px;color:var(--iib-text);overflow-wrap:anywhere}.share-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--iib-subtle)}:root[data-ag-theme-mode=light] .powered-by-logo{filter:invert(1) hue-rotate(180deg)}.ag-studio-text-widget-content{font-family:var(--ag-studio-canvas-font-family)!important}