*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{margin:0;background:#fff;color:#000;min-height:100vh}@supports (height: 100dvh){body{min-height:100dvh}}:root{--bg: #ffffff;--text: #111111;--muted-text: #8e8e8e;--border: #e9e9e9;--pill-track: #cfcfcf;--s-8: 8px;--s-12: 12px;--s-16: 16px;--s-24: 24px;--touch: 40px;--topbar-h: 48px;--composer-h: 48px;--lane-max: 720px;--r-pill: 24px;--r-card: 16px;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--lh-tight: 1.25;--lh-normal: 1.5}:root{--bg:#fff;--text:#111;--muted-text:#667085;--border:#e5e7eb;--topbar-h:56px;--touch:40px;--composer-h:46px;--lane-max:720px;--r-pill:9999px;--r-card:16px;--r-input:22px;--s-8:8px;--s-12:12px;--s-16:16px;--s-24:24px;--pill-track:#d1d5db;--fs-xs:12px;--fs-sm:15px;--fs-base:18px;--lh-tight:1.2;--lh-normal:1.4;--input-line:20px}@media (min-width:768px){:root{--fs-base:20px}}@media (min-width:1280px){:root{--fs-base:22px}}html,body,#root{height:100%}.dash2{--page-pad: var(--s-16);display:grid;grid-template-areas:"topbar" "left" "composer";grid-template-rows:var(--topbar-h) 1fr auto;height:100svh;overflow:hidden;background:var(--bg);color:var(--text)}.dash2__topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-pad);border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:5;height:var(--topbar-h)}.dash2__brand{display:flex;align-items:center;gap:6px}.dash2__logo{font-size:var(--fs-sm);font-weight:600}.dash2__caret{opacity:.6;transform:translateY(-1px)}.dash2__topbarActions{display:flex;gap:8px}.dash2__settings,.dash2__drawerBtn{width:var(--touch);height:var(--touch);border-radius:9999px;display:grid;place-items:center;border:1px solid var(--border);background:#fff;cursor:pointer}.dash2__settings img{width:20px;height:20px;display:block}.dash2__left{grid-area:left;padding:var(--s-24) var(--page-pad) var(--s-24);display:flex;flex-direction:column;min-height:0;overflow:hidden}.dash2__welcome{margin:min(18vh,160px) auto 0;max-width:640px;text-align:center}.dash2__welcome h1{font-size:var(--fs-base);line-height:var(--lh-tight);margin-bottom:8px}.dash2__welcome p{font-size:var(--fs-xs);color:var(--muted-text)}.dash2__feed{width:min(100%,var(--lane-max));margin:0 auto;flex:1;min-height:0;overflow:hidden}.dash2__feedInner{display:flex;flex-direction:column;gap:12px;padding:var(--s-16) 0}.dash2.has-chat .dash2__feed{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-gutter:stable;padding-bottom:calc(var(--composer-cur, var(--composer-h)) + 14px + env(safe-area-inset-bottom))}.msg{display:flex}.msg.assistant{justify-content:flex-start}.msg.user{justify-content:flex-end}.bubble{max-width:78%;padding:10px 12px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 2px #0000000a;white-space:normal;overflow-wrap:anywhere}.msg.user .bubble{background:#0b0b0f;color:#fff;border-color:#0b0b0f}.msg.assistant .bubble{background:#f5f6f8;color:#111}.dash2__right{position:fixed;inset:0 0 0 auto;width:min(88vw,420px);transform:translate(100%);transition:transform .25s ease;background:#fff;border-left:1px solid var(--border);z-index:9;padding:var(--s-16);display:flex;flex-direction:column;gap:var(--s-16);overflow:auto}.dash2__right.is-open{transform:translate(0)}.dash2__closeDrawer{align-self:flex-end;border:0;background:transparent;font-size:18px;cursor:pointer}.dash2__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px);z-index:8}.dash2__composer{grid-area:composer;position:sticky;bottom:14px;padding:0 var(--page-pad) calc(env(safe-area-inset-bottom) + 8px);display:flex;justify-content:center;z-index:3}.dash2__input{position:relative;width:min(100%,var(--lane-max));background:color-mix(in oklab,var(--pill-track) 25%,#fff 0%);border:1px solid var(--pill-track);border-radius:var(--r-input);min-height:var(--composer-h);display:flex;padding:8px 56px;overflow:hidden}.dash2__round{position:absolute;bottom:8px;width:var(--touch);height:var(--touch);border-radius:9999px;background:#fff;border:1px solid var(--border);display:grid;place-items:center;cursor:pointer;z-index:1;line-height:0;transition:transform .14s cubic-bezier(.2,.7,.2,1),box-shadow .14s cubic-bezier(.2,.7,.2,1),background-color .14s ease,border-color .14s ease,filter .14s ease;will-change:transform}.dash2__round img{width:20px;height:20px;display:block;transition:transform .18s ease,opacity .18s ease,filter .18s ease}.dash2__mic{left:8px}.dash2__send{right:8px}.dash2__round:active,.dash2__round.is-pressed{transform:translateY(1px) scale(.96);box-shadow:0 2px 8px #0000001f}.dash2__round.pulse{animation:micPulse .75s ease-out 1}@keyframes micPulse{0%{box-shadow:0 0 #0003;transform:translateY(0) scale(1)}60%{box-shadow:0 0 0 12px #0000;transform:translateY(0) scale(1.05)}to{box-shadow:0 0 #0000;transform:translateY(0) scale(1)}}.dash2__ph{position:absolute;left:56px;right:56px;top:50%;transform:translateY(-50%);font-size:var(--fs-sm);color:var(--muted-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.dash2__ph.is-hidden{opacity:0;visibility:hidden}.dash2__textarea{width:100%;border:0;outline:0;resize:none;background:transparent;font:400 var(--fs-sm)/var(--input-line) Inter,system-ui,sans-serif;color:var(--text);padding-top:calc((var(--composer-h) - var(--input-line))/2);padding-bottom:calc((var(--composer-h) - var(--input-line))/2);max-height:180px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable}.dash2__send.is-armed{background:#111;border-color:#111}.dash2__send.is-armed img{filter:invert(1) brightness(1.9)}.dash2__send.is-typing:not(:disabled){animation:sendNudge .7s ease-in-out infinite alternate}@keyframes sendNudge{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.dash2__mic.is-recording{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e926 inset}.dash2__mic.is-recording:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;box-shadow:0 0 0 2px #0ea5e973;animation:dash2Pulse 1.2s ease-out infinite}@keyframes dash2Pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.25);opacity:0}}@media (min-width:1280px){.dash2{grid-template-areas:"topbar topbar" "left   right" "composer right";grid-template-columns:1fr 380px}.dash2__right{position:sticky;inset:auto;top:calc(var(--topbar-h) + 1px);height:calc(100svh - var(--topbar-h));transform:none;width:auto;z-index:1}.dash2__closeDrawer,.dash2__scrim{display:none}}@media (min-width:768px){.dash2__welcome{margin-top:min(20vh,220px)}}.rp{display:flex;flex-direction:column;gap:var(--s-16)}.rp__logo{width:64px;height:64px;border-radius:12px;object-fit:cover}.rp__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:28px;height:48px;padding:0 var(--s-16);font-size:var(--fs-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;background:#000;color:#fff}.rp__updates{display:flex;align-items:center;gap:8px;background:#fff;color:#111;border-radius:12px;height:auto;padding:8px 10px;width:max-content;border:1px solid var(--border)}.rp__updates img{width:18px;height:18px;display:block}.rp__title{font-size:12px;color:var(--muted-text);margin-bottom:4px}.rp__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rp__item{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:10px;background:#f5f6f8;padding:10px 12px;cursor:pointer}.rp__name{font-size:14px}.rp__meta{font-size:12px;color:var(--muted-text)}.rp__profile{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px dashed var(--border)}.rp__avatar{width:36px;height:36px;border-radius:9999px;background:#8cc2ff;color:#fff;display:grid;place-items:center;border:none}.bubble .md{line-height:var(--lh-normal)}.bubble .md p{margin:0 0 .6em}.bubble .md h1,.bubble .md h2,.bubble .md h3{margin:.6em 0 .3em;font-size:inherit;font-weight:600}.bubble .md ul,.bubble .md ol{margin:.4em 0;padding-left:1.25em}.bubble .md a{color:#0f62fe;text-decoration:none}.bubble .md a:hover{text-decoration:underline}.md__code-inline{background:#0000000f;border:1px solid var(--border);border-radius:6px;padding:0 .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.md__codeblock{position:relative;margin:.6em 0}.md__pre{margin:0;padding:12px;border:1px solid var(--border);border-radius:10px;max-height:360px;overflow:auto;background:#f8fafc}.md__pre.wrap{white-space:pre-wrap;word-break:break-word}.md__codeActions{position:absolute;top:6px;right:6px;display:flex;gap:6px}.md__codeActions button{height:28px;padding:0 8px;font-size:12px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer}@media (prefers-reduced-motion:reduce){.dash2__round,.dash2__round img,.dash2__send,.dash2__mic,.dash2__mic:before{animation:none!important;transition:none!important;transform:none!important}}.rp>span{display:none!important}@media (min-width: 900px){.dash2{grid-template-columns:minmax(0,1fr) 320px;column-gap:24px}.dash2__right{grid-column:2;grid-row:1 / -1;background:#f2f3f7;overflow:hidden;border-left:1px solid #F0F1F4}}.rp{height:100%;display:flex;flex-direction:column;padding:16px 18px}.rp__body{display:flex;flex-direction:column;gap:12px}.rp__create{width:100%;height:44px;border:0;border-radius:24px;background:#000;color:#fff;font-weight:600;cursor:pointer}.rp__updates{display:inline-flex;align-items:center;gap:10px;padding:6px 0;border:0;background:transparent;cursor:pointer}.rp__updatesIcon{width:16px;height:16px}.rp__sectionLabel{margin-top:6px;font-size:12px;color:#8a8f98}.rp__aiList{display:flex;flex-direction:column;gap:10px}.rp__aiItem{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;background:#f5f6fa;cursor:pointer;transition:background .15s ease}.rp__aiName{font-size:14px;font-weight:500;color:#111}.rp__aiDashPill{background:#fff;border:1px solid #E6E6E6;border-radius:10px;padding:6px 10px;font-size:12px;line-height:1;opacity:0;transition:opacity .12s ease}.rp__aiItem:hover .rp__aiDashPill{opacity:1}.rp__userRow{margin-top:auto;border-top:1px solid #F7F6F6;padding:12px 8px 10px}.rp__profile{display:flex;align-items:center;gap:8px}.rp__avatar{width:28px;height:28px;border-radius:9999px;background:#64b5f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.rp__userName{font-size:13px;color:#111}@media (max-width:768px){.dash2__right{background:#f2f3f7}}.rp>*:not(.rp__body):not(.rp__userRow){display:none!important}.rp__create:hover{box-shadow:0 10px 28px #00000047;transform:translateY(-1px)}.rp__create{transition:box-shadow .15s ease,transform .12s ease}.dash2__right>:not(.rp):not(.dash2__closeDrawer){display:none!important}.dash2__topbar{position:sticky;top:0;z-index:5;background:#fff}.dash2__brand{display:flex;align-items:center;gap:8px}.dash2__brandLogo{height:18px;max-height:18px;width:auto;max-width:140px;display:block;object-fit:contain;object-position:left center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;image-rendering:-webkit-optimize-contrast;contain:content}.dash2__brandName{font-weight:600;white-space:nowrap}.rp__create:hover{box-shadow:0 12px 36px #00000038;transform:translateY(-1px)}.rp__create:active{transform:translateY(0);box-shadow:0 8px 22px #0000002e}.rp__create:focus-visible{outline:2px solid #111;outline-offset:2px}.rp__aiItem{transition:background .15s ease,box-shadow .15s ease}.rp__aiItem:hover{background:#e6e6e6}.rp__aiDashPill{transition:opacity .15s ease,transform .15s ease}.rp__aiItem:hover .rp__aiDashPill{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.rp__create,.rp__aiItem,.rp__aiDashPill{transition:none!important}.rp__create:hover,.rp__create:active{transform:none!important}}.dash2__settings,.dash2__drawerBtn{width:var(--touch);height:var(--touch);border-radius:9999px;display:grid;place-items:center;border:1px solid var(--border);background:#fff;cursor:pointer;transition:box-shadow .15s ease,transform .12s ease,border-color .15s ease}.dash2__settings:hover,.dash2__drawerBtn:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-1px)}.dash2__settings:active,.dash2__drawerBtn:active{transform:translateY(0);box-shadow:0 6px 16px #00000014}.dash2__settings:focus-visible,.dash2__drawerBtn:focus-visible{outline:2px solid #111;outline-offset:2px}@media (min-width:1280px){.dash2__drawerBtn{display:none}}.aiDash{padding:12px}.aiDash__inner{max-width:980px;margin:0 auto}.aiDash__back{border:1px solid var(--border, #e5e7eb);background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;margin-bottom:8px}.aiDash__title{margin:6px 0 2px;font-size:22px}.aiDash__sub{color:#6b7280;font-size:12px}.aiDash__tabs{display:flex;gap:8px;margin:12px 0 16px;flex-wrap:wrap}.aiDash__tab{padding:6px 10px;border:1px solid var(--border, #e5e7eb);border-radius:999px;text-decoration:none;color:inherit;background:#fff}.aiDash__tab.is-active{background:#111;color:#fff;border-color:#111}.aiDash__content{border:1px solid var(--border, #e5e7eb);background:#fff;border-radius:12px;padding:12px}@media (max-width: 680px){.aiDash__inner{max-width:100%}}.dash2__right{display:flex;flex-direction:column}.rp{flex:1;display:flex;flex-direction:column;min-height:0}.rp__body{display:flex;flex-direction:column;gap:8px;padding:12px;flex:1;min-height:0;overflow:hidden}.rp__aiList{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:4px}.rp__aiList::-webkit-scrollbar{width:8px}.rp__aiList::-webkit-scrollbar-thumb{background:#dcdde3;border-radius:8px}.rp__userRow{border-top:1px solid var(--border);padding:12px;background:#fff}.dash2__right{background:var(--panel-bg, #f7f8fb)}.rp,.rp__body,.rp__aiList,.rp__userRow,.rp__profile{background:transparent}.rp__userRow{border-top:1px solid var(--border);padding:12px}.rp__aiList{overflow:auto;scrollbar-gutter:stable;scrollbar-width:none}.rp__aiList:hover,.rp__aiList:active,.rp__aiList:focus,.rp__aiList:focus-within{scrollbar-width:thin}.rp__aiList::-webkit-scrollbar{width:0;height:0}.rp__aiList:hover::-webkit-scrollbar,.rp__aiList:active::-webkit-scrollbar,.rp__aiList:focus::-webkit-scrollbar,.rp__aiList:focus-within::-webkit-scrollbar{width:8px;height:8px}.rp__aiList::-webkit-scrollbar-thumb{background:#11111138;border-radius:999px}.rp__aiList:hover::-webkit-scrollbar-thumb{background:#11111159}.rp__aiList::-webkit-scrollbar-track{background:transparent}.rp__aiList{-webkit-overflow-scrolling:touch}.dash2__attach{position:absolute;left:8px;bottom:8px;margin:0}.dash2 .dash2__composer .dash2__input:focus-within,.dash2 .dash2__composer .dash2__input:focus-within .dash2__textarea,.dash2 .dash2__composer .dash2__textarea:focus,.dash2 .dash2__composer .dash2__textarea:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--pill-track)!important}.dash2 .dash2__composer .dash2__textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}.dash2 .dash2__composer .dash2__input{box-shadow:none!important;outline:none!important}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.vm-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;overflow:hidden;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.vm-back{position:absolute;top:22px;left:26px;padding:8px 12px;border-radius:12px;border:1px solid #e8e8e8;background:#fff;font-size:14px;cursor:pointer}.vm-orb{position:absolute;top:50%;left:50%;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#9ec7ff,#366fff 55%,#2355e6);filter:blur(.25px);transition:transform .12s ease,box-shadow .18s ease;will-change:transform,box-shadow}.vm-caption{position:absolute;bottom:132px;left:50%;transform:translate(-50%);font-size:14px;color:#6b7280;-webkit-user-select:none;user-select:none}.vm-transcript{position:absolute;bottom:100px;left:50%;transform:translate(-50%);max-width:min(720px,80vw);text-align:center;font-size:16px;color:#111827;padding:8px 14px;border-radius:12px;background:#f8fafccc;box-shadow:0 8px 32px #0000000f}.vm-controls{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;gap:22px}.vm-ctl{width:54px;height:54px;border-radius:999px;border:1px solid #eaeaea;background:#f2f2f2;box-shadow:inset 0 -2px 6px #0000000d;cursor:pointer}.vm-ctl.on{background:#e6f0ff;border-color:#cfe1ff}:root{--brand:#2563eb;--bg:#fafafa;--card:#ffffff;--text:#0b1220;--muted:#6b7280;--border:#e5e7eb;--ring:rgba(37,99,235,.35);--radius:16px;--radius-lg:22px;--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 8px 24px rgba(0,0,0,.08);--shadow-lg:0 16px 40px rgba(0,0,0,.1);--code-bg:#0b1625;--code-text:#dbeafe}html,body{background:var(--bg);color:var(--text)}.aiDashWrap{max-width:1100px;margin:24px auto 120px;padding:0 18px 60px;font-family:ui-sans-serif,system-ui,-apple-system,Inter,Segoe UI,Roboto,Helvetica Neue,Arial;letter-spacing:.01em;color-scheme:light}.aiDashEmbedHead{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:6px 0 18px}.backBtn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:9999px;padding:8px 12px;font-size:14px;cursor:pointer;transition:transform .05s,box-shadow .15s;box-shadow:var(--shadow-sm)}.backBtn:active{transform:translateY(1px)}.pageTitle{margin:0;font-size:22px;font-weight:700}.aiId{color:var(--muted);font-size:12px}.card,.previewCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:18px;margin:18px 0;color:var(--text)}.cardTitleRow{display:flex;align-items:baseline;gap:10px}.h2{font-size:18px;font-weight:700;margin:0}.h3{font-size:16px;font-weight:700;margin:0 0 8px}.muted{color:var(--muted);font-size:13px}.btn,.btnPrimary,.ghost,.btn--danger{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:9999px;padding:10px 16px;font-size:14px;cursor:pointer;transition:transform .05s,box-shadow .15s,background .2s,color .2s,border-color .2s;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none}.btn:active,.btnPrimary:active,.ghost:active,.btn--danger:active{transform:translateY(1px)}.btnPrimary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 14px #2563eb2e}.btnPrimary:hover{filter:brightness(.97)}.btn--danger{border-color:#fecaca;color:#b91c1c;background:#fff5f5}.btn--danger:hover{background:#ffe9e9}.ghost{background:var(--card);color:var(--text)}.rightRow{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.dot{width:10px;height:10px;border-radius:9999px;background:var(--brand);border:none;box-shadow:0 0 0 2px var(--card),0 0 0 3px var(--brand)}.textish,select,textarea{width:100%;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:14px;outline:none;box-shadow:var(--shadow-sm)}.textish:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;margin:10px 0}.devKeyRow{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center}.whRow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.codeShell{margin-top:10px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--code-bg);position:relative}.codePre{background:transparent;color:var(--code-text);margin:0;padding:16px 18px;border-radius:14px;font:500 13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;white-space:pre-wrap;word-break:break-word}.codeShell.withAction{position:relative}.codeAction{position:absolute;right:14px;bottom:14px;padding:10px 14px;box-shadow:0 8px 20px #2563eb2e}.previewCard{padding:0;overflow:hidden}.previewHead{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:linear-gradient(var(--card),var(--card) 65%,var(--bg));border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.previewHead .muted{margin-left:6px}.frameWrap{padding:12px}.frameWrap iframe{width:100%;height:560px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow-md)}.notice,.aiDashWrap .warning{background:#fff7ed;border:1px solid #fde68a;color:#92400e;border-radius:12px;padding:10px 12px;font-size:14px;margin:0 0 10px}.notice a{color:#7c2d12;text-decoration:underline}.btnPrimary:focus-visible,.btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}@media (max-width:720px){.row,.devKeyRow,.whRow{grid-template-columns:1fr}.previewHead{flex-wrap:wrap;gap:8px}}.aiDashWrap[data-theme=dark]{--bg:#0b1020;--card:#0f172a;--text:#e5e7eb;--muted:#9aa3af;--border:#283144;--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 8px 24px rgba(0,0,0,.45);--shadow-lg:0 16px 40px rgba(0,0,0,.55);--code-bg:#0b1625;--code-text:#e6f0ff;color-scheme:dark}.aiDashWrap[data-theme=dark] .previewHead{background:linear-gradient(var(--card),var(--card) 65%,var(--bg));border-bottom-color:var(--border)}.aiDashWrap[data-theme=dark] .btn,.aiDashWrap[data-theme=dark] .ghost{background:var(--card);color:var(--text);border-color:var(--border)}.aiDashWrap[data-theme=dark] .btnPrimary{background:var(--brand);border-color:var(--brand);color:#fff}.aiDashWrap[data-theme=dark] .btn--danger{background:#331a1a;border-color:#7f1d1d;color:#fecaca}.aiDashWrap[data-theme=dark] .textish,.aiDashWrap[data-theme=dark] select,.aiDashWrap[data-theme=dark] textarea{background:#0b1426;color:var(--text);border-color:var(--border)}.aiDashWrap[data-theme=dark] .frameWrap iframe{background:#0b1426;border-color:var(--border)}.aiDashWrap[data-theme=dark] .codeAction{box-shadow:0 8px 20px #2563eb59}.ai-bg,.ai-decor,.glow,.blur-blob,.backdrop{pointer-events:none!important}.theme-card{position:relative;z-index:10;pointer-events:auto}.createWrap{max-width:1120px;margin:0 auto;padding:24px}.createGrid{display:grid;grid-template-columns:.9fr 1.3fr;gap:28px;align-items:start}.createHero{position:sticky;top:16px}.createTitle{font-size:36px;line-height:1.15;margin:6px 0 8px}.createBlurb{color:#6b7280;font-size:14px;margin-bottom:16px}.createCta{margin-top:10px}.createCard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;display:grid;gap:14px}.formRow{display:grid;gap:6px}.formRow label{font-weight:600;display:inline-flex;align-items:center;gap:8px}.help{font-weight:400;color:#6b7280;font-size:12px}.hint{color:#6b7280;font-size:12px;margin-top:4px}.fileRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;gap:6px;background:#f3f4f6;padding:4px;border-radius:9999px;width:fit-content}.seg__btn{border:1px solid transparent;background:transparent;padding:6px 10px;border-radius:9999px;font-size:12px;cursor:pointer}.seg__btn.is-active{background:#111827;color:#fff}.textish{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;outline:none}.btnPrimary{background:#111827;color:#fff;border:1px solid #111827;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;cursor:pointer}.rightRow{margin-top:6px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.muted{color:#6b7280;font-size:12px}.jf-wrap{position:relative;width:100%}.jf-input{width:100%;padding:12px 14px;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:var(--bg,#fff);color:var(--text,#111);font-size:14px;outline:none}.jf-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd59}.jf-pop{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);background:var(--bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;box-shadow:0 10px 30px #00000014;max-height:300px;overflow:auto}.jf-item{display:block;width:100%;text-align:left;padding:10px 12px;background:transparent;border:0;cursor:pointer}.jf-item.is-hot,.jf-item:hover{background:#f8fafc}.jf-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.jf-name{font-weight:600}.jf-cat{font-size:12px;color:#2563eb}.jf-desc{font-size:12.5px;color:#374151;margin-top:2px}.jf-badge{margin-top:6px;display:inline-block;font-size:11px;color:#b45309;background:#fff7ed;border:1px solid #fde68a;border-radius:999px;padding:2px 8px}.jf-empty{padding:12px;font-size:13px;color:#6b7280}.jf-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:60}.jf-box{width:min(520px,92vw);background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:16px}.jf-title{font-weight:700;font-size:16px;margin-bottom:8px}.jf-body{font-size:14px;color:#374151}.jf-disc{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:10px}.jf-check{display:flex;align-items:center;gap:8px;margin-top:10px}.jf-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.jf-btn{border-radius:10px;padding:8px 12px;border:1px solid #d1d5db;background:#fff;cursor:pointer}.jf-btn:hover{background:#f9fafb}.jf-btn.primary{background:#3b82f6;color:#fff;border-color:#2563eb}.jf-btn.primary:disabled{opacity:.5;cursor:not-allowed}