:root{--bg:#ffffff;--text:#0f172a;--muted:#6b7280;--line:#e5e7eb;--line-soft:#f3f4f6;--bubble:#f3f4f6;--accent:#0f172a;--accent-hover:#1f2937}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}button,input{font:inherit;color:inherit}input{background:transparent;border:none;outline:none}.shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:100vh}.chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}.header{border-bottom:1px solid var(--line);height:52px;justify-content:space-between;padding:0 20px}.header,.headerBrand{align-items:center;display:flex}.headerBrand{gap:10px;min-width:0}.headerLogo{height:24px;width:auto;flex:0 0 auto}.headerContext{color:var(--muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headerRight{align-items:center;display:flex;gap:10px}.tokenBalance{align-items:baseline;background:var(--line-soft);border-radius:999px;display:inline-flex;gap:6px;padding:6px 12px}.tokenPrefix{color:var(--muted);font-size:13px}.tokenPrefix:after{content:":";margin-left:1px}.tokenValue{color:var(--text);font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.tokenLabel{color:var(--muted);font-size:13px}.iconButton{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:20px;height:32px;justify-content:center;padding:0;width:32px}.iconButton:hover{background:var(--line-soft);color:var(--text)}.chatColumn{overflow-y:auto;padding:32px 20px 16px}.emptyChat,.messages{margin:0 auto;max-width:720px}.emptyChat{align-items:stretch;display:flex;flex-direction:column;gap:6px;padding-top:12vh}.emptyChatTitle{color:var(--muted);font-size:14px;margin:0 0 6px}.starter{background:transparent;border:1px solid var(--line);border-radius:10px;cursor:pointer;padding:12px 14px;text-align:left;transition:border-color .15s}.starter:hover{border-color:var(--text)}.messages{gap:18px}.message,.messages{display:flex;flex-direction:column}.message{max-width:100%}.message.user{align-items:flex-end}.message p{border-radius:14px;margin:0;max-width:85%;overflow-wrap:anywhere;padding:10px 14px;white-space:pre-wrap}.message.assistant p{background:var(--bubble)}.message.user p{background:var(--accent);color:#fff}.metricsInline{background:transparent!important;font-size:13px;margin-top:6px!important;padding:0!important}.metricLabel,.metricsInline{color:var(--muted)}.metricValue{color:var(--text);font-weight:600}.dot{color:var(--line);margin:0 2px}.composerWrap{border-top:1px solid var(--line);padding:14px 20px 20px}.composer{align-items:center;background:var(--line-soft);border-radius:14px;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto;margin:0 auto;max-width:720px;padding:8px 8px 8px 16px}.composer input{padding:10px 0}.composer input::placeholder{color:var(--muted)}.sendButton{align-items:center;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.sendButton:hover:not(:disabled){background:var(--accent-hover)}.sendButton:disabled{background:var(--line);cursor:not-allowed}.spin{animation:spin 1s linear infinite}.loadingBar{background:var(--line);border-radius:2px;height:2px;margin:12px auto 0;max-width:720px;overflow:hidden;position:relative}.loadingBar:after{animation:slide 1.2s ease-in-out infinite;background:var(--accent);border-radius:2px;content:"";height:100%;position:absolute;width:30%}.apiError{color:var(--muted);font-size:13px;margin:10px auto 0;max-width:720px}.preview{border-left:1px solid var(--line);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.previewHeader{border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;height:52px;line-height:52px;padding:0 20px}.previewBody{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.previewEmpty{align-self:start;color:var(--muted);font-size:14px;margin:0;padding:20px}.draftSummary h3{font-size:16px;margin:0 0 6px}.draftSummary p{color:var(--muted);font-size:14px;margin:0}.sectionLabel{color:var(--muted);font-size:12px;letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase}.adgroup{border-top:1px solid var(--line);padding:10px 0}.adgroup:first-of-type{border-top:none;padding-top:0}.adgroupName{font-weight:600;margin-bottom:2px}.adgroupMeta{color:var(--muted);font-size:13px;margin-bottom:4px}.adgroupIntent,.risk{color:var(--muted);font-size:13px;line-height:1.45}.risk{border-left:2px solid var(--line);margin-bottom:6px;padding:2px 0 2px 10px}.approvalActions{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr;margin-top:4px}.ghostButton,.primaryButton{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;height:38px;padding:0 14px}.primaryButton{background:var(--accent);border:none;color:#fff}.primaryButton:hover:not(:disabled){background:var(--accent-hover)}.ghostButton:disabled,.primaryButton:disabled{cursor:not-allowed;opacity:.4}.ghostButton{background:transparent;border:1px solid var(--line);color:var(--text)}.ghostButton:hover:not(:disabled){border-color:var(--text)}.fullWidth{margin-top:12px;width:100%}.authShell{align-items:center;background:radial-gradient(circle at 18% 18%,rgba(15,23,42,.1),transparent 28%),radial-gradient(circle at 82% 22%,rgba(245,158,11,.14),transparent 30%),linear-gradient(135deg,#f8fafc,#ffffff 42%,#f3f4f6);display:flex;min-height:100vh;justify-content:center;padding:24px}.authCard{background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.08);border-radius:24px;box-shadow:0 24px 70px rgba(15,23,42,.16);max-width:460px;padding:34px;width:100%}.authEyebrow{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.16em;margin-bottom:12px;text-transform:uppercase}.authCard h1{font-size:clamp(28px,5vw,42px);letter-spacing:-.05em;line-height:.95;margin:0 0 16px}.authCard p{color:var(--muted);margin:0 0 18px}.settingsBackdrop{align-items:center;background:rgba(15,23,42,.4);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.settingsModal{background:var(--bg);border-radius:14px;display:flex;flex-direction:column;max-width:420px;padding:22px;width:100%}.settingsHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.settingsHeader h2{font-size:17px;margin:0}.settingsField{display:grid;grid-gap:6px;gap:6px}.settingsField span{color:var(--muted);font-size:13px}.settingsField input{background:var(--line-soft);border-radius:8px;padding:10px 12px}.settingsField input:focus{background:#fff;box-shadow:inset 0 0 0 1px var(--text)}.settingsHint{color:var(--muted);font-size:13px;margin:8px 0 0}.settingsDivider{background:var(--line);height:1px;margin:22px 0 14px}.settingsRow{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.settingsRow span{color:var(--muted);font-size:14px}.settingsRow strong{font-size:14px;font-weight:600}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slide{0%{left:-30%}to{left:100%}}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:auto;min-height:100vh}.preview{border-left:none;border-top:1px solid var(--line)}.previewBody{max-height:50vh}}@media (max-width:600px){.settingsBackdrop{align-items:flex-end;padding:0}.settingsModal{border-radius:14px 14px 0 0;max-width:100%}.chatColumn{padding:20px 14px 12px}.composerWrap{padding:12px 14px 16px}.header,.previewHeader{padding:0 14px}.tokenLabel{display:none}}