:root{font-family:Manrope,Neue Haas Grotesk,Suisse Intl,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf5;background-color:#05070d;--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .719);--muted: #8fa0b6;--muted-2: #a5b4c7;--accent: #22d3ee;--accent-2: #7ae8c7;--control-radius: 0px;--control-border-width: 3px}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#e8edf5;background:#05070d}*{scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,.4);scrollbar-width:thin}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:#0006;border-radius:8px}*::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:8px;border:2px solid rgba(0,0,0,.4)}*::-webkit-scrollbar-thumb:hover{background:#ffffff47}a{color:inherit;text-decoration:none}.page{max-width:1400px;margin:0 auto;padding:36px 22px 96px}.nano-page{--surface: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .22);--muted: #8b9097;--muted-2: #9aa0a7;--accent: #2b2b2b;--accent-2: #3a3a3a;max-width:100%;margin:0;width:100%;height:100vh;padding:14px;display:flex;flex-direction:column;gap:12px;overflow:visible;background:#040404}.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--control-radius);border:1px solid var(--border);background:#0b0b0b}.app-header__left,.app-header__right{display:flex;align-items:center;gap:10px;min-width:0}.app-logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em}.app-logo__mark{width:44px;height:44px;border-radius:0;display:grid;place-items:center;background:transparent;border:none;overflow:hidden}.app-logo__mark img{width:100%;height:100%;object-fit:cover}.app-divider{width:1px;height:22px;background:#ffffff1f}.app-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-dropdown{position:relative}.app-notify{display:inline-flex;align-items:center;gap:6px}.app-trigger{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--control-radius);border:1px solid transparent;background:transparent;color:#d2d7df;font-weight:600}.app-trigger:hover{color:#f3f4f6}.app-trigger--nav{text-transform:uppercase;letter-spacing:.08em;font-size:12px;padding:6px 4px}.app-trigger--nav.is-active,.app-dropdown.is-open .app-trigger--nav{color:#fff}.app-trigger:focus-visible,.app-menu__item:focus-visible{outline:2px solid rgba(122,232,199,.6);outline-offset:2px}.app-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #9ca3af;transition:transform .15s ease}.app-dropdown.is-open .app-caret{transform:rotate(180deg)}.app-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;padding:8px;border-radius:8px;border:1px solid var(--border);background:#0a0a0a;box-shadow:0 18px 40px #0009;display:grid;gap:4px;z-index:50}.app-menu--tools,.app-menu--right:not(.app-notify__panel){animation:nav-menu-pop .16s ease;transform-origin:top left}.app-menu--right:not(.app-notify__panel){transform-origin:top right}.app-menu--tools{min-width:280px}.app-menu--right{right:0;left:auto}.app-menu__item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#151515;color:#f3f4f6;font-size:12px;text-align:left;cursor:pointer}.app-menu__item:hover{background:#fff;border-color:#00000038;color:#0b0b0b}.app-menu__item.is-current{background:#e2e8f0;border-color:#00000047;color:#0b0b0b}.app-menu__group{display:grid;gap:6px}.app-menu__item--toggle{position:relative;padding-right:30px}.app-menu__item-caret{position:absolute;right:12px;top:14px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #9ca3af;transition:transform .16s ease}.app-menu__group.is-open .app-menu__item-caret{transform:rotate(180deg)}.app-menu__sub{display:grid;gap:4px;margin-left:6px;padding-left:8px;border-left:1px solid rgba(255,255,255,.08);max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height .2s ease,opacity .2s ease,transform .2s ease}.app-menu__sub.is-open{max-height:760px;opacity:1;transform:translateY(0)}.app-menu__item--sub{padding:8px 10px;border-radius:8px}.app-menu__item:disabled{opacity:.5;cursor:not-allowed}.app-menu__meta{padding:6px 10px 8px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px;color:var(--muted)}.app-menu__label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:inherit}.app-user{padding:6px 10px 6px 6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.app-user:hover{border-color:#ffffff2e;background:#ffffff14}.app-user__avatar{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#e2e8f0}.app-user__avatar svg{width:16px;height:16px}.app-user__avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.app-user__label{font-size:12px}.app-notify__trigger{position:relative;width:38px;height:38px;padding:0;border-radius:var(--control-radius);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;display:grid;place-items:center;color:#d2d7df}.app-notify__trigger svg{width:18px;height:18px}.app-notify__trigger:hover{background:#ffffff14;border-color:#ffffff2e;color:#f9fafb}.app-notify__side-count{position:absolute;top:50%;min-width:16px;height:16px;padding:0 4px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#0009;color:#e5e7eb;font-size:9px;font-weight:700;display:grid;place-items:center;transform:translateY(-50%);animation:notify-pulse 1.6s ease-in-out infinite}.app-notify__side-count.is-active{left:-8px;border-color:#fde68a73;background:#fde68a24;color:#fef3c7}.app-notify__side-count.is-complete{right:-8px;border-color:#22c55e73;background:#22c55e24;color:#dcfce7}.app-notify__side-count.is-news{top:-6px;right:-6px;transform:none;border-color:#3b82f68c;background:#3b82f633;color:#dbeafe;animation:notify-pulse 1.6s ease-in-out infinite}.app-notify__panel{min-width:320px;width:min(92vw,380px);padding:12px;gap:12px;animation:notify-pop .18s ease}.app-notify__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.app-notify__title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.app-notify__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a}.app-notify__tab{padding:6px 8px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.app-notify__tab:hover{color:#f9fafb}.app-notify__tab.is-active{background:#ffffff1f;color:#fff;border-color:#ffffff2e}.app-notify__content{display:grid;gap:10px;min-height:160px}.app-notify__list{display:grid;gap:3px;max-height:320px;overflow-y:auto;padding-right:4px}.app-notify__news{display:grid;gap:8px;max-height:320px;overflow-y:auto;padding-right:4px}.app-notify__news-item{display:grid;gap:6px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#00000059}.app-notify__news-item.is-unread{border-color:#fde68a73;background:#fde68a14}.app-notify__news-title{font-size:12px;font-weight:600;color:#f3f4f6}.app-notify__news-summary{font-size:11px;line-height:1.35;color:var(--muted)}.app-notify__news-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted-2)}.app-notify__news-link{padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#e5e7eb}.app-notify__news-link:hover{background:#ffffff1f;color:#fff}.app-notify__task{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 6px;border-radius:6px;border:1px solid var(--border);background:#00000073;animation:notify-rise .2s ease}.app-notify__task.is-deleting{opacity:.6}.app-notify__task-content{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.app-notify__task-content .app-notify__task-main{flex:0 0 auto}.app-notify__task-main{display:flex;align-items:center;gap:4px;min-width:0;flex:1}.app-notify__task-title{font-size:10px;line-height:1;font-weight:600;color:#f3f4f6;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-notify__task-error{font-size:9px;line-height:1.3;color:#fca5a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-notify__status{padding:1px 5px;border-radius:999px;border:1px solid var(--border);font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.08em}.app-notify__status.is-pending{color:#fde68a;border-color:#fde68a66;background:#fde68a1f}.app-notify__status.is-running{color:#bae6fd;border-color:#38bdf866;background:#38bdf81f}.app-notify__status.is-complete{color:#bbf7d0;border-color:#22c55e66;background:#22c55e1f}.app-notify__status.is-error{color:#fecaca;border-color:#f8717173;background:#f871711f}.app-notify__status.is-neutral{color:#d1d5db}.app-notify__time{font-size:8px;line-height:1;color:var(--muted-2);white-space:nowrap}.app-notify__spinner{width:12px;height:12px;border-radius:999px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .8s linear infinite}.app-notify__loading,.app-notify__empty,.app-notify__error{padding:10px;border-radius:10px;border:1px solid var(--border);background:#00000059;font-size:12px}.app-notify__loading{display:flex;align-items:center;gap:8px;color:var(--muted-2)}.app-notify__empty{color:var(--muted)}.app-notify__error{color:#fca5a5;border-color:#f8717166;background:#f871711f}@keyframes notify-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notify-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes notify-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes nav-menu-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.nano-home,.nano-settings,.nano-openai-lab{height:auto;min-height:100vh;overflow:auto}.nano-page.nano-openai-gpt{height:100vh;min-height:100vh;overflow:hidden}.nano-openai-gpt .nano-layout{height:100%;min-height:0;overflow:hidden;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr)}.nano-openai-gpt__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nano-openai-gpt__field{display:grid;gap:6px}.nano-openai-gpt__settings{border:1px solid var(--border);background:#ffffff05}.nano-openai-gpt__settings-summary{cursor:pointer;padding:10px 12px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);list-style:none}.nano-openai-gpt__settings-summary::-webkit-details-marker{display:none}.nano-openai-gpt__settings-body{padding:10px;border-top:1px solid var(--border);display:grid;gap:10px}.nano-openai-gpt__settings-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nano-openai-gpt__sidebar{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}.nano-openai-gpt__conversations-panel{min-height:0}.nano-openai-gpt__conversations-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;cursor:pointer;list-style:none}.nano-openai-gpt__conversations-summary::-webkit-details-marker{display:none}.nano-openai-gpt__sidebar-title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2)}.nano-openai-gpt__sidebar-count{font-size:12px}.nano-openai-gpt__providers{display:grid;gap:10px;min-height:0;overflow:auto;padding-right:2px}.nano-openai-gpt__provider{display:grid;gap:6px}.nano-openai-gpt__provider-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.nano-openai-gpt__provider-empty{font-size:12px}.nano-openai-gpt__conversation-list{display:grid;gap:6px}.nano-openai-gpt__conversation-item{width:100%;text-align:left;display:grid;gap:4px;padding:8px;border:1px solid var(--border);background:#ffffff05}.nano-openai-gpt__conversation-item.is-active{border-color:#ffffff73;background:#ffffff14}.nano-openai-gpt__conversation-title{font-size:12px;font-weight:700;color:#f3f4f6}.nano-openai-gpt__conversation-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.nano-openai-gpt__conversation-id{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nano-openai-gpt__error{font-size:12px;color:#f87171;font-weight:600}.nano-openai-gpt__status{font-size:12px;color:#a7f3d0}.nano-openai-gpt__chat-shell{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;border:1px solid var(--border);background:#00000052;overflow:hidden}.nano-openai-gpt__chat{min-height:0;overflow:auto;display:grid;gap:8px;padding:10px}.nano-openai-gpt__bubble{display:grid;gap:4px;padding:10px;border:1px solid var(--border);max-width:min(84%,920px)}.nano-openai-gpt__bubble--assistant{justify-self:start;background:#ffffff0a}.nano-openai-gpt__bubble--user{justify-self:end;background:#ffffff17}.nano-openai-gpt__bubble-role{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.nano-openai-gpt__bubble-text{white-space:normal;word-break:break-word;font-size:13px;line-height:1.45}.nano-openai-gpt__trace-panel{display:grid;gap:8px;margin-top:4px;padding:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff08}.nano-openai-gpt__trace-title{font-size:10px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.nano-openai-gpt__trace-body{font-size:12px;line-height:1.45}.nano-openai-gpt__search-list{display:grid;gap:6px}.nano-openai-gpt__search-item{display:grid;gap:4px;padding:6px 8px;border:1px solid rgba(255,255,255,.12);background:#00000038}.nano-openai-gpt__search-badge{width:fit-content;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:2px 6px;border:1px solid rgba(255,255,255,.2);color:var(--muted-2)}.nano-openai-gpt__search-badge.is-in_progress{border-color:#7dd3fc73;color:#bae6fd}.nano-openai-gpt__search-badge.is-searching{border-color:#fde04773;color:#fde68a}.nano-openai-gpt__search-badge.is-completed{border-color:#86efac73;color:#bbf7d0}.nano-openai-gpt__search-query{font-size:12px;color:#f3f4f6;word-break:break-word}.nano-openai-gpt__markdown>*{margin:0}.nano-openai-gpt__markdown>*+*{margin-top:8px}.nano-openai-gpt__markdown h1,.nano-openai-gpt__markdown h2,.nano-openai-gpt__markdown h3,.nano-openai-gpt__markdown h4,.nano-openai-gpt__markdown h5,.nano-openai-gpt__markdown h6{font-size:13px;line-height:1.35}.nano-openai-gpt__markdown ul,.nano-openai-gpt__markdown ol{margin:0;padding-left:18px}.nano-openai-gpt__markdown pre{margin:0;padding:8px;border:1px solid var(--border);background:#0006;overflow:auto;font-size:12px}.nano-openai-gpt__markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.nano-openai-gpt__markdown p code,.nano-openai-gpt__markdown li code,.nano-openai-gpt__markdown blockquote code{padding:1px 4px;border:1px solid rgba(255,255,255,.18);background:#ffffff14}.nano-openai-gpt__markdown blockquote{margin:0;padding-left:10px;border-left:2px solid rgba(255,255,255,.22);color:var(--muted-2)}.nano-openai-gpt__markdown a{color:#93c5fd;text-decoration:underline}.nano-openai-gpt__empty{font-size:12px}.nano-openai-gpt__composer{display:grid;gap:8px;padding:10px;border-top:1px solid rgba(255,255,255,.14)}.nano-openai-gpt__composer-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}.nano-openai-lab .nano-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr)}.nano-openai-lab__subtitle{margin-top:2px;font-size:12px}.nano-openai-lab__subtitle code{color:#d6d6d6}.nano-openai-lab__controls{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(140px,.5fr);gap:10px}.nano-openai-lab__field{display:grid;gap:6px;align-content:start}.nano-openai-lab__field--small{align-content:start}.nano-openai-lab__sidebar{display:grid;align-content:start;gap:10px;overflow:auto}.nano-openai-lab__section{display:grid;gap:8px;padding:10px;border:1px solid var(--border);background:#ffffff05}.nano-openai-lab__section-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nano-openai-lab__chips{display:flex;flex-wrap:wrap;gap:6px}.nano-openai-lab__chip{padding:4px 8px;border:1px solid var(--border);background:#ffffff08;color:#d6d6d6;font-size:11px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nano-openai-lab__checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted-2)}.nano-openai-lab__error{color:#f87171;font-size:12px;font-weight:600}.nano-openai-lab__status{color:#a7f3d0;font-size:12px;font-weight:600}.nano-openai-lab__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.nano-openai-lab__summary-item{display:grid;gap:4px;padding:8px;border:1px solid var(--border);background:#ffffff05;font-size:12px;min-width:0}.nano-openai-lab__summary-item code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nano-openai-lab__preview{display:grid;gap:8px}.nano-openai-lab__preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}.nano-openai-lab__preview-list{display:grid;gap:6px;max-height:240px;overflow:auto}.nano-openai-lab__preview-item{width:100%;display:grid;gap:4px;padding:8px;border:1px solid var(--border);background:#ffffff05;text-align:left}.nano-openai-lab__preview-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.nano-openai-lab__preview-content{font-size:12px;color:#f1f1f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nano-openai-lab__preview-empty{padding:8px;border:1px dashed var(--border);font-size:12px}.nano-openai-lab__json-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0}.nano-openai-lab__json-card{min-height:0;padding:10px;border:1px solid var(--border);background:#00000059;display:grid;gap:8px}.nano-openai-lab__json-card--collapsible{align-content:start}.nano-openai-lab__json-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none}.nano-openai-lab__json-summary::-webkit-details-marker{display:none}.nano-openai-lab__json-card--collapsible .nano-openai-lab__json-title:after{content:" (collapsed)";color:var(--muted);font-weight:600}.nano-openai-lab__json-card--collapsible[open] .nano-openai-lab__json-title:after{content:" (expanded)"}.nano-openai-lab__json-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}.nano-openai-lab__json{margin:0;padding:10px;border:1px solid rgba(255,255,255,.12);background:#00000073;font-size:11px;line-height:1.45;color:#d6d6d6;overflow:auto;min-height:180px;max-height:420px;white-space:pre-wrap;word-break:break-word}@media (max-width: 1200px){.nano-openai-gpt .nano-layout,.nano-openai-gpt__controls,.nano-openai-lab .nano-layout{grid-template-columns:1fr}.nano-openai-lab__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.nano-openai-gpt__bubble{max-width:100%}.nano-openai-lab__controls,.nano-openai-lab__json-grid{grid-template-columns:1fr}}.nano-home__content{width:100%;max-width:1200px;margin:0 auto;display:grid;gap:12px}.nano-home__category{display:grid;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.24);background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0a}.nano-home__category-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.nano-home__category-title{font-size:14px;font-weight:700}.nano-home__category-subtitle{font-size:12px}.nano-home__grid{grid-template-columns:repeat(auto-fit,minmax(160px,200px));align-items:stretch;justify-content:start}.nano-home__tile{display:flex;flex-direction:column;gap:4px;height:72px;background:#f2f2f2;color:#0b0b0b;border-color:#00000029;box-shadow:0 10px 24px #0000002e;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.nano-home__tile--accordion{height:72px;min-height:72px;padding:0;cursor:default}.nano-home__tile--accordion.is-open{height:auto}.nano-home__tile-toggle{background:transparent;border:none;padding:8px 10px;margin:0;text-align:left;display:flex;flex:1;align-items:center;gap:4px;width:100%;height:100%;color:inherit}.nano-home__tile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.nano-home__tile-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--muted);transition:transform .18s ease}.nano-home__tile--accordion.is-open .nano-home__tile-caret{transform:rotate(180deg)}.nano-home__tile-panel{display:grid;gap:8px;padding:2px 10px 10px;overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);transition:max-height .22s ease,opacity .2s ease,transform .2s ease}.nano-home__tile-panel.is-open{max-height:960px;opacity:1;transform:translateY(0)}.nano-home__tile-options{display:grid;gap:6px}.nano-home__tile-option{display:grid;gap:3px;padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.18);background:#f7f7f7;color:#0b0b0b;transition:transform .15s ease,border-color .15s ease,background .15s ease}.nano-page .nano-home__tile-option:hover{background:#fff;border-color:#00000042;transform:translateY(-1px)}.nano-home__tile-option-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#0b0b0b}.nano-page .nano-home__tile:hover{background:#fff;border-color:#00000038;transform:translateY(-4px) scale(1.01);box-shadow:0 16px 34px #00000038}.nano-page .nano-home__tile:active{transform:translateY(-1px) scale(1.005)}.nano-home__tile-title{font-size:13px;font-weight:700;color:#0b0b0b}.nano-home__tile-title-row{display:flex;align-items:center;gap:8px}.nano-home__tile .muted{color:#4b5563}.tool-icon{display:inline-block;width:32px;height:32px;flex-shrink:0;object-fit:contain}.tool-icon--mono{mix-blend-mode:difference}.tool-icon--menu{width:18px;height:18px}.tool-icon--tile{width:22px;height:22px}.tool-icon--option{width:18px;height:18px}.nano-login{align-items:stretch;gap:16px;overflow:auto}.nano-login__body{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:32px}.nano-login__card{width:100%;max-width:480px;display:grid;gap:12px}.nano-login__eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.nano-login__title{margin:0;font-size:24px;font-weight:700}.nano-login__copy{margin:0;font-size:13px}.nano-login__error{padding:10px 12px;border-radius:10px;border:1px solid rgba(248,113,113,.45);background:#f871711f;color:#fca5a5;font-size:12px;line-height:1.4}.nano-login__cta{width:100%}.nano-settings__card{max-width:720px;width:100%;margin:0 auto}.nano-settings__title{font-size:18px;font-weight:700;margin-bottom:6px}.nano-settings__copy{font-size:12px}.nano-page .nano-layout{flex:1;min-height:0;height:auto;grid-template-columns:minmax(0,1.8fr) minmax(280px,.7fr);grid-template-rows:minmax(0,1fr);gap:10px;align-items:stretch;position:relative;transition:grid-template-columns .18s ease}.nano-page .nano-layout.is-closed{grid-template-columns:minmax(0,1fr)}.nano-page .nano-layout.has-sidebar-rail{grid-template-columns:minmax(0,1.8fr) 34px minmax(280px,.7fr)}.nano-page .nano-layout.has-sidebar-rail.is-closed{grid-template-columns:minmax(0,1fr) 34px}.nano-page .nano-layout>.card{min-height:0}.nano-page .nano-chat-card{min-height:0}.nano-page .nano-sidebar-rail{min-height:0;display:flex;align-items:stretch}.nano-page .nano-sidebar{display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:10px}.nano-page .nano-settings-sidebar{--settings-title-size: 16px;--settings-title-weight: 800;--settings-title-color: #f4f7ff;--settings-title-letter-spacing: .09em;--settings-section-size: 13px;--settings-section-weight: 750;--settings-section-color: #dde6f6;--settings-section-letter-spacing: .11em;--settings-label-size: 13px;--settings-label-weight: 650;--settings-label-color: #cfd9e8;--settings-control-size: 15px;--settings-control-weight: 700;--settings-control-color: #f3f6ff;--settings-toggle-color: #d6deeb}.nano-page .nano-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.nano-page .nano-settings-sidebar .nano-sidebar__title{font-size:var(--settings-title-size);font-weight:var(--settings-title-weight);text-transform:uppercase;letter-spacing:var(--settings-title-letter-spacing);color:var(--settings-title-color)}.nano-page .nano-sidebar__actions{display:flex;flex-direction:column;gap:6px}.nano-page .nano-sidebar__content{display:grid;gap:2px;flex:1;min-height:0;overflow-y:auto;padding-right:2px;align-content:start;align-items:start;grid-auto-rows:max-content}.nano-page .nano-sidebar__section{display:grid;gap:2px;padding:4px 6px;border-radius:var(--control-radius);border:1px solid var(--border);background:#ffffff05;align-content:start}.nano-page .nano-settings-sidebar .nano-sidebar__section-title{font-size:var(--settings-section-size);font-weight:var(--settings-section-weight);letter-spacing:var(--settings-section-letter-spacing);text-transform:uppercase;color:var(--settings-section-color);line-height:1.1;margin-bottom:-2px}.nano-page .nano-sidebar__field{display:grid;gap:1px}.nano-page .nano-settings-sidebar .nano-sidebar__label{font-size:var(--settings-label-size);font-weight:var(--settings-label-weight);color:var(--settings-label-color);line-height:1.3}.nano-page .nano-sidebar__control-row{display:flex;align-items:center;gap:8px}.nano-page .nano-sidebar__control-row .ui-range,.nano-page .nano-sidebar__control-row .ui-range--inline{margin-top:0;flex:1}.nano-page .nano-sidebar__control-input{width:96px;min-width:96px;padding:8px 10px}.nano-page .nano-sidebar__option-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.nano-page .nano-sidebar__option-row--grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible;padding-bottom:0}.nano-page .nano-sidebar__option-btn{flex:0 0 auto;min-width:56px;padding:6px 10px;border-radius:var(--control-radius);border:1px solid rgba(255,255,255,.16);background:#ffffff08;color:#d5dbe4;font-size:12px;font-weight:600}.nano-page .nano-sidebar__option-btn:hover:not(:disabled){border-color:#ffffff4d;background:#ffffff14;color:#fff}.nano-page .nano-sidebar__option-btn.is-active{border-color:#ffffff6b;background:#ffffff29;color:#fff}.nano-page .nano-sidebar__option-btn:disabled{opacity:.6;cursor:not-allowed}.nano-page .nano-sidebar__label-row{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.nano-page .element-section__title{display:flex;align-items:center;justify-content:space-between;gap:8px}.nano-page .element-list{display:grid;gap:10px}.nano-page .element-card{display:grid;gap:10px;padding:10px;border-radius:var(--control-radius);border:1px solid var(--border);background:#0006}.nano-page .element-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.nano-page .element-card__actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nano-page .element-card__title{font-size:12px;font-weight:700}.nano-page .element-card__meta{font-size:11px}.nano-page .element-token{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:#38bdf82e;color:#bae6fd;font-size:10px;font-weight:600}.nano-page .element-ref-list{display:grid;gap:8px;margin-top:6px}.nano-page .element-ref{display:grid;gap:6px}.nano-page .element-upload-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--control-radius);border:1px solid var(--border);background:#0006}.nano-page .element-upload-name{flex:1;min-width:0;font-size:11px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nano-page .element-upload-progress{font-size:10px;color:var(--muted)}.nano-page .element-upload-remove{width:20px;height:20px;border-radius:999px;border:none;background:#0009;color:#e8edf5;font-weight:700;cursor:pointer;display:grid;place-items:center;line-height:1}.nano-page .nano-sidebar__hint{font-size:12px}.nano-page .nano-sidebar__error{font-size:12px;font-weight:600;color:#f87171}.nano-page .nano-sidebar__status{font-size:12px;line-height:1.4}.nano-page .nano-sidebar.nano-sidebar--tabs{display:flex;flex-direction:column;padding:0}.nano-page .nano-sidebar.nano-sidebar--tabs .nano-sidebar__tabs{display:flex;flex-direction:row;align-items:center;gap:6px;margin-left:auto;padding:0;border:none;background:transparent}.nano-page .nano-sidebar.nano-sidebar--tabs .nano-sidebar__tab{display:flex;align-items:center;justify-content:center;gap:0;width:38px;height:38px;padding:0;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted)}.nano-page .nano-sidebar.nano-sidebar--tabs .nano-sidebar__tab svg{width:18px;height:18px}.nano-page .nano-sidebar.nano-sidebar--tabs .nano-sidebar__tab:hover{background:#ffffff0f;color:#f9fafb}.nano-page .nano-sidebar.nano-sidebar--tabs .nano-sidebar__tab.is-active{border-color:#fff3;background:#ffffff14;color:#fff}.nano-page .nano-sidebar.nano-sidebar--tabs .nano-sidebar__header{gap:10px}.nano-page .nano-sidebar.nano-sidebar--tabs .nano-sidebar__title{margin-right:auto}.nano-page .nano-sidebar.nano-sidebar--tabs .nano-sidebar__main{display:flex;flex-direction:column;gap:12px;padding:12px;min-width:0}.nano-page .nano-sidebar.nano-sidebar--tabs .nano-sidebar__content{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.nano-page .nano-sidebar-edge-toggle{position:relative;width:100%;height:100%;min-height:0;border-radius:var(--control-radius);border:var(--control-border-width) solid rgba(255,255,255,.14);background:#686868;color:#fff;display:grid;place-items:center;z-index:12;cursor:pointer;box-shadow:0 10px 22px #00000059;transition:background .14s ease,border-color .14s ease,opacity .14s ease}.nano-page .nano-sidebar-edge-toggle.is-closed,.nano-page .nano-sidebar-edge-toggle.is-open{background:#686868}.nano-page .nano-sidebar-edge-toggle svg{width:16px;height:16px}.nano-page .nano-sidebar-edge-toggle:hover{background:#767676;border-color:#ffffff4d;box-shadow:0 12px 24px #00000073}.nano-page .nano-sidebar-edge-toggle:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.nano-page .nano-assets__prompt{min-height:72px;resize:vertical}.nano-page .nano-assets__hint{font-size:12px}.nano-page .nano-assets__grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nano-page .nano-assets__grid.is-loading .nano-assets__tile{opacity:.7}.nano-page .nano-assets__tile{position:relative;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:#00000059;overflow:hidden;aspect-ratio:1 / 1}.nano-page .nano-assets__tile.is-clickable{cursor:pointer}.nano-page .nano-assets__tile.is-clickable:hover{border-color:#ffffff40}.nano-page .nano-assets__tile img{width:100%;height:100%;object-fit:cover;display:block}.nano-page .nano-assets__tile.is-empty:after{content:"";width:32%;height:32%;border-radius:8px;border:1px dashed rgba(255,255,255,.18)}.nano-page .nano-assets__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.nano-page .nano-assets__regenerate{pointer-events:auto}.nano-page .nano-assets__regenerate svg{width:14px;height:14px}.nano-page .tts-results{flex:1;min-height:0}.nano-page.tts-page .nano-sidebar{min-height:0}.nano-page.tts-page .nano-sidebar__content{flex:1;overflow-y:auto;padding-right:4px}.nano-page .tts-track-list{display:grid;gap:10px}.nano-page .tts-track{border:1px solid var(--border);border-radius:10px;padding:10px;background:#0000008c;display:grid;gap:8px;animation:tts-rise .22s ease}.nano-page .tts-track.is-pending{position:relative;overflow:hidden}.nano-page .tts-track.is-pending:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);animation:tts-sheen 1.2s ease-in-out infinite}.nano-page .tts-track__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.nano-page .tts-track__title{font-size:13px;font-weight:600}.nano-page .tts-track__status{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted-2)}.nano-page .tts-track__status.is-ready{color:#d1fae5;border-color:#7ae8c773;background:#7ae8c714}.nano-page .tts-track__status.is-error{color:#fca5a5;border-color:#f8717180;background:#f8717114}.nano-page .tts-track__meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px}.nano-page .tts-track__actions{display:flex;gap:8px}.nano-page .kling-head__actions{margin-left:auto;display:flex;align-items:center;gap:8px}.nano-page .kling-results,.nano-page .sora-results,.nano-page .veo-results{flex:1;min-height:0}.nano-page .video-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;overflow:visible}.nano-page .video-gallery.is-list{grid-template-columns:1fr}.nano-page .video-gallery.is-list .video-card{grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:stretch;gap:12px;padding:10px}.nano-page .video-gallery.is-list .video-media{aspect-ratio:16 / 9;border-radius:10px}.nano-page .video-gallery.is-list .video-card__body{display:flex;flex-direction:column;gap:6px;min-width:0}.nano-page .video-gallery.is-list .video-prompt{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nano-page .video-gallery.is-list .video-meta,.nano-page .video-gallery.is-list .video-error__detail{display:none}.nano-page .video-gallery.is-list .video-actions{margin-top:auto}@media (max-width: 720px){.nano-page .video-gallery.is-list .video-card{grid-template-columns:1fr}.nano-page .video-gallery.is-list .video-media{aspect-ratio:1 / 1}}.nano-page .video-card{position:relative;display:grid;gap:10px;padding:8px;border:1px solid var(--border);background:#0000008c;animation:tts-rise .22s ease;transition:transform .18s ease,box-shadow .18s ease;transform-origin:center;z-index:0}.nano-page .video-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px #00000073;z-index:2}.nano-page .video-media{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#0006;display:grid;place-items:center;aspect-ratio:1 / 1}.nano-page .video-media.is-clickable{cursor:zoom-in}.nano-page .video-media.is-clickable:focus-visible{outline:2px solid rgba(122,232,199,.6);outline-offset:3px}.nano-page .video-media video{width:100%;height:100%;object-fit:contain;display:block;background:#000;object-position:center center;transform:scale(1);transition:transform .2s ease}.nano-page .video-media img{width:100%;height:100%;object-fit:contain;display:block;background:#000;object-position:center center}.nano-page .video-media model-viewer{width:100%;height:100%;display:block;background:#000;pointer-events:none}.nano-page .video-card:hover .video-media video{transform:scale(1)}.nano-page .video-media.is-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);animation:tts-sheen 1.2s ease-in-out infinite}.nano-page .video-placeholder{width:100%;height:100%;padding:12px;display:grid;place-items:center;gap:6px;text-align:center;color:var(--muted)}.nano-page .video-placeholder__title{font-size:12px;font-weight:600;color:#e2e8f0}.nano-page .video-placeholder__meta{font-size:11px;color:var(--muted)}.nano-page .video-card__row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}.nano-page .video-status{font-size:10px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);text-transform:uppercase;letter-spacing:.08em}.nano-page .video-status.is-ready{color:#bbf7d0;border-color:#22c55e66;background:#22c55e1f}.nano-page .video-status.is-running{color:#bae6fd;border-color:#38bdf866;background:#38bdf81f}.nano-page .video-status.is-pending{color:#fde68a;border-color:#fde68a66;background:#fde68a1f}.nano-page .video-status.is-error{color:#fecaca;border-color:#f8717173;background:#f871711f}.nano-page .video-status.is-neutral{color:#d1d5db}.nano-page .video-prompt{font-size:12px;line-height:1.4;color:#e2e8f0}.nano-page .video-error{font-size:11px;line-height:1.35;color:#fca5a5;overflow-wrap:anywhere;word-break:break-word}.nano-page .video-error__detail{margin-top:4px;font-size:10px;color:#f87171;opacity:.9}.nano-page .video-meta{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.nano-page .video-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.video-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#3c3c3c61,#0000008c),#0000007a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .2s ease,backdrop-filter .2s ease}.video-lightbox.is-open{opacity:1;pointer-events:auto}.video-lightbox__content{position:relative;width:min(1100px,94vw);max-height:88vh;border-radius:var(--control-radius);border:1px solid rgba(255,255,255,.16);background:linear-gradient(160deg,#121212fa,#060606fa);box-shadow:0 28px 80px #000000b3;padding:20px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr);opacity:0;transform:translateY(12px) scale(.98);transition:transform .2s ease,opacity .2s ease}.video-lightbox.is-open .video-lightbox__content{opacity:1;transform:translateY(0) scale(1)}.video-lightbox__close{position:absolute;top:8px;right:10px;width:32px;height:32px;border-radius:var(--control-radius);border:var(--control-border-width) solid rgba(255,255,255,.2);background:#ffffff14;color:#e5e7eb;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:10;transition:transform .14s ease,background .14s ease,border-color .14s ease}.video-lightbox__close:hover{background:#ffffff29;border-color:#ffffff59;transform:scale(1.05)}.video-lightbox__title{font-size:12px;font-weight:600;color:#cbd5e1;letter-spacing:.02em;padding-right:210px}.video-lightbox__main{display:grid;gap:12px;min-width:0}.video-lightbox__video{width:100%;max-height:70vh;border-radius:var(--control-radius);background:#000;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 40px #0000008c}.video-lightbox__model{width:100%;height:min(78vh,760px);min-height:360px;border-radius:var(--control-radius);background:#000;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 40px #0000008c;display:grid;place-items:center}.model-lightbox .video-lightbox__model{height:100%;min-height:60vh;max-height:100%}.video-lightbox__stage{position:relative;width:100%;height:100%;min-height:60vh}.model-lightbox .video-lightbox__stage{min-height:70vh}.video-lightbox__stage .video-lightbox__model{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-lightbox__model--placeholder{padding:16px;text-align:center;color:var(--muted);gap:6px}.video-lightbox__model--placeholder .video-placeholder__title{font-size:14px;font-weight:600;color:#cbd5e1}.video-lightbox__model--placeholder .video-placeholder__meta{font-size:12px;color:var(--muted)}.video-lightbox__content.has-panel{grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:stretch;gap:16px}.model-lightbox .video-lightbox__content{width:min(1600px,98vw);max-height:94vh;height:94vh;grid-template-rows:minmax(0,1fr);align-items:stretch}.model-lightbox .video-lightbox__content.has-panel{grid-template-columns:minmax(0,1fr) minmax(260px,380px)}.model-lightbox .video-lightbox__main{min-height:0;height:100%;display:grid;align-content:stretch;grid-template-rows:min-content 1fr}.video-lightbox__content.is-panel-collapsed{grid-template-columns:minmax(0,1fr)}.video-lightbox__panel{display:flex;flex-direction:column;gap:12px;min-width:0;border-left:1px solid rgba(255,255,255,.12);padding-left:14px;padding-top:0}.video-lightbox__panel-toggle{position:absolute;top:8px;right:50px;height:32px;max-width:calc(100% - 94px);border-radius:var(--control-radius);border:var(--control-border-width) solid rgba(255,255,255,.2);background:#0a0c12eb;color:#f3f4f6;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;cursor:pointer;z-index:10;box-shadow:0 10px 22px #00000073;transition:transform .14s ease,background .14s ease,border-color .14s ease}.video-lightbox__panel-toggle-label{font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.video-lightbox__panel-toggle svg{width:13px;height:13px;flex-shrink:0;transition:transform .16s ease}.video-lightbox__panel-toggle.is-open svg{transform:rotate(180deg)}.video-lightbox__panel-toggle.is-collapsed svg{transform:rotate(0)}.video-lightbox__panel-toggle:hover{background:#ffffff1f;border-color:#ffffff59}.video-lightbox__panel-toggle:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.video-lightbox__panel-inner{display:grid;gap:12px;overflow-y:auto;max-height:68vh;padding-right:4px}.video-lightbox__content.is-panel-collapsed .video-lightbox__panel-inner,.video-lightbox__content.is-panel-collapsed .video-lightbox__panel{display:none}.video-lightbox__panel-section{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.video-lightbox__panel-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.video-lightbox__panel-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8}.video-lightbox__panel-meta{display:grid;gap:8px}.video-lightbox__panel-key{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.video-lightbox__panel-value{font-size:12px;color:#e5e7eb}.video-lightbox__prompt{font-size:12px;line-height:1.45;color:#e5e7eb;max-height:120px;overflow-y:auto;white-space:pre-wrap}.video-lightbox__copy{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;background:#ffffff0f;color:#e5e7eb;cursor:pointer}.video-lightbox__copy:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d}.video-lightbox__copy:disabled{opacity:.45;cursor:not-allowed}.video-lightbox__inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.video-lightbox__input{display:grid;gap:6px;text-align:center}.video-lightbox__input-thumb{width:100%;height:72px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0006}.video-lightbox__input-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-lightbox__input-label{font-size:10px;color:#94a3b8}.video-lightbox__panel-empty{font-size:11px;color:#94a3b8}.video-lightbox__panel-loading{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#cbd5f5}.video-lightbox__panel-loading .icon-spinner{width:12px;height:12px}@media (max-width: 980px){.video-lightbox__content.has-panel,.video-lightbox__content.is-panel-collapsed{grid-template-columns:minmax(0,1fr)}.video-lightbox__panel{border-left:none;border-top:1px solid rgba(255,255,255,.12);padding-left:0;padding-top:12px}.video-lightbox__panel-toggle{top:10px;right:52px;height:34px;padding:0 8px;border:1px solid rgba(255,255,255,.22);background:#0a0c12f5;box-shadow:0 8px 18px #0006}.video-lightbox__panel-toggle-label{font-size:10px}.video-lightbox__title{padding-right:178px}.video-lightbox__close{z-index:11}}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#3c3c3c59,#00000085),#00000075;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .2s ease,backdrop-filter .2s ease}.image-lightbox.is-open{opacity:1;pointer-events:auto}.image-lightbox__content{position:relative;width:fit-content;max-width:calc(100vw - 48px);max-height:94vh;border-radius:var(--control-radius);border:2px solid rgba(255,255,255,.32);background:#050505;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff14;padding:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;opacity:0;transform:translateY(12px) scale(.98);transition:transform .2s ease,opacity .2s ease}.image-lightbox.is-open .image-lightbox__content{opacity:1;transform:translateY(0) scale(1)}.image-lightbox__content.has-panel{grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:stretch;gap:16px}.image-lightbox__content.is-panel-collapsed{grid-template-columns:minmax(0,1fr)}.image-lightbox__close{position:absolute;top:8px;right:10px;width:32px;height:32px;border-radius:var(--control-radius);border:var(--control-border-width) solid rgba(255,255,255,.16);background:#ffffff0f;color:#e5e7eb;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:10;box-shadow:0 10px 22px #00000073}.image-lightbox__main{display:grid;gap:12px;min-width:0}.image-lightbox__action{border-radius:var(--control-radius);border:var(--control-border-width) solid rgba(255,255,255,.16);background:#ffffff0f;color:#e5e7eb;font-size:12px;padding:6px 10px;cursor:pointer;letter-spacing:.02em}.image-lightbox__action:hover,.image-lightbox__close:hover{background:#ffffff1f}.image-lightbox__frame{--image-lightbox-background: #111827;position:relative;display:grid;place-items:center;width:fit-content;max-width:min(1360px,calc(100vw - 84px));min-height:0;margin:0 auto;overflow:hidden;touch-action:none;cursor:default;background-color:var(--image-lightbox-background)}.has-transparency-pattern,.image-lightbox__frame.has-transparency-pattern{background-image:repeating-conic-gradient(from 45deg,#ffffff29,#ffffff29 25%,#00000024 0%,#00000024 50%);background-size:24px 24px}.image-preview{position:relative;width:100%;height:100%;overflow:hidden}.image-preview__img{width:100%;height:100%;display:block;background:transparent}.image-preview.is-hover-zoom .image-preview__img{transform-origin:center;transition:transform .22s ease;will-change:transform}.image-preview.is-hover-zoom:hover .image-preview__img{transform:scale(var(--image-preview-scale, 1.06))}.image-lightbox__image{display:block;width:auto;max-width:min(1360px,calc(100vw - 84px));max-height:80vh;border-radius:var(--control-radius);background:transparent;object-fit:contain;transform-origin:center;transition:transform .22s ease;will-change:transform}.image-lightbox__content.has-panel.is-panel-open .image-lightbox__frame,.image-lightbox__content.has-panel.is-panel-open .image-lightbox__image{max-width:min(1360px,calc(100vw - 420px))}.image-lightbox__frame.is-zoomed{cursor:grab}.image-lightbox__frame.is-dragging{cursor:grabbing}.image-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:var(--control-radius);border:var(--control-border-width) solid rgba(255,255,255,.2);background:#0000008c;color:#f3f4f6;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer}.image-lightbox__nav:hover{background:#000000bf}.image-lightbox__nav--prev{left:8px}.image-lightbox__nav--next{right:8px}.image-lightbox__panel{display:flex;flex-direction:column;gap:12px;min-width:0;border-left:1px solid rgba(255,255,255,.12);padding-left:14px;padding-top:0}.image-lightbox__panel-toggle{position:absolute;top:8px;right:50px;height:32px;max-width:calc(100% - 94px);border-radius:var(--control-radius);border:var(--control-border-width) solid rgba(255,255,255,.2);background:#0a0c12eb;color:#f3f4f6;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;cursor:pointer;z-index:10;box-shadow:0 10px 22px #00000073;transition:transform .14s ease,background .14s ease,border-color .14s ease}.image-lightbox__panel-toggle-label{font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.image-lightbox__panel-toggle svg{width:13px;height:13px;flex-shrink:0;transition:transform .16s ease}.image-lightbox__panel-toggle.is-open svg{transform:rotate(180deg)}.image-lightbox__panel-toggle.is-collapsed svg{transform:rotate(0)}.image-lightbox__panel-toggle:hover{background:#ffffff1f;border-color:#ffffff59}.image-lightbox__panel-toggle:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.image-lightbox__panel-inner{display:grid;gap:12px;overflow-y:auto;max-height:74vh;padding-right:4px}.image-lightbox__content.is-panel-collapsed .image-lightbox__panel-inner,.image-lightbox__content.is-panel-collapsed .image-lightbox__panel{display:none}.image-lightbox__panel-section{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.image-lightbox__panel-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8}.image-lightbox__panel-kv{display:grid;gap:2px}.image-lightbox__panel-key{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.image-lightbox__panel-value{font-size:12px;color:#e5e7eb;white-space:pre-wrap;word-break:break-word}.image-lightbox__panel-empty{font-size:11px;color:#94a3b8}.image-lightbox__background-controls{display:grid;gap:10px}.image-lightbox__background-color{display:grid;gap:6px}.image-lightbox__background-picker{display:flex;align-items:center;gap:10px}.image-lightbox__color-input{width:38px;height:30px;border:none;padding:0;border-radius:6px;overflow:hidden;background:transparent;cursor:pointer}.image-lightbox__color-input::-webkit-color-swatch-wrapper{padding:0}.image-lightbox__color-input::-webkit-color-swatch{border:1px solid rgba(255,255,255,.24);border-radius:6px}.image-lightbox__color-input::-moz-color-swatch{border:1px solid rgba(255,255,255,.24);border-radius:6px}.image-lightbox__background-color-value{font-size:11px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;letter-spacing:.04em;color:#cbd5e1}.image-lightbox__checkbox{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#e5e7eb;cursor:pointer}.image-lightbox__checkbox input{width:14px;height:14px;margin:0}.image-lightbox__details{display:grid;gap:8px;width:min(100%,min(1360px,calc(100vw - 84px)));border-top:1px solid rgba(255,255,255,.08);padding-top:10px;max-height:180px;overflow:auto}.image-lightbox__panel .image-lightbox__details{width:100%;border-top:none;padding-top:0;max-height:none}.image-lightbox__detail{display:grid;grid-template-columns:minmax(90px,140px) minmax(0,1fr);gap:8px;font-size:12px;color:#e5e7eb}.image-lightbox__detail-label{color:#e5e7ebb3;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.image-lightbox__detail-value{white-space:pre-wrap;word-break:break-word}.inpaint-studio{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050ac7;display:flex;align-items:center;justify-content:center;padding:12px;z-index:120;overflow:hidden}.inpaint-studio__content{width:min(2400px,calc(100vw - 24px));max-width:min(2400px,calc(100vw - 24px));max-height:92vh;height:92vh;overflow:hidden;border-radius:var(--control-radius);border:1px solid rgba(255,255,255,.14);background:#0b0b0b;box-shadow:0 24px 80px #0000008c;padding:18px;display:flex;flex-direction:column;gap:16px;min-width:0}.inpaint-studio__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.inpaint-studio__title{font-size:18px;font-weight:700}.inpaint-studio__actions{display:flex;align-items:center;gap:10px}.inpaint-studio .chat-composer{display:grid;gap:10px}.inpaint-studio__composer{flex-shrink:0;padding:12px;border:1px solid rgba(255,255,255,.16);background:#0000007a}.inpaint-studio__composer.is-dragging{border-color:#ffd45ce6;background:#ffd45c17}.inpaint-studio .chat-composer__label{display:block;font-size:12px;font-weight:600;color:var(--muted)}.inpaint-studio .prompt-highlight{border-radius:var(--control-radius);background:#ffffff05;padding-bottom:6px}.inpaint-studio .prompt-highlight:focus-within{border-color:#fff3;box-shadow:none}.inpaint-studio .prompt-highlight__layer{padding:10px 12px}.inpaint-studio .chat-composer__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.inpaint-studio .chat-composer__actions{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-end}.inpaint-studio .nano-composer-tool-button{width:52px;height:52px;padding:0;border-radius:var(--control-radius);border:var(--control-border-width) solid rgba(255,255,255,.14);background:linear-gradient(120deg,#0f0f0f,#1b1b1b);color:#f1f1f1;display:grid;place-items:center;cursor:pointer;transition:background .14s ease,border-color .14s ease,opacity .14s ease}.inpaint-studio .nano-composer-tool-button:hover:not(:disabled){background:linear-gradient(120deg,#151515,#242424);border-color:#ffffff47}.inpaint-studio .nano-composer-tool-button:disabled{opacity:.6;cursor:not-allowed}.inpaint-studio .nano-composer-tool-button img{width:22px;height:22px;filter:brightness(0) invert(1);display:block}.inpaint-studio .nano-composer-tool-button .icon-spinner{width:18px;height:18px;border-width:2px}.inpaint-studio__attachment-grid{grid-template-columns:repeat(auto-fill,78px);grid-auto-rows:auto;gap:8px;margin-top:0;justify-content:start;align-content:start;max-height:188px;overflow:auto}.inpaint-studio__attachment-tile{display:grid;gap:6px;width:78px;min-width:0}.inpaint-studio__attachment-tile .attachment{width:78px;height:78px}.inpaint-studio__attachment-name{font-size:11px;color:var(--muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inpaint-studio__composer-hint{font-size:12px}.inpaint-studio .chat-composer__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted)}.inpaint-studio__composer-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px}@media (max-width: 980px){.inpaint-studio{align-items:center;justify-content:center;padding:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}.inpaint-studio__content{width:100%;max-width:100%;height:auto;max-height:calc(100vh - max(16px,env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px)));padding:12px;gap:12px;overflow:auto;overflow-x:hidden;margin-inline:auto}.inpaint-studio__header{flex-wrap:wrap;align-items:flex-start}.inpaint-studio__actions{width:100%;justify-content:space-between}.inpaint-studio__actions .btn{flex:1 1 0;min-width:0;padding:8px 10px;font-size:13px}.inpaint-studio .chat-composer__row{grid-template-columns:minmax(0,1fr);align-items:stretch}.inpaint-studio .chat-composer__actions{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.inpaint-studio__composer-footer .btn{flex:1 1 calc(50% - 4px);min-width:0}}@media (max-width: 520px){.inpaint-studio__content{width:100%;max-width:100%;padding:10px;gap:10px}.inpaint-studio__attachment-grid{grid-template-columns:repeat(auto-fill,68px)}.inpaint-studio__attachment-tile{width:68px}.inpaint-studio__attachment-tile .attachment{width:68px;height:68px}.inpaint-studio .nano-composer-tool-button{width:46px;height:46px}}@media (max-width: 720px){.image-lightbox__content.has-panel{grid-template-columns:minmax(0,1fr);max-width:calc(100vw - 24px);overflow:hidden}.image-lightbox__content.is-panel-collapsed{grid-template-columns:minmax(0,1fr)}.image-lightbox__content.has-panel.is-panel-open .image-lightbox__frame,.image-lightbox__content.has-panel.is-panel-open .image-lightbox__image{max-width:calc(100vw - 56px)}.image-lightbox__panel{position:absolute;top:10px;right:10px;bottom:10px;width:min(86vw,340px);border:1px solid rgba(255,255,255,.18);padding:12px;background:#07080bf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 36px #00000085;z-index:5;transition:transform .18s ease}.image-lightbox__panel-toggle{top:10px;right:52px;height:34px;padding:0 8px;border:1px solid rgba(255,255,255,.22);background:#0a0c12f5;box-shadow:0 8px 18px #0006}.image-lightbox__panel-toggle-label{font-size:10px}.image-lightbox__panel-inner{max-height:100%}.image-lightbox__close{z-index:11}.image-lightbox__details{max-height:200px}.image-lightbox__detail{grid-template-columns:1fr}.image-lightbox__detail-label{font-size:9px}}.nano-page .tts-track__error{color:#f87171;font-size:12px;font-weight:600}.nano-page .tts-wave{display:flex;gap:4px;align-items:flex-end;height:18px}.nano-page .tts-wave span{width:4px;height:10px;border-radius:4px;background:#ffffff73;animation:tts-wave 1s ease-in-out infinite}.nano-page .tts-wave span:nth-child(2){animation-delay:.15s}.nano-page .tts-wave span:nth-child(3){animation-delay:.3s}.nano-page .tts-wave span:nth-child(4){animation-delay:.45s}.nano-page .tts-audio{width:100%;filter:grayscale(.1)}.nano-page .tts-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted-2)}@keyframes tts-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tts-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes tts-wave{0%,to{transform:scaleY(.5);opacity:.4}50%{transform:scaleY(1.3);opacity:1}}.card{background:var(--surface);border-radius:var(--control-radius);box-shadow:0 20px 80px #00000073;padding:24px;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nano-page .card{padding:16px;border-radius:var(--control-radius);background:#00000080;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}button{cursor:pointer;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--control-radius);font-weight:700;border:var(--control-border-width) solid rgba(34,211,238,.3);background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#041016;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;letter-spacing:.01em}.nano-page .btn{padding:8px 12px;border-radius:var(--control-radius);border-color:#ffffff1f;background:linear-gradient(120deg,#0f0f0f,#1b1b1b);color:#f1f1f1;box-shadow:none}.nano-page .btn:hover{transform:none;box-shadow:none;background:linear-gradient(120deg,#151515,#222)}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 36px #22d3ee40}.btn:active{transform:translateY(0)}.btn-secondary{background:#ffffff0f;border:var(--control-border-width) solid rgba(255,255,255,.14);color:#e8edf5}.nano-page .btn-secondary{background:#ffffff0a;border-color:#ffffff1a;color:#d6d6d6}.btn-secondary:hover{background:#ffffff1a}.btn:disabled,.btn[disabled]{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.btn-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(4,16,22,.3);border-top-color:#041016;animation:spin .8s linear infinite}.nano-page .btn-spinner{border-color:#fff3;border-top-color:#f1f1f1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input{width:100%;padding:12px 14px;border-radius:var(--control-radius);border:var(--control-border-width) solid var(--border);background:#ffffff0a;color:#e8edf5;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.input[type=number]{color-scheme:dark}textarea.input{resize:none;overflow:hidden}.nano-page .input{padding:10px 12px;border-radius:var(--control-radius);background:#ffffff05}.prompt-highlight{width:100%;border-radius:var(--control-radius);border:var(--control-border-width) solid var(--border);background:#ffffff0a;display:grid;gap:6px;font:inherit;letter-spacing:inherit;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease;padding:0 0 8px}.prompt-highlight__field{position:relative;overflow:hidden}.prompt-highlight:focus-within{border-color:#22d3eea6;box-shadow:0 0 0 3px #22d3ee26}.nano-page .prompt-highlight{border-radius:var(--control-radius);background:#ffffff05;padding-bottom:6px}.nano-page .prompt-highlight:focus-within{border-color:#fff3;box-shadow:none}.prompt-highlight__layer{position:absolute;top:0;right:0;bottom:0;left:0;padding:12px 14px;white-space:pre-wrap;word-break:break-word;color:#e8edf5;pointer-events:none;font:inherit;letter-spacing:inherit;line-height:inherit}.nano-page .prompt-highlight__layer{padding:10px 12px}.prompt-highlight__textarea{position:relative;z-index:1;background:transparent;border:none;color:transparent;caret-color:#e8edf5;font:inherit;letter-spacing:inherit;line-height:inherit}.prompt-highlight__textarea:focus{box-shadow:none;outline:none}.prompt-highlight__textarea::placeholder{color:transparent}.prompt-highlight__placeholder{color:var(--muted)}.prompt-highlight__hint{font-size:11px;color:var(--muted);padding:0 12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nano-page .prompt-highlight__hint{padding:0 10px;font-size:10px}@media (max-width: 980px){.prompt-highlight__hint{display:none}.prompt-highlight{padding-bottom:0}.keyboard-shortcut-hint{display:none}}.prompt-token{display:inline;border-radius:6px;font-weight:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}.prompt-token--element{background:#38bdf833;box-shadow:inset 0 0 0 1px #38bdf859;color:#bae6fd}.prompt-token--image{background:#f8717133;box-shadow:inset 0 0 0 1px #f8717159;color:#fecaca}.prompt-token--video{background:#fbbf2433;box-shadow:inset 0 0 0 1px #fbbf2459;color:#fde68a}.nano-page .tts-language-select,.nano-page .tts-language-select button{font-family:Manrope,Neue Haas Grotesk,Suisse Intl,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.nano-page .tts-language-select{position:relative}.nano-page .tts-language-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer}.nano-page .tts-language-select__trigger:focus{border-color:#fff3;box-shadow:none;outline:none}.nano-page .tts-language-select__chevron{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid rgba(255,255,255,.65);flex-shrink:0}.nano-page .tts-language-select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;background:#0f141cfa;border:var(--control-border-width) solid var(--border);border-radius:var(--control-radius);padding:6px;display:grid;gap:2px;max-height:260px;overflow-y:auto;box-shadow:0 12px 24px #0000004d}.nano-page .tts-language-select__label{display:inline-flex;align-items:center;gap:8px}.nano-page .tts-language-select__flag{width:18px;height:12px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px #ffffff1f}.nano-page .tts-language-select__emoji{font-size:14px;line-height:1}.nano-page .tts-language-select__option{width:100%;border:none;background:transparent;color:#e8edf5;text-align:left;padding:8px 10px;border-radius:var(--control-radius);cursor:pointer;transition:background .12s ease,color .12s ease}.nano-page .tts-language-select__option:hover,.nano-page .tts-language-select__option:focus{background:#ffffff14;outline:none}.nano-page .tts-language-select__option.is-active{background:#ffffff24;font-weight:600}.input:focus{border-color:#22d3eea6;box-shadow:0 0 0 3px #22d3ee26;outline:none}.nano-page .input:focus{border-color:#fff3;box-shadow:none}.nano-page .chat-composer{display:grid;gap:10px}.nano-page .chat-composer__label{display:block;font-size:12px;font-weight:600;color:var(--muted)}.nano-page .chat-composer__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.nano-page .prompt-hints{display:flex;flex-wrap:wrap;gap:6px}.nano-page .prompt-token-quick-insert{display:grid;gap:6px}.nano-page .prompt-token-quick-insert__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.nano-page .prompt-token-quick-insert__label{font-size:11px;color:var(--muted)}.nano-page .prompt-token-quick-insert__items{display:flex;flex-wrap:wrap;gap:6px}.nano-page .chat-composer__actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end;justify-content:flex-end}.nano-page .nano-composer-tool-button{width:52px;height:52px;padding:0;border-radius:var(--control-radius);border:var(--control-border-width) solid rgba(255,255,255,.14);background:linear-gradient(120deg,#0f0f0f,#1b1b1b);color:#f1f1f1;display:grid;place-items:center;cursor:pointer;transition:background .14s ease,border-color .14s ease,opacity .14s ease}.nano-page .nano-composer-tool-button:hover:not(:disabled){background:linear-gradient(120deg,#151515,#242424);border-color:#ffffff47}.nano-page .nano-composer-tool-button:disabled{opacity:.6;cursor:not-allowed}.nano-page .nano-composer-tool-button img{width:22px;height:22px;filter:brightness(0) invert(1);display:block}.nano-page .nano-composer-tool-button--stop img{filter:brightness(0) saturate(100%) invert(18%) sepia(97%) saturate(4748%) hue-rotate(350deg) brightness(98%) contrast(115%)}.nano-page .nano-composer-tool-button .icon-spinner{width:18px;height:18px;border-width:2px}.nano-banana-page .chat-composer__row{align-items:stretch}.nano-banana-page .chat-composer__actions{flex-direction:row;align-items:center;justify-content:flex-end;align-self:stretch}.nano-banana-page .nano-composer-tool-button{flex:0 0 52px;width:52px;height:52px}.nano-banana-page .prompt-highlight{padding-bottom:0}.nano-banana-page .prompt-highlight__textarea{overflow-y:auto}.nano-page .quick-upload-actions{display:grid;gap:6px}.nano-page .quick-upload-actions__row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}.nano-page .quick-upload-actions__row--two{grid-template-columns:repeat(2,minmax(0,1fr))}.nano-page .quick-upload-actions__button{width:100%;min-height:36px;justify-content:center;text-align:center;cursor:pointer;white-space:nowrap}.nano-page .quick-upload-actions__button.is-disabled{opacity:.6;pointer-events:none}.submit-task-button{min-width:126px;min-height:40px;padding-inline:14px;white-space:nowrap}.nano-page .chat-composer__actions .submit-task-button{width:100%}.submit-task-button svg{width:16px;height:16px}.submit-task-button .btn-spinner{width:16px;height:16px;border-width:2px}.nano-page .submit-task-button{min-width:132px;min-height:40px}.nano-page .nano-settings-sidebar .quick-upload-actions__button,.nano-page .nano-settings-sidebar .submit-task-button{font-size:var(--settings-control-size);font-weight:var(--settings-control-weight);color:var(--settings-control-color);letter-spacing:.01em}.nano-page .nano-settings-sidebar .quick-upload-actions__button{min-height:40px}.nano-page .nano-settings-sidebar :is(.input,.ui-select__trigger){font-size:var(--settings-control-size);font-weight:600;color:var(--settings-control-color)}.nano-page .chat-composer__actions .icon-button{width:34px;height:34px;border-radius:9px}.nano-page .chat-composer__actions .icon-button svg{width:18px;height:18px}.nano-page .chat-composer__actions .icon-spinner{width:18px;height:18px;border-width:2px}.nano-page .chat-composer__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted)}.nano-page .chat-composer__error{color:#f87171;font-weight:600;font-size:12px}.nano-page :is(.gpt-image-main,.flux-main,.kling-main,.sora-main,.veo-main,.hunyuan-3d-main,.tts-main)>.chat-window{order:1}.nano-page :is(.gpt-image-main,.flux-main,.kling-main,.sora-main,.veo-main,.hunyuan-3d-main,.tts-main)>.chat-composer{order:2}.nano-page .video-permission-table{border:1px solid rgba(248,113,113,.4);background:#f8717114;border-radius:12px;padding:12px;color:#fecaca}.nano-page .video-permission-table__title{font-weight:700;font-size:12px;color:#fca5a5;margin-bottom:8px}.nano-page .video-permission-table__grid{width:100%;border-collapse:collapse;font-size:12px}.nano-page .video-permission-table__grid th,.nano-page .video-permission-table__grid td{padding:6px 0;text-align:left;vertical-align:top}.nano-page .video-permission-table__grid th{width:110px;font-weight:600;color:#fda4af}.nano-page .video-permission-table__grid tr+tr th,.nano-page .video-permission-table__grid tr+tr td{border-top:1px solid rgba(248,113,113,.2);padding-top:8px}.input::placeholder{color:var(--muted)}.ui-select{position:relative;width:100%}.ui-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;padding-right:38px;font:inherit;background:#111827b3}.ui-select__trigger:focus-visible{outline:2px solid rgba(34,211,238,.6);outline-offset:2px}.ui-select.is-disabled .ui-select__trigger{cursor:not-allowed;opacity:.6}.ui-select__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__value.is-placeholder{color:var(--muted)}.ui-select__caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid rgba(148,163,184,.8);transition:transform .16s ease;flex-shrink:0}.ui-select.is-open .ui-select__caret{transform:rotate(180deg)}.ui-select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;display:grid;gap:4px;padding:6px;border-radius:var(--control-radius);border:var(--control-border-width) solid var(--border);background:#0c111cfa;box-shadow:0 20px 44px #0000008c;max-height:0;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;visibility:hidden;transition:max-height .2s ease,opacity .16s ease,transform .16s ease;overflow-y:auto}.ui-select.is-open .ui-select__menu{max-height:320px;opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible}.ui-select__option{width:100%;border:1px solid transparent;background:transparent;color:#e8edf5;text-align:left;padding:8px 10px;border-radius:var(--control-radius);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease,transform .12s ease}.ui-select__option:hover,.ui-select__option.is-highlighted{background:#ffffff14}.ui-select__option.is-active{background:#7ae8c724;border-color:#7ae8c759;color:#f9fafb}.ui-select__option.is-disabled,.ui-select__option:disabled{opacity:.45;cursor:not-allowed}.ui-select__option:focus-visible{outline:2px solid rgba(34,211,238,.6);outline-offset:2px}.nano-page .ui-select__trigger{background:#00000073}.nano-page .ui-select__menu{background:#080808fa;border-color:#ffffff1f}.nano-page .ui-select__option.is-active{background:#ffffff1f;border-color:#fff3}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:1.7fr 1fr}.react-photo-gallery--gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;width:100%}.img-tile{position:relative;overflow:hidden;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);display:inline-flex;flex-direction:column;gap:8px;padding:8px;width:fit-content;max-width:100%}.img-tile.pending{border-color:#22d3eecc;animation:border-pulse 1.6s ease-in-out infinite}.img-tile img{width:auto;height:auto;max-width:min(520px,82vw);max-height:420px;display:block;object-fit:contain;padding:0;background:#00000014;margin:0 auto}.img-animated{animation:img-reveal .52s ease forwards;clip-path:inset(0 0 0 0)}@keyframes img-reveal{0%{clip-path:inset(0 0 100% 0);opacity:.4;transform:translateY(-8px)}to{clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0)}}@keyframes border-pulse{0%{box-shadow:0 0 #22d3ee52,0 0 0 2px #22d3ee59 inset,0 0 20px #22d3ee40}50%{box-shadow:0 0 0 10px #22d3ee0f,0 0 0 2px #22d3ee8c inset,0 0 28px #22d3ee61}to{box-shadow:0 0 #22d3ee14,0 0 0 2px #22d3ee40 inset,0 0 16px #22d3ee29}}.img-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-top:1px solid var(--border);background:#00000029;width:100%;box-sizing:border-box}.upload-strip{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.upload-thumb{position:relative;width:52px;height:52px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#ffffff14}.upload-thumb img{width:100%;height:100%;object-fit:cover;display:block}.upload-thumb video{width:100%;height:100%;object-fit:cover;display:block}.upload-progress-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#03070c8c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:2;pointer-events:none}.upload-progress-ring{width:36px;height:36px}.upload-progress-ring__track{fill:none;stroke:#ffffff2e;stroke-width:4}.upload-progress-ring__value{fill:none;stroke:#ffffffd9;stroke-width:4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .12s ease}.upload-progress-overlay__label{margin-top:2px;font-size:10px;font-weight:600;color:#f8fafc}.upload-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:999px;border:none;background:#0009;color:#e8edf5;font-weight:700;cursor:pointer;display:grid;place-items:center;line-height:1;z-index:3}.upload-edit{position:absolute;bottom:2px;left:2px;width:22px;height:22px;border-radius:999px;border:none;background:#0009;color:#e8edf5;cursor:pointer;display:grid;place-items:center;padding:0;z-index:3}.upload-edit svg{width:12px;height:12px}.btn-small{padding:8px 12px;font-size:13px;line-height:1.2}.muted{color:var(--muted)}.mode-toggle{display:flex;gap:10px;padding:6px;background:#ffffff0a;border:1px solid var(--border);border-radius:14px;width:fit-content}.mode-toggle button{flex:1;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);font-weight:700;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.mode-toggle button.is-active{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#041016;box-shadow:0 10px 30px #22d3ee59;transform:translateY(-1px);border-color:#22d3ee4d}.mode-toggle--sm{padding:4px;gap:6px;border-radius:12px}.mode-toggle--sm button{padding:6px 10px;font-size:11px;border-radius:8px}.mode-toggle--full{width:100%}.nano-page .mode-toggle{background:#ffffff08;border-color:#ffffff1a}.nano-page .mode-toggle button{color:var(--muted)}.nano-page .nano-settings-sidebar .mode-toggle button{font-size:var(--settings-control-size);font-weight:var(--settings-control-weight);color:var(--settings-toggle-color)}.nano-page .nano-settings-sidebar .mode-toggle button.is-active{color:#fff}.nano-page .mode-toggle button.is-active{background:#1a1a1a;color:#f1f1f1;box-shadow:none;transform:none;border-color:#ffffff24}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.nano-page .nano-chat-header__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.context-progress{display:grid;gap:6px}.context-progress__track{position:relative;height:8px;border-radius:999px;background:#ffffff14;border:1px solid var(--border);overflow:hidden}.context-progress__bar{height:100%;width:0%;border-radius:inherit;background:linear-gradient(120deg,var(--accent),var(--accent-2));transition:width .18s ease;position:relative}.context-progress.is-loading .context-progress__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-100%);animation:context-sheen 1.2s ease-in-out infinite}.context-progress__label{font-size:12px;color:var(--muted);text-align:right}@keyframes context-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.context-progress__bar{transition:none}.context-progress.is-loading .context-progress__bar:after{animation:none}.attachment-progress__fill.is-indeterminate,.chat-text.is-pending,.chat-text__dots span,.nano-page .tts-track{animation:none}.nano-page .tts-track.is-pending:after{animation:none}.nano-page .tts-wave span,.app-notify__panel,.app-notify__task,.app-notify__side-count,.app-notify__spinner{animation:none}.app-menu--tools,.app-menu--right:not(.app-notify__panel){animation:none}.app-menu__sub,.app-menu__item-caret,.nano-home__tile-panel,.nano-home__tile-caret,.ui-select__menu,.ui-select__caret,.video-lightbox,.video-lightbox__content,.video-lightbox__close,.image-lightbox__image{transition:none}}.canvas-frame{position:relative;border:1px solid var(--border);border-radius:var(--control-radius);min-height:260px;background:#ffffff05;overflow:hidden}.canvas-placeholder{padding:16px;color:var(--muted)}input[type=range]{accent-color:var(--accent)}.ui-range{width:100%;margin-top:6px}.ui-range--inline{width:auto;margin-top:0;flex:1}input[type=checkbox]{accent-color:var(--accent)}.chat-window{display:flex;flex-direction:column;gap:12px;border:1px solid var(--border);border-radius:var(--control-radius);padding:16px;min-height:640px;max-height:none;height:72vh;overflow-y:auto;background:#ffffff08}.nano-page .chat-window{flex:1;min-height:0;height:auto;max-height:none;gap:8px;padding:12px;border-radius:var(--control-radius);background:#00000073;border-color:var(--border)}.chat-placeholder{display:grid;place-items:center;gap:10px;padding:40px 12px;color:var(--muted)}.nano-page .chat-placeholder{flex:1;padding:24px 10px;text-align:center}.nano-page .chat-placeholder__title{font-size:16px;font-weight:600;color:var(--muted-2);letter-spacing:.02em}.chat-message{max-width:90%;border:1px solid var(--border);border-radius:var(--control-radius);padding:10px 12px;background:#ffffff0a;box-shadow:0 12px 36px #0000002e}.nano-page .chat-message{max-width:86%;padding:8px 10px;border-radius:var(--control-radius);background:#0009;box-shadow:none;position:relative;transition:transform .18s ease,box-shadow .18s ease;transform-origin:left center;will-change:transform}.nano-page .chat-message.is-editing{border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #ffffff0a}.chat-message.user{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#041016;border-color:#22d3ee73;box-shadow:0 12px 30px #22d3ee40}.nano-page .chat-message.user{background:#121212;color:#f1f1f1;border-color:#ffffff1f;box-shadow:none;transform-origin:right center}.chat-message.assistant{background:#ffffff0d}.nano-page .chat-message.assistant{background:#0b0b0b}.nano-page .nano-home__tile{background:#0c0c0c;color:#f3f4f6;border-color:#ffffff2e;box-shadow:0 10px 24px #00000073}.nano-page .nano-home__tile:hover{background:#fff;border-color:#00000038;box-shadow:0 16px 34px #00000038}.nano-page .nano-home__tile-title,.nano-page .nano-home__tile-option-title{color:#f3f4f6}.nano-page .nano-home__tile .muted{color:#9ca3af}.nano-page .nano-home__tile:hover .nano-home__tile-title{color:#0b0b0b}.nano-page .nano-home__tile:hover .nano-home__tile .muted{color:#4b5563}.nano-page .nano-home__tile-option{background:#101010;border-color:#ffffff29;color:#f3f4f6}.nano-page .nano-home__tile-option:hover{background:#fff;border-color:#00000042}.nano-page .nano-home__tile-option:hover .nano-home__tile-option-title{color:#0b0b0b}.nano-page .chat-message.is-image-hovered{transform:scale(1.02);z-index:5;overflow:visible}.nano-page .chat-message.is-image-hovered .attachment-grid-chat,.nano-page .chat-message.is-image-hovered .attachment-stack{overflow:visible}.nano-page .chat-text{font-size:13px;line-height:1.4}.chat-text.is-pending{animation:chat-text-pulse 1.4s ease-in-out infinite}.chat-text__dots{display:inline-flex;align-items:center;gap:4px;margin-left:6px}.chat-text__dots span{width:4px;height:4px;border-radius:999px;background:currentColor;opacity:.3;animation:chat-text-dot 1s ease-in-out infinite}.chat-text__dots span:nth-child(2){animation-delay:.2s}.chat-text__dots span:nth-child(3){animation-delay:.4s}.nano-page .chat-edit{display:grid;gap:8px}.nano-page .chat-edit__textarea{min-height:70px;resize:none}.nano-page .chat-edit__toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}.nano-page .chat-edit__meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12px}.nano-page .chat-edit__error{color:#f87171e6;font-size:12px}@keyframes chat-text-pulse{0%{opacity:.75}50%{opacity:1}to{opacity:.75}}@keyframes chat-text-dot{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-3px);opacity:.9}}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.nano-page .attachment-grid{grid-template-columns:repeat(auto-fill,72px);grid-auto-rows:72px;gap:8px;margin-top:8px;justify-content:start;align-content:start}.nano-page .attachment-grid .attachment{width:100%;height:100%}.attachment-grid-chat{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.nano-page .attachment-grid-chat{gap:6px}.attachment-stack{display:flex;flex-direction:column;gap:4px;align-items:stretch;width:110px}.nano-page .attachment-grid-chat .attachment-stack{width:120px}.attachment-grid-chat .attachment-stack .attachment{width:110px;height:110px}.nano-page .attachment-grid-chat .attachment-stack .attachment{width:120px;height:120px}.attachment{position:relative;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#0003;padding:0}.nano-page .attachment{border-radius:8px;background:#00000059}.attachment.is-loading{border-color:#22d3ee8c;box-shadow:0 0 0 2px #22d3ee2e}.attachment.is-error{border-color:#f8717199;box-shadow:0 0 0 2px #f8717126}.attachment-progress{position:absolute;left:6px;right:6px;bottom:6px;display:grid;gap:4px;padding:6px 8px;border-radius:8px;background:#040a10bf;border:1px solid rgba(255,255,255,.12);font-size:11px;color:#e8edf5;pointer-events:none}.attachment-progress__label{font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-progress__bar{height:4px;border-radius:999px;background:#ffffff2e;overflow:hidden}.attachment-progress__fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(120deg,var(--accent),var(--accent-2));transition:width .16s ease}.attachment-progress__fill.is-indeterminate{width:45%;animation:attachment-progress-slide 1.1s ease-in-out infinite}.attachment-progress__bytes{font-size:10px;color:var(--muted-2)}@keyframes attachment-progress-slide{0%{transform:translate(-70%)}50%{transform:translate(30%)}to{transform:translate(130%)}}.attachment-grid-chat .attachment{width:110px;height:110px;aspect-ratio:1 / 1}.nano-page .attachment-grid-chat .attachment{width:120px;height:120px}.attachment-item{display:grid;gap:6px;justify-items:stretch}.attachment-error-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#a0a6b029;color:#cbd5e1e0;pointer-events:none}.attachment-error-placeholder svg{width:34px;height:34px}.attachment-error-text{width:100%;font-size:11px;line-height:1.35;color:var(--muted-2);word-break:break-word}.nano-page .attachment-button img{transform-origin:center;transition:transform .22s ease;will-change:transform}.nano-page .attachment-button{--zoom-x: 0px;--zoom-y: 0px;--zoom-scale: 1;transform-origin:center}.nano-page .attachment-button:hover{overflow:visible;z-index:12;transform:translateY(-1px)}.nano-page .attachment-button:hover .image-preview{overflow:visible}.nano-page .attachment-button:hover img{transform:translate(var(--zoom-x, 0px),var(--zoom-y, 0px)) scale(var(--zoom-scale, 1));object-fit:contain;box-shadow:0 18px 36px #0000007a}.attachment-button{cursor:zoom-in;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.attachment-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000047;border-color:#7ae8c773}.attachment-button:focus-visible{outline:2px solid rgba(34,211,238,.6);outline-offset:2px}.attachment img{width:100%;height:100%;object-fit:cover;display:block}.attachment-download{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 8px;border-radius:var(--control-radius);border:var(--control-border-width) solid var(--border);background:#0c121cb3;color:var(--text);font-size:11px;line-height:1.1;cursor:pointer}.attachment-download svg{width:12px;height:12px}.attachment-download:hover{border-color:#7ae8c773}.attachment-download:focus-visible{outline:2px solid rgba(34,211,238,.6);outline-offset:2px}.chat-message-actions{margin-top:8px;display:flex;gap:8px;justify-content:flex-end}.nano-page .chat-message-actions{margin-top:6px;gap:6px}.icon-button{width:32px;height:32px;border-radius:var(--control-radius);border:var(--control-border-width) solid var(--border);background:#0003;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.nano-page .icon-button{width:28px;height:28px;border-radius:var(--control-radius);border-color:#ffffff14;background:#0006}.nano-page .icon-button.is-ghost{background:#ffffff05;color:var(--muted)}.nano-page .icon-button.is-primary{background:#1a1a1a;border-color:#ffffff2e;color:#f1f1f1}.icon-button svg{width:16px;height:16px}.nano-page .icon-button svg{width:14px;height:14px}.icon-button:disabled{opacity:.5;cursor:not-allowed}.nano-page .icon-button.is-primary:disabled{opacity:.45}.icon-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(232,237,245,.25);border-top-color:var(--accent);animation:spin .8s linear infinite}.nano-page .icon-spinner{border-top-color:#d4d4d4;border-color:#fff3}.icon-button:hover{background:#ffffff14;border-color:#7ae8c766}.nano-page .icon-button:hover{background:#ffffff0a;border-color:#ffffff1f}@media (max-width: 980px){.nano-page{height:auto;min-height:100vh;padding:12px;overflow:auto}.nano-page .nano-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.nano-page .nano-layout.is-closed,.nano-page .nano-layout.has-sidebar-rail,.nano-page .nano-layout.has-sidebar-rail.is-closed{grid-template-columns:1fr}.nano-page .nano-sidebar.nano-sidebar--tabs{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:80;display:flex;flex-direction:column;background:#080808fa;border-radius:14px;border:1px solid var(--border);box-shadow:0 22px 60px #0000008c;transition:transform .18s ease,opacity .18s ease}.nano-page .nano-sidebar-rail{position:fixed;top:50%;transform:translateY(-50%);width:34px;height:112px;z-index:90}.nano-page .nano-sidebar-rail.is-closed{right:6px;left:auto}.nano-page .nano-sidebar-rail.is-open{left:6px;right:auto}.nano-page .nano-sidebar-edge-toggle{width:100%;height:100%}.nano-page .nano-sidebar.nano-sidebar--tabs .nano-sidebar__tabs{flex-direction:row;align-items:center;justify-content:flex-end;padding:0;gap:6px}.nano-page .nano-sidebar.nano-sidebar--tabs .nano-sidebar__tab{width:40px;height:40px}.nano-page .nano-sidebar.nano-sidebar--tabs .nano-sidebar__main{flex:1;min-height:0;padding:12px}.app-header{flex-wrap:wrap}.app-divider{display:none}.app-logo__mark{width:36px;height:36px}}@media (max-width: 720px){.app-header{align-items:flex-start;padding:10px 12px;gap:10px}.app-header__left{flex-wrap:wrap;gap:8px;align-items:center}.app-header__right{gap:6px;align-self:flex-start}.app-logo{gap:8px}.app-logo__mark{width:32px;height:32px}.app-nav{width:100%;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.app-trigger--nav{font-size:11px;letter-spacing:.06em;padding:6px;white-space:nowrap}.app-user{padding:6px}.app-user__label{display:none}.app-notify__trigger{width:36px;height:36px}.app-menu{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;min-width:0;max-width:none;width:auto;max-height:calc(100vh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto}.app-menu--tools{min-width:0}.app-menu--right:not(.app-notify__panel){min-width:0}}.mask-lab__error{padding:12px 16px;border-radius:var(--control-radius);background:#ff5c5c1f;border:1px solid rgba(255,92,92,.4);color:#ffb7b7}.mask-lab__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:22px;align-items:stretch;flex:1;min-height:0;min-width:0;height:100%}.mask-lab__grid--single{grid-template-columns:minmax(0,1fr)}.mask-lab__stage{display:flex;flex-direction:column;gap:20px;min-height:0;min-width:0;height:100%}.mask-lab__workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;flex:1;min-height:0;min-width:0;height:100%}.mask-lab__workspace--single{grid-template-columns:minmax(0,1fr)}.mask-lab__workspace-item{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}.mask-lab__workspace-item.is-hidden{display:none}.mask-lab__workspace-title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.mask-lab__workspace-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mask-lab__workspace-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.mask-lab__tool-button.icon-button{width:46px;height:46px;border-radius:var(--control-radius);border:var(--control-border-width) solid var(--border);background:#00000040}.mask-lab__tool-icon{width:26px;height:26px;object-fit:contain;filter:brightness(0) invert(1)}.mask-lab__tool-icon--reverse{transform:scaleX(-1)}.mask-lab__tool-button:disabled .mask-lab__tool-icon{opacity:.6}.mask-lab__tool-button.is-hint .mask-lab__tool-icon{animation:mask-lab-toggle-hint 1.2s ease-in-out 0s 2}@keyframes mask-lab-toggle-hint{0%{opacity:.75;filter:brightness(0) invert(1)}40%{opacity:1;filter:brightness(1.4) invert(1) drop-shadow(0 0 6px rgba(255,255,255,.45))}to{opacity:1;filter:brightness(0) invert(1)}}.mask-lab__toolbar{display:flex;flex-direction:column;gap:16px}.mask-lab__zoom-row{display:flex;align-items:center;gap:8px}.mask-lab__zoom-value{min-width:48px;text-align:right;font-size:12px;color:var(--muted)}.mask-lab__field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted-2)}.mask-lab__toggles{display:flex;flex-wrap:wrap;gap:10px}.mask-lab__toggles--compact{gap:8px}.mask-lab__meta{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:12px;color:var(--muted)}.mask-lab__canvas-frame{position:relative;border:1px solid rgba(255,255,255,.18);background:#04081099;border-radius:var(--control-radius);overflow:hidden;min-height:320px;min-width:0;width:100%}.mask-lab__canvas-frame--scroll{overflow:hidden;overscroll-behavior:contain;height:clamp(320px,58vh,680px);touch-action:none;flex:1;min-height:0;min-width:0;width:100%}.mask-lab__canvas-zoom{position:relative;transform-origin:0 0;will-change:transform;contain:layout paint;backface-visibility:hidden}.inpaint-studio .mask-lab__grid{grid-template-columns:minmax(0,1fr) minmax(320px,540px)}.mask-lab__canvas-frame--interactive{cursor:grab;touch-action:none}.mask-lab__canvas-frame--interactive.is-dragging{cursor:grabbing}.mask-lab__canvas{display:block;width:100%;height:auto}.mask-lab__canvas-zoom .mask-lab__canvas{width:100%;height:100%}.mask-lab__canvas--base.is-hidden{opacity:0}.mask-lab__canvas--grid,.mask-lab__canvas--mask{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0}.mask-lab__canvas--grid{pointer-events:none}.mask-lab__canvas--mask{cursor:crosshair}.mask-lab__canvas--mask.is-pan-mode{cursor:grab}.mask-lab__canvas--mask.is-pan-mode.is-panning{cursor:grabbing}.mask-lab__canvas--cursor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.mask-lab__canvas--cursor.is-hidden{display:none}.mask-lab__canvas--grid.is-visible{opacity:1}.mask-lab__canvas--mask.is-visible{opacity:.85}.mask-lab__panel{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;height:100%}.mask-lab__panel.is-hidden{display:none}.mask-lab__panel-section{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.mask-lab__panel-section--collapsible{padding-bottom:0}.mask-lab__panel-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;font-size:15px;padding:6px 2px}.mask-lab__panel-summary::-webkit-details-marker{display:none}.mask-lab__panel-summary:after{content:"+";font-weight:700;color:var(--muted)}.mask-lab__panel-section[open]>.mask-lab__panel-summary:after{content:"-"}.mask-lab__panel-body{display:flex;flex-direction:column;gap:8px;padding:4px 0 10px}.mask-lab__panel-section:last-child{border-bottom:none;padding-bottom:0}.mask-lab__panel-title{font-weight:700;font-size:15px}.mask-lab__panel-row{font-size:13px;color:var(--muted-2)}.mask-lab__preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mask-lab__preview-grid--single{grid-template-columns:minmax(0,1fr)}.mask-lab__preview-grid img{width:100%;height:auto;display:block;border-radius:var(--control-radius);border:1px solid rgba(255,255,255,.16);background:#ffffff0a}.mask-lab__preview-label{font-size:12px;color:var(--muted);margin-bottom:6px}.mask-lab__preview-empty{min-height:140px;display:grid;place-items:center;border-radius:var(--control-radius);border:1px dashed rgba(255,255,255,.2);color:var(--muted);font-size:12px}.mask-lab__mobile-controls{display:none}@media (max-width: 1100px){.mask-lab__grid,.mask-lab__workspace{grid-template-columns:1fr}}@media (max-width: 980px){.mask-lab__grid,.mask-lab__workspace{gap:12px}.mask-lab__workspace-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;overflow:visible;justify-content:stretch;width:100%}.mask-lab__tool-button.icon-button{width:100%;height:44px;min-height:44px;border-width:2px}.mask-lab__tool-icon{width:20px;height:20px}.mask-lab__canvas-frame--scroll{height:clamp(220px,42vh,460px)}.mask-lab__panel{max-height:44vh;overflow:auto}.mask-lab__mobile-controls{display:grid;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.mask-lab__mobile-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mask-lab__mobile-tool.icon-button{width:100%;min-width:0;height:44px;min-height:44px;border-width:2px;border-color:#ffffff2e;background:#0000004d}.mask-lab__mobile-tool.icon-button.is-primary{border-color:#ffffff59}.mask-lab__mobile-symbol{font-size:22px;line-height:1;font-weight:500}.mask-lab__mobile-reset{font-size:12px;font-weight:700;letter-spacing:.01em}.mask-lab__mobile-zoom{height:44px;width:100%;min-width:0}.mask-lab__mobile-zoom{display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:700;color:#f3f4f6;background:#0000004d}.mask-lab__mobile-hint{font-size:11px;color:var(--muted);line-height:1.35}}@media (max-width: 760px){.mask-lab__canvas-frame--scroll{height:clamp(190px,34vh,320px)}.mask-lab__workspace-tools{grid-template-columns:repeat(5,minmax(0,1fr))}.mask-lab__zoom-row{flex-wrap:wrap}.mask-lab__preview-grid{grid-template-columns:minmax(0,1fr)}.mask-lab__mobile-row{grid-template-columns:repeat(4,minmax(0,1fr))}.mask-lab__mobile-tool.icon-button{height:40px;min-height:40px}.mask-lab__mobile-zoom{height:40px}}@media (max-width: 520px){.mask-lab__workspace-tools,.mask-lab__mobile-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 980px){.inpaint-studio.is-touch .inpaint-studio__content{width:100%;max-width:100%;height:auto;max-height:100%;padding:10px;gap:10px;overflow:auto;overflow-x:hidden;margin-inline:auto}.inpaint-studio.is-touch .inpaint-studio__actions{gap:8px}.inpaint-studio.is-touch .inpaint-studio__actions .btn{padding:7px 8px;font-size:12px;line-height:1.15}.inpaint-studio.is-touch .mask-lab__workspace-header{gap:8px}.inpaint-studio.is-touch .mask-lab__workspace-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%}.inpaint-studio.is-touch .mask-lab__tool-button.icon-button{width:100%;min-width:0;height:38px;min-height:38px;border-width:2px}.inpaint-studio.is-touch .mask-lab__tool-icon{width:18px;height:18px}.inpaint-studio.is-touch .mask-lab__canvas-frame--scroll{height:clamp(150px,30vh,250px)}.inpaint-studio.is-touch .mask-lab__mobile-controls{gap:5px;padding:6px}.inpaint-studio.is-touch .mask-lab__mobile-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px}.inpaint-studio.is-touch .mask-lab__mobile-tool.icon-button{width:40px;min-width:40px;height:36px;min-height:36px;flex:0 0 40px}.inpaint-studio.is-touch .mask-lab__mobile-zoom{flex:1 1 72px;min-width:72px;height:36px;font-size:11px}.inpaint-studio.is-touch .mask-lab__mobile-symbol{font-size:18px}.inpaint-studio.is-touch .mask-lab__mobile-reset{font-size:11px}.inpaint-studio.is-touch .mask-lab__mobile-hint{font-size:10px}}@media (max-width: 520px){.inpaint-studio.is-touch .mask-lab__tool-button.icon-button{width:100%;min-width:0;height:34px;min-height:34px}.inpaint-studio.is-touch .mask-lab__mobile-tool.icon-button{width:34px;min-width:34px;height:34px;min-height:34px;flex:0 0 34px}.inpaint-studio.is-touch .mask-lab__mobile-zoom{min-width:64px;height:34px}.inpaint-studio.is-touch .inpaint-studio__content{width:100%;max-width:100%}}
