.launch-dialog,.launch-form,.launch-list,.launch-job,.launch-feed{--line:var(--ui-line,#d0d5dd);--surface:var(--ui-surface,#fff);--text:var(--ui-ink,#182230);--muted:var(--ui-muted,#667085)}
.launch-menu-label{display:block;padding:12px 12px 4px;font-size:12px;font-weight:600;color:var(--muted,#667085)}
.launch-bell{position:relative;text-decoration:none}.launch-bell span{position:absolute;right:-2px;top:0;background:#b42318;color:white;border-radius:12px;font-size:10px;min-width:15px;text-align:center}
.launch-dialog{box-sizing:border-box;width:min(740px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line,#d0d5dd);border-radius:var(--ui-r,12px);background:var(--surface,#fff);color:var(--text,#182230);overflow:auto;overscroll-behavior:contain}.launch-dialog::backdrop{background:rgb(14 18 23 / .64)}.launch-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line,#d0d5dd);position:sticky;top:0;background:inherit;z-index:1}.launch-dialog-head h2{font-size:20px;margin:0}.launch-dialog-body{padding:20px}.launch-dialog-body>p{margin-top:0}
.launch-form{padding:20px;max-width:760px}.launch-dialog .launch-form{padding:12px 0}.launch-form fieldset{border:0;padding:0;min-width:0}.launch-form label:not(.btn){display:flex;flex-direction:column;gap:7px;margin:0 0 16px;font-weight:600}.launch-form input:not([type=checkbox]),.launch-form textarea,.launch-form select{width:100%;min-width:0;box-sizing:border-box}.launch-form .launch-check{flex-direction:row!important;align-items:flex-start;font-weight:400;gap:9px!important}.launch-check input{flex:0 0 auto;margin-top:3px}.launch-form h2{font-size:19px;margin:24px 0 16px}.launch-form h2:first-child{margin-top:0}.launch-form [data-status]{min-height:1.4em}.launch-quick-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.launch-quick-links .btn{white-space:normal;text-align:center}.launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.launch-error{color:#b42318;white-space:pre-wrap}.launch-answer,.launch-note p{white-space:pre-wrap;overflow-wrap:anywhere}.launch-list{padding:8px}.launch-notification{display:flex;flex-direction:column;gap:6px;padding:16px;text-decoration:none;border-bottom:1px solid var(--line,#d0d5dd);color:inherit}.launch-notification:last-child{border-bottom:0}.launch-notification span,.launch-notification small{color:var(--muted,#667085);overflow-wrap:anywhere}
.launch-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.launch-feed a{color:inherit;text-decoration:none;border:1px solid var(--line,#d0d5dd);border-radius:var(--ui-r,12px);overflow:hidden;display:flex;flex-direction:column;gap:5px;padding-bottom:12px;min-width:0}.launch-feed img{width:100%;aspect-ratio:4/3;object-fit:cover}.launch-feed strong,.launch-feed span,.launch-feed small,.launch-feed em{margin:0 10px;overflow-wrap:anywhere}.launch-feed small{font-size:11px;color:var(--muted,#667085)}.launch-feed em{font-size:12px;font-style:normal;color:var(--brand,#6941c6)}
.launch-job{margin:12px 0}.launch-job .box-head{padding-bottom:0}.launch-job h2{font-size:15px}.launch-job .box-body{padding-top:10px}.launch-job .hint{margin:0;font-size:12px}.launch-task{padding:14px 0;border-bottom:1px solid var(--line,#d0d5dd);display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.launch-task>div{flex:1 1 240px;min-width:0}.launch-task strong,.launch-task span,.launch-task small{display:block;margin-bottom:5px;overflow-wrap:anywhere}.launch-task img{width:72px;height:72px;object-fit:cover;float:left;margin-right:12px;border-radius:8px}.launch-task.is-done strong{text-decoration:line-through}.launch-note{padding:14px 0;border-bottom:1px solid var(--line,#d0d5dd)}.launch-note small{display:block;color:var(--muted,#667085);margin-top:5px}.launch-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.launch-compare label{min-width:0;font-weight:600}.launch-compare select{width:100%;margin:8px 0}.launch-compare img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#101828;border-radius:8px}.launch-photo-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.launch-photo-picker label{border:1px solid var(--line,#d0d5dd);border-radius:8px;padding:6px;position:relative;font-size:12px;overflow-wrap:anywhere}.launch-photo-picker img{width:100%;aspect-ratio:1;object-fit:cover}.launch-photo-picker input{position:absolute;top:10px;left:10px;width:20px!important;height:20px}.launch-proposal{border:1px solid var(--line,#d0d5dd);padding:12px;border-radius:8px;margin-bottom:12px}.launch-proposal select{margin-top:8px}.launch-saved{margin-top:20px}.launch-saved>div{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px}.launch-dialog audio{width:100%;margin:10px 0}.launch-dialog [hidden]{display:none!important}
html[data-theme=dark] .launch-dialog{background:var(--ui-surface);color:var(--ui-ink)}html[data-theme=dark] .launch-error{color:#fda29b}
@media(max-width:600px){.launch-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}.launch-dialog-body{padding:14px}.launch-dialog-head{padding:12px 14px}.launch-grid{grid-template-columns:1fr}.launch-form{padding:16px}.launch-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.launch-photo-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-job .launch-quick-links .btn{flex:1 1 130px}.launch-compare{gap:8px}.launch-compare select{font-size:12px}.launch-bell{min-width:30px}}

.launch-job>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;padding:12px 16px!important}.launch-job>summary::after{content:"";flex:none;align-self:center;width:7px;height:7px;margin-top:-3px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);opacity:.6}.launch-job[open]>summary::after{margin-top:3px;transform:rotate(225deg)}.launch-job>summary::-webkit-details-marker{display:none}
.launch-check input[type=checkbox]{width:18px!important;min-width:18px!important;height:18px!important;flex:0 0 18px!important;padding:0!important}.launch-form,.launch-dialog,.launch-form fieldset{min-width:0;box-sizing:border-box}.launch-form .launch-check{overflow-wrap:anywhere}
.launch-dialog{font-family:var(--ui-font,Inter,system-ui,sans-serif);line-height:1.5}.launch-dialog button,.launch-dialog input,.launch-dialog textarea,.launch-dialog select{font-family:inherit}.launch-form [data-add-template]{margin-bottom:14px}
.launch-form fieldset > .btn + .btn{margin-left:8px}
/* Integrations marketplace */
.int-bar { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; margin: 4px 0 18px; }
.int-search { flex: 1 1 220px; max-width: 320px; }
.int-cats { display: flex; flex-wrap: wrap; gap: 6px; }
.int-cats button { border: 1px solid var(--ui-line, #e2e8f0); background: var(--ui-surface, #fff); color: inherit; border-radius: 999px; padding: 6px 12px; font: inherit; font-size: 14px; cursor: pointer; }
.int-cats button[aria-selected="true"] { background: var(--ui-ink, #13202e); border-color: var(--ui-ink, #13202e); color: var(--ui-surface, #fff); }
.int-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.int-card { display: flex; flex-direction: column; gap: 10px; background: var(--ui-surface, #fff); border: 1px solid var(--ui-line, #e2e8f0); border-radius: 14px; padding: 16px; }
.int-card-top { display: flex; gap: 12px; align-items: center; }
.int-card h3 { margin: 0; font-size: 16px; }
.int-card small { color: var(--ui-muted, #64748b); }
.int-card p { margin: 0; flex: 1; color: var(--ui-muted, #475569); font-size: 14px; line-height: 1.45; }
.int-card-foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.int-logo { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--int-bg); color: #fff; font-weight: 800; font-size: 14px; }
.int-pill { display: inline-block; white-space: nowrap; border-radius: 999px; padding: 3px 9px; font-size: 12px; font-weight: 600; background: #eef2f6; color: #475569; }
.int-pill.is-on { background: #dcfce7; color: #166534; }
.int-pill.is-set, .int-pill.is-via { background: #e0f2fe; color: #075985; }
.int-pill.is-warn { background: #fef3c7; color: #92400e; }
.int-dialog { width: min(640px, calc(100vw - 24px)); }
.int-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.int-hooks { list-style: none; margin: 12px 0; padding: 0; display: grid; gap: 10px; }
.int-hooks > li { border: 1px solid var(--ui-line, #e2e8f0); border-radius: 10px; padding: 12px; }
.int-hooks small { display: block; color: var(--ui-muted, #64748b); overflow-wrap: anywhere; margin-top: 2px; }
.int-events { border: 0; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 4px 12px; }
.int-events legend { font-weight: 600; margin-bottom: 6px; }
.int-secret { background: #f8fafc; border: 1px dashed #94a3b8; border-radius: 10px; padding: 12px; margin: 10px 0; }
.int-secret code { display: block; overflow-wrap: anywhere; margin: 6px 0; font-size: 13px; }
.int-steps h3 { margin: 16px 0 6px; font-size: 16px; }
.int-steps ol { padding-left: 20px; display: grid; gap: 6px; }
.int-steps code, .int-doc code { overflow-wrap: anywhere; }
.int-doc { padding-left: 18px; display: grid; gap: 4px; font-size: 14px; }
.int-inline { display: flex; gap: 8px; flex-wrap: wrap; }
.int-inline input { flex: 1 1 200px; }
.int-log { width: 100%; font-size: 13px; border-collapse: collapse; margin-top: 8px; }
.int-log td { padding: 4px 6px; border-top: 1px solid var(--ui-line, #e2e8f0); }
@media (max-width: 560px) { .int-grid { grid-template-columns: 1fr; } .int-search { max-width: none; } }
html[data-theme=dark] .int-pill { background: rgba(148, 163, 184, .16); color: #cbd5e1; }
html[data-theme=dark] .int-pill.is-on { background: rgba(34, 197, 94, .16); color: #86efac; }
html[data-theme=dark] .int-pill.is-set, html[data-theme=dark] .int-pill.is-via { background: rgba(56, 189, 248, .16); color: #7dd3fc; }
html[data-theme=dark] .int-pill.is-warn { background: rgba(245, 158, 11, .16); color: #fcd34d; }
html[data-theme=dark] .int-secret { background: rgba(148, 163, 184, .08); border-color: #475569; }
html[data-theme=dark] .int-logo { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }

.int-ledger { display: grid; gap: 12px; margin: 14px 0 4px; padding-top: 14px; border-top: 1px solid var(--ui-line, #e5e7eb); }
.int-ledger h3 { margin: 0; font-size: 1rem; }
.int-ledger label { display: grid; gap: 4px; margin: 0; font-weight: 600; }
.int-ledger select { width: 100%; max-width: 100%; font-weight: 400; }
.int-ledger fieldset { display: grid; gap: 10px; margin: 0; padding: 0; border: 0; min-width: 0; }
.int-ledger legend { font-weight: 700; margin-bottom: 6px; padding: 0; }
.int-ledger details { display: grid; gap: 10px; }
.int-ledger details > label { margin-top: 10px; }
.int-ledger summary { cursor: pointer; font-weight: 600; }

.int-how { margin: 0 0 4px; }
.int-how summary { cursor: pointer; font-weight: 600; }
.int-how ol { margin: 8px 0 0; padding-left: 20px; display: grid; gap: 6px; }
.int-hooks small.launch-error { display: block; margin-top: 4px; }
.launch-ql input[data-ql-desc]{width:100%;margin:6px 0}.launch-ql-nums{display:grid;grid-template-columns:1fr 1fr;gap:8px}.launch-ql-nums label{margin:0}.launch-ql-nums input{width:100%;min-width:0}.launch-ql+[data-quote],[data-quote]{margin:4px 0 14px}
