html[data-theme=teal]{--color-bg:#f8fafc;--color-surface:#fff;--color-primary:#0d9488;--color-primary-hover:#0f766e;--color-primary-mid:#14b8a6;--color-primary-bright:#2dd4bf;--color-accent-soft:#ecfdf5}html[data-theme=ocean]{--color-bg:#f0f9ff;--color-surface:#fff;--color-primary:#0284c7;--color-primary-hover:#0369a1;--color-primary-mid:#38bdf8;--color-primary-bright:#7dd3fc;--color-accent-soft:#e0f2fe}html[data-theme=sky]{--color-bg:#f0f9ff;--color-surface:#fff;--color-primary:#0ea5e9;--color-primary-hover:#0284c7;--color-primary-mid:#38bdf8;--color-primary-bright:#bae6fd;--color-accent-soft:#e0f2fe}html[data-theme=violet]{--color-bg:#faf5ff;--color-surface:#fff;--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-mid:#a78bfa;--color-primary-bright:#c4b5fd;--color-accent-soft:#ede9fe}html[data-theme=indigo]{--color-bg:#eef2ff;--color-surface:#fff;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-mid:#818cf8;--color-primary-bright:#a5b4fc;--color-accent-soft:#e0e7ff}html[data-theme=lavender]{--color-bg:#faf5ff;--color-surface:#fff;--color-primary:#9333ea;--color-primary-hover:#7e22ce;--color-primary-mid:#c084fc;--color-primary-bright:#e9d5ff;--color-accent-soft:#f3e8ff}html[data-theme=fuchsia]{--color-bg:#fdf4ff;--color-surface:#fff;--color-primary:#c026d3;--color-primary-hover:#a21caf;--color-primary-mid:#e879f9;--color-primary-bright:#f0abfc;--color-accent-soft:#fae8ff}html[data-theme=magenta]{--color-bg:#fdf2f8;--color-surface:#fff;--color-primary:#db2777;--color-primary-hover:#be185d;--color-primary-mid:#f472b6;--color-primary-bright:#fbcfe8;--color-accent-soft:#fce7f3}html[data-theme=rose]{--color-bg:#fff1f2;--color-surface:#fff;--color-primary:#e11d48;--color-primary-hover:#be123c;--color-primary-mid:#fb7185;--color-primary-bright:#fda4af;--color-accent-soft:#ffe4e6}html[data-theme=coral]{--color-bg:#fff7ed;--color-surface:#fff;--color-primary:#ea580c;--color-primary-hover:#c2410c;--color-primary-mid:#fb923c;--color-primary-bright:#fdba74;--color-accent-soft:#ffedd5}html[data-theme=amber]{--color-bg:#fffbeb;--color-surface:#fff;--color-primary:#d97706;--color-primary-hover:#b45309;--color-primary-mid:#fbbf24;--color-primary-bright:#fcd34d;--color-accent-soft:#fef3c7}html[data-theme=sunset]{--color-bg:#fffbeb;--color-surface:#fff;--color-primary:#f59e0b;--color-primary-hover:#d97706;--color-primary-mid:#fbbf24;--color-primary-bright:#fde68a;--color-accent-soft:#fef3c7}html[data-theme=emerald]{--color-bg:#ecfdf5;--color-surface:#fff;--color-primary:#059669;--color-primary-hover:#047857;--color-primary-mid:#34d399;--color-primary-bright:#6ee7b7;--color-accent-soft:#d1fae5}html[data-theme=mint]{--color-bg:#f0fdfa;--color-surface:#fff;--color-primary:#0d9488;--color-primary-hover:#0f766e;--color-primary-mid:#2dd4bf;--color-primary-bright:#5eead4;--color-accent-soft:#ccfbf1}html[data-theme=lime]{--color-bg:#f7fee7;--color-surface:#fff;--color-primary:#65a30d;--color-primary-hover:#4d7c0f;--color-primary-mid:#84cc16;--color-primary-bright:#bef264;--color-accent-soft:#ecfccb}html[data-theme=forest]{--color-bg:#f0fdf4;--color-surface:#fff;--color-primary:#15803d;--color-primary-hover:#166534;--color-primary-mid:#22c55e;--color-primary-bright:#86efac;--color-accent-soft:#dcfce7}html[data-theme=slate]{--color-bg:#f8fafc;--color-surface:#fff;--color-primary:#475569;--color-primary-hover:#334155;--color-primary-mid:#64748b;--color-primary-bright:#94a3b8;--color-accent-soft:#f1f5f9}html[data-theme=crimson]{--color-bg:#fef2f2;--color-surface:#fff;--color-primary:#dc2626;--color-primary-hover:#b91c1c;--color-primary-mid:#f87171;--color-primary-bright:#fca5a5;--color-accent-soft:#fee2e2}html[data-theme=cocoa]{--color-bg:#faf8f5;--color-surface:#fff;--color-primary:#92400e;--color-primary-hover:#78350f;--color-primary-mid:#d97706;--color-primary-bright:#fbbf24;--color-accent-soft:#fef3c7}.sunio-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sunio-header-inner--no-brand{justify-content:space-between}.sunio-header-inner--no-brand .sunio-header-nav{order:-1;flex:1 1;justify-content:flex-start}.sunio-app-shell{flex:1 1;display:flex;align-items:stretch;width:100%;min-height:0;min-width:0;background:var(--color-bg,#f8fafc)}.sunio-app-sidebar{--sunio-app-sidebar-w:min(242px,74vw);width:var(--sunio-app-sidebar-w);flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-surface);position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;padding:1rem .85rem 0;box-sizing:border-box;z-index:30}.sunio-app-sidebar-inner{flex:1 1;min-height:0;display:flex;flex-direction:column;min-width:0}.sunio-app-sidebar--collapsed{--sunio-app-sidebar-w:50px;padding-left:0;padding-right:0;align-items:center}.sunio-app-sidebar-head{flex-shrink:0;width:100%;padding-bottom:.65rem;margin-bottom:.5rem;border-bottom:1px solid var(--color-border)}.sunio-app-sidebar--collapsed .sunio-app-sidebar-head{display:flex;flex-direction:column;align-items:center;gap:.35rem;border-bottom:none;margin-bottom:.25rem;padding-bottom:.35rem}.sunio-app-sidebar-brand{min-width:0;width:100%}.sunio-app-sidebar--collapsed .sunio-app-sidebar-brand{width:auto;display:flex;justify-content:center}.sunio-app-sidebar-logo-block .sunio-logo-tagline{display:block;margin-top:.2rem}.sunio-app-sidebar-logo-icon{display:flex;align-items:center;justify-content:center;line-height:0;border-radius:10px;padding:.15rem}.sunio-app-sidebar-logo-icon:hover{background:rgba(15,23,42,.06)}.sunio-app-sidebar-logo-img{width:36px;height:auto;max-height:36px;object-fit:contain}.sunio-app-sidebar-toggle{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;padding:.35rem .45rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);color:var(--color-text);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.sunio-app-sidebar-toggle:hover{background:rgba(59,130,246,.08);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.sunio-app-sidebar--collapsed .sunio-app-sidebar-toggle{margin-top:0;padding:.35rem;justify-content:center}.sunio-app-sidebar-toggle-icon{font-size:1rem;line-height:1;opacity:.85}.sunio-app-sidebar-toggle-label{font-size:.78rem}.sunio-app-sidebar-nav{flex:1 1;min-height:0;overflow-y:auto;padding-right:2px;margin-right:-2px}.sunio-app-sidebar-nav--collapsed{flex:0 1;overflow:hidden;padding:0;margin:0;min-height:0}.sunio-app-sidebar-list{list-style:none;margin:0;padding:0}.sunio-app-sidebar-list>li{margin-bottom:.15rem}.sunio-app-sidebar-group{margin-top:.75rem;margin-bottom:.35rem}.sunio-app-sidebar-group-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.35rem;padding-left:.35rem}.sunio-app-sidebar-sublist{list-style:none;margin:0;padding:0}.sunio-app-sidebar-sublist li{margin-bottom:.08rem}.sunio-app-sidebar-link{display:block;width:100%;text-align:left;padding:.45rem .4rem;border-radius:8px;font-size:.86rem;font-weight:600;color:var(--nav-link);text-decoration:none;transition:background .15s,color .15s}.sunio-app-sidebar-link:hover{background:var(--nav-link-hover-bg);color:var(--color-text);text-decoration:none}.sunio-app-sidebar-link--active{color:var(--color-primary);background:var(--color-accent-soft)}.sunio-app-shell-main{zoom:.9}.sunio-app-shell-body,.sunio-app-shell-main{flex:1 1;min-width:0;display:flex;flex-direction:column;min-height:0}.sunio-app-shell-body{width:100%;background:var(--color-bg)}@media (min-width:900px){.sunio-app-sidebar{align-self:flex-start;height:100vh;height:100dvh;min-height:0;overflow:hidden}.sunio-app-sidebar.sunio-site-sidebar>.sunio-app-sidebar-inner{flex:1 1 auto;min-height:0;zoom:.9}.sunio-app-sidebar.sunio-site-sidebar{overflow:visible}.sunio-site-sidebar-drawer{display:contents}.sunio-site-sidebar-drawer-backdrop{display:none!important}.sunio-site-sidebar-drawer-panel{display:contents}.sunio-site-sidebar-menu-btn{display:none!important}}@media (max-width:899px){.sunio-app-shell{flex-direction:column}.sunio-app-sidebar.sunio-site-sidebar{width:100%!important;max-width:none;position:-webkit-sticky;position:sticky;top:0;z-index:120;height:auto;max-height:none;overflow:visible;border-right:none;border-bottom:1px solid var(--color-border);flex-wrap:nowrap;gap:0;padding-bottom:.65rem;padding-top:.65rem}.sunio-app-sidebar--collapsed.sunio-site-sidebar,.sunio-app-sidebar.sunio-site-sidebar{flex-direction:column;align-items:stretch}.sunio-site-sidebar .sunio-site-sidebar-head{flex:none;width:100%;min-width:0;border-bottom:none;margin-bottom:0;padding-bottom:0}.sunio-site-sidebar-toggle--desktop-only{display:none!important}.sunio-site-sidebar-menu-btn{display:inline-flex!important}.sunio-site-sidebar-drawer{display:block;position:fixed;inset:0;z-index:140;pointer-events:none}.sunio-app-sidebar--drawer-open .sunio-site-sidebar-drawer{pointer-events:auto}.sunio-site-sidebar-drawer-backdrop{display:block;position:absolute;inset:0;margin:0;padding:0;border:none;border-radius:0;cursor:pointer;background:rgba(15,23,42,.45);-webkit-tap-highlight-color:transparent;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;pointer-events:none}.sunio-app-sidebar--drawer-open .sunio-site-sidebar-drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto}.sunio-site-sidebar-drawer-panel{display:flex;flex-direction:column;position:absolute;left:0;top:0;bottom:0;width:min(304px,88vw);max-width:100%;box-sizing:border-box;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 100%,var(--color-bg)) 0,var(--color-surface) 35%,color-mix(in srgb,var(--color-surface) 92%,var(--color-bg)) 100%);border-right:1px solid var(--color-border);box-shadow:6px 0 32px rgba(15,23,42,.12);transform:translateX(-100%);transition:transform .26s ease;pointer-events:none;overflow:hidden}.sunio-app-sidebar--drawer-open .sunio-site-sidebar-drawer-panel{transform:translateX(0);pointer-events:auto}.sunio-site-sidebar-drawer-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .85rem;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 96%,var(--color-bg))}.sunio-site-sidebar-drawer-toolbar-title{font-size:.95rem;font-weight:800;color:var(--color-text);letter-spacing:-.02em}.sunio-site-sidebar-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--color-border);border-radius:10px;background:color-mix(in srgb,var(--color-bg) 65%,var(--color-surface));color:var(--color-text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.sunio-site-sidebar-drawer-close:hover{background:var(--color-accent-soft);color:var(--color-primary)}.sunio-site-sidebar-drawer-close-svg{width:1.25rem;height:1.25rem}.sunio-site-sidebar .sunio-app-sidebar-nav{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;border-top:none;padding-top:0;margin-top:0}.sunio-site-sidebar .sunio-site-sidebar-foot{flex-shrink:0;margin-top:0;padding-top:.75rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border)}.sunio-app-sidebar--collapsed .sunio-app-sidebar-nav--collapsed{display:none}.sunio-app-shell-main{min-height:0}}.sunio-app-sidebar.sunio-site-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 100%,var(--color-bg)) 0,var(--color-surface) 35%,color-mix(in srgb,var(--color-surface) 92%,var(--color-bg)) 100%);border-right-color:var(--color-border);color:var(--color-text);box-shadow:4px 0 28px rgba(15,23,42,.06);padding-left:0;padding-right:0}.sunio-site-sidebar .sunio-site-sidebar-foot,.sunio-site-sidebar .sunio-site-sidebar-head{padding-left:.85rem;padding-right:.85rem}.sunio-app-sidebar.sunio-site-sidebar.sunio-app-sidebar--collapsed .sunio-site-sidebar-foot,.sunio-app-sidebar.sunio-site-sidebar.sunio-app-sidebar--collapsed .sunio-site-sidebar-head{padding-left:.35rem;padding-right:.35rem}.sunio-site-sidebar .sunio-site-sidebar-nav{padding-left:0;padding-right:0;margin-right:0}.sunio-site-sidebar .sunio-site-sidebar-doc-slot{flex:1 1;min-height:0;display:flex;flex-direction:column;align-self:stretch;width:100%;overflow:hidden}.sunio-site-sidebar .sunio-site-sidebar-doc-slot .sunio-nb-sidebar--site-shell{min-height:0}.sunio-site-sidebar-doc-error,.sunio-site-sidebar-doc-placeholder{padding:.65rem .85rem;font-size:.875rem}.sunio-site-sidebar-doc-error .sunio-auth-error{margin:0 0 .5rem;font-size:.82rem}.sunio-site-sidebar-doc-slot--rail{display:flex;flex-direction:column;align-items:stretch;width:100%}.sunio-site-sidebar .sunio-site-sidebar-head{flex-shrink:0;width:100%;padding-bottom:.75rem;margin-bottom:.5rem;border-bottom:1px solid var(--color-border);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:.5rem}.sunio-site-sidebar .sunio-site-sidebar-brand{flex:1 1;min-width:0}.sunio-app-sidebar--collapsed.sunio-site-sidebar .sunio-site-sidebar-head{flex-direction:column;align-items:center;gap:.35rem;border-bottom:none;margin-bottom:.25rem;padding-bottom:.35rem}.sunio-app-sidebar--collapsed.sunio-site-sidebar .sunio-site-sidebar-brand{flex:none;width:auto}.sunio-site-sidebar .sunio-site-sidebar-brand .sunio-logo-tagline{color:var(--color-text-muted);font-size:.72rem;max-width:13rem;line-height:1.35}.sunio-site-sidebar .sunio-app-sidebar-logo-icon:hover{background:var(--nav-link-hover-bg)}.sunio-site-sidebar .sunio-app-sidebar-toggle,.sunio-site-sidebar .sunio-site-sidebar-toggle{border-color:var(--color-border);background:color-mix(in srgb,var(--color-bg) 65%,var(--color-surface));color:var(--color-text-muted);margin-top:0;flex-shrink:0}.sunio-site-sidebar .sunio-app-sidebar-toggle:hover{background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));color:var(--color-primary)}.sunio-site-sidebar-toggle--icon-only{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;padding:0;border-radius:10px}.sunio-site-sidebar-toggle-svg{width:1.375rem;height:1.375rem;flex-shrink:0}.sunio-app-sidebar--collapsed.sunio-site-sidebar .sunio-site-sidebar-toggle--icon-only{width:2.4rem;height:2.4rem;min-width:2.4rem}.sunio-site-sidebar.sunio-nb-scroll{scrollbar-color:color-mix(in srgb,var(--color-primary) 22%,rgba(100,116,139,.4)) rgba(241,245,249,.85)}.sunio-site-sidebar.sunio-nb-scroll::-webkit-scrollbar-track{background:rgba(241,245,249,.9)}.sunio-site-sidebar.sunio-nb-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 32%,#94a3b8) 0,rgba(100,116,139,.42) 100%)}.sunio-site-sb-list{list-style:none;margin:0;padding:0}.sunio-site-sb-list>li{margin:0}.sunio-site-sb-row{display:flex;align-items:center;gap:.5rem;width:100%;padding:.58rem .75rem;margin:0;box-sizing:border-box;border-radius:0;font-size:.86rem;font-weight:400;color:var(--nav-link);text-decoration:none;border:none;border-bottom:1px solid color-mix(in srgb,var(--color-border) 92%,transparent);background:transparent;cursor:pointer;text-align:left;transition:background .12s ease,color .12s ease}.sunio-site-sb-row:hover{background:var(--nav-link-hover-bg);color:var(--color-text);text-decoration:none}.sunio-site-sb-row--active{background:var(--color-accent-soft);color:var(--color-primary);box-shadow:none}.sunio-site-sb-row--rail{justify-content:center;padding-left:0;padding-right:0;min-height:2.75rem}.sunio-site-sb-ico--rail{width:1.45rem;height:1.45rem}.sunio-site-sidebar-nav--rail{flex:1 1;min-height:0}.sunio-site-sb-ico{width:1.35rem;height:1.35rem;flex-shrink:0;opacity:.92}.sunio-site-sb-ico--sub{width:1.12rem;height:1.12rem;opacity:.88}.sunio-site-sb-group{margin:0}.sunio-site-sb-group-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.28rem 0;margin:0;border:none;border-bottom:1px solid color-mix(in srgb,var(--color-border) 92%,transparent);border-radius:0;background:transparent;color:var(--color-text-muted);font-size:.68rem;font-weight:400;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;text-align:left;transition:background .12s,color .12s}.sunio-site-sb-group-btn:hover{background:var(--nav-link-hover-bg);color:var(--color-text)}.sunio-site-sb-group-btn--hint{color:var(--color-primary)}.sunio-site-sb-group-title{flex:1 1;min-width:0}.sunio-site-sb-chevron{width:1rem;height:1rem;flex-shrink:0;opacity:.55;color:var(--color-text-muted);transition:transform .2s ease}.sunio-site-sb-chevron.is-open{transform:rotate(180deg)}.sunio-site-sb-sub{list-style:none;margin:0;padding:0 0 0 .45rem;border-left:none}.sunio-site-sb-sub>li{margin:0}.sunio-site-sb-sub .sunio-site-sb-row{padding:.48rem .75rem .48rem .85rem;font-size:.8rem;font-weight:400;border-bottom-color:color-mix(in srgb,var(--color-border) 88%,transparent)}.sunio-site-sidebar-nav .sunio-site-sb-list>li:last-child.sunio-site-sb-group .sunio-site-sb-sub li:last-child .sunio-site-sb-row,.sunio-site-sidebar-nav .sunio-site-sb-list>li:last-child:not(.sunio-site-sb-group)>.sunio-site-sb-row{border-bottom:none}.sunio-site-sidebar-nav .sunio-site-sb-list>li:last-child.sunio-site-sb-group:not(:has(ul.sunio-site-sb-sub))>.sunio-site-sb-group-btn{border-bottom:none}.sunio-site-sidebar-foot{flex-shrink:0;margin-top:auto;padding:.9rem 0 1rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.65rem;overflow:visible;position:relative;z-index:60;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-bg) 40%,var(--color-surface)) 100%)}.sunio-site-sidebar-foot--rail{align-items:center;padding-top:.65rem;padding-bottom:.85rem;gap:.45rem}.sunio-site-sidebar-foot--rail .sunio-site-sb-theme-wrap{justify-content:center;width:100%}.sunio-site-sb-btn--rail{width:2.5rem;height:2.5rem;min-height:2.5rem;padding:0;border-radius:10px}.sunio-site-sb-auth--rail{flex-direction:column;align-items:center;gap:.35rem;width:100%}.sunio-site-sb-auth--rail .sunio-site-sb-btn--rail{width:2.5rem}.sunio-site-sb-theme-wrap{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sunio-site-sb-foot-label{font-size:.7rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.sunio-site-sb-auth{display:flex;flex-direction:column;gap:.45rem}.sunio-site-sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.55rem .75rem;border-radius:10px;font-size:.82rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:filter .15s ease,transform .08s ease,background .15s ease}.sunio-site-sb-btn:active{transform:scale(.99)}.sunio-site-sb-btn--primary{background:linear-gradient(135deg,#4ade80,#22c55e 48%,#16a34a);color:#052e16;box-shadow:0 2px 12px rgba(34,197,94,.25)}.sunio-site-sb-btn--primary:hover{filter:brightness(1.05)}.sunio-site-sb-btn--outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.sunio-site-sb-btn--outline:hover{background:var(--nav-link-hover-bg);border-color:color-mix(in srgb,var(--color-primary) 25%,var(--color-border))}.sunio-site-sb-btn--ghost{background:color-mix(in srgb,var(--color-bg) 50%,var(--color-surface));color:var(--color-text);border:1px solid var(--color-border)}.sunio-site-sb-btn--ghost:hover{background:var(--nav-link-hover-bg)}.sunio-theme-picker--sidebar{position:relative;flex-shrink:0}.sunio-theme-picker--sidebar .sunio-theme-picker-trigger{border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 55%,var(--color-surface));border-radius:10px;padding:.4rem .5rem}.sunio-theme-picker--sidebar .sunio-theme-picker-trigger:hover{background:var(--nav-link-hover-bg);border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}.sunio-theme-picker--sidebar .sunio-theme-picker-panel{position:absolute;left:100%;bottom:0;right:auto;top:auto;margin-left:.5rem;min-width:232px;max-height:min(70vh,380px);overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-popup,0 16px 48px rgba(15,23,42,.12));z-index:200}.sunio-theme-picker--sidebar .sunio-theme-picker-title{color:var(--color-text-muted)}.sunio-theme-picker--sidebar .sunio-theme-picker-item{color:var(--color-text)}.sunio-theme-picker--sidebar .sunio-theme-picker-item:hover{background:var(--nav-link-hover-bg)}.sunio-theme-picker--sidebar .sunio-theme-picker-item.is-active{background:var(--color-accent-soft);color:var(--color-primary)}.sunio-theme-picker--sidebar .sunio-theme-picker-label{color:var(--color-text)}@media (max-width:899px){.sunio-site-sidebar.sunio-app-sidebar{border-bottom-color:var(--color-border)}.sunio-site-sidebar .sunio-app-sidebar-nav{border-top-color:var(--color-border)}.sunio-theme-picker--sidebar .sunio-theme-picker-panel{left:auto;right:0;bottom:100%;margin-left:0;margin-bottom:.35rem}}.sunio-browser-fs-corner{position:fixed;top:max(.65rem,env(safe-area-inset-top,0px));right:max(.65rem,env(safe-area-inset-right,0px));z-index:250;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;max-width:min(260px,92vw);pointer-events:none}.sunio-browser-fs-corner-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;padding:0;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface,#fff);color:var(--color-text);box-shadow:var(--shadow-popup,0 8px 28px rgba(15,23,42,.12));cursor:pointer;transition:filter .15s ease,transform .08s ease,background .15s ease}.sunio-browser-fs-corner-btn:hover{filter:brightness(1.04)}.sunio-browser-fs-corner-btn:active{transform:scale(.97)}.sunio-browser-fs-corner-ico{width:1.35rem;height:1.35rem;flex-shrink:0}.sunio-browser-fs-corner-err{pointer-events:auto;margin:0;padding:.4rem .55rem;font-size:.72rem;line-height:1.35;color:#b91c1c;background:color-mix(in srgb,#fecaca 35%,var(--color-surface,#fff));border:1px solid color-mix(in srgb,#f87171 40%,var(--color-border));border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.08)}@media (max-width:899px){.sunio-browser-fs-corner{display:none!important}}.sunio-screen-rec-corner{position:fixed;bottom:max(.65rem,env(safe-area-inset-bottom,0px));right:max(.65rem,env(safe-area-inset-right,0px));z-index:280;max-width:min(360px,calc(100vw - 1.3rem));pointer-events:none}.sunio-screen-rec-corner-stack{display:flex;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;position:relative;z-index:285;pointer-events:none}.sunio-screen-rec-corner-stack>*{pointer-events:auto}.sunio-screen-rec-idle-annotate-canvas{position:fixed;inset:0;z-index:263;pointer-events:none}.sunio-screen-rec-annotate-overlay{position:fixed;inset:0;z-index:265;touch-action:none;pointer-events:auto;cursor:crosshair;background:transparent}.sunio-screen-rec-annotate-overlay--text{cursor:text}.sunio-screen-rec-annotate-overlay--blocked{pointer-events:none!important;cursor:default!important}.sunio-screen-rec-annotate-text-input{position:fixed;z-index:272;min-width:12rem;max-width:min(28rem,calc(100vw - 2rem));padding:.35rem .5rem;margin:0;transform:translateY(.15rem);font:inherit;font-size:.95rem;color:var(--color-text,#0f172a);background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 6px 24px rgba(15,23,42,.12)}.sunio-screen-rec-ctx-backdrop{position:fixed;inset:0;z-index:295;margin:0;padding:0;border:none;background:transparent;cursor:default;pointer-events:auto}.sunio-screen-rec-ctx-menu{position:fixed;z-index:300;min-width:200px;max-width:min(260px,calc(100vw - 1rem));max-height:calc(100vh - 16px);overflow-x:hidden;overflow-y:auto;padding:.4rem 0;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-popup,0 12px 40px rgba(15,23,42,.16));pointer-events:auto}.sunio-screen-rec-ctx-menu>button[role=menuitem]{display:block;width:100%;margin:0;padding:.45rem .85rem;border:none;background:transparent;text-align:left;font-size:.85rem;font-weight:600;color:var(--color-text);cursor:pointer}.sunio-screen-rec-ctx-menu>button[role=menuitem]:hover{background:var(--nav-link-hover-bg,color-mix(in srgb,var(--color-primary) 12%,transparent))}.sunio-screen-rec-ctx-menu>button[role=menuitem].is-on{color:var(--color-primary,#e11d48)}.sunio-screen-rec-ctx-label{padding:.35rem .85rem .2rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.sunio-screen-rec-ctx-sep{height:1px;margin:.35rem .5rem;background:var(--color-border)}.sunio-screen-rec-ctx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding:.25rem .75rem .45rem}.sunio-screen-rec-ctx-mini{flex:1 0 100%;font-size:.72rem;font-weight:600;color:var(--color-text-muted)}.sunio-screen-rec-ctx-row input[type=range]{width:100%;max-width:100%}.sunio-screen-rec-ctx-swatch{width:1.35rem;height:1.35rem;padding:0;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-border) 80%,transparent)}.sunio-screen-rec-ctx-swatch.is-on{border-color:var(--color-primary,#e11d48);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 35%,transparent)}.sunio-screen-rec-ctx-danger{color:#b91c1c!important}.sunio-screen-rec-corner-annot-fab{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--color-surface,#fff) 92%,var(--color-bg-muted,#f1f5f9));color:var(--color-text-muted);box-shadow:0 5px 18px rgba(15,23,42,.1),0 0 0 1px var(--color-border);cursor:pointer;transition:filter .15s ease,transform .08s ease,background .15s ease,color .15s ease}.sunio-screen-rec-corner-annot-fab:hover{filter:brightness(1.03);color:var(--color-text)}.sunio-screen-rec-corner-annot-fab:active{transform:scale(.96)}.sunio-screen-rec-corner-annot-fab.is-on{background:color-mix(in srgb,var(--color-primary,#e11d48) 18%,var(--color-surface,#fff));color:var(--color-primary,#e11d48);box-shadow:0 6px 20px color-mix(in srgb,var(--color-primary) 28%,transparent),0 0 0 1px color-mix(in srgb,var(--color-primary) 45%,transparent)}.sunio-screen-rec-corner-shot-fab{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--color-surface,#fff) 88%,#0ea5e9 12%);color:#0369a1;box-shadow:0 5px 18px rgba(14,165,233,.12),0 0 0 1px color-mix(in srgb,#0ea5e9 28%,var(--color-border));cursor:pointer;transition:filter .15s ease,transform .08s ease,background .15s ease,color .15s ease}.sunio-screen-rec-corner-shot-fab:hover{filter:brightness(1.03);color:#0c4a6e}.sunio-screen-rec-corner-shot-fab:active{transform:scale(.96)}.sunio-screen-rec-corner-shot-fab.is-on{background:color-mix(in srgb,#0ea5e9 22%,var(--color-surface,#fff));color:#0c4a6e;box-shadow:0 6px 20px color-mix(in srgb,#0ea5e9 25%,transparent),0 0 0 1px color-mix(in srgb,#0ea5e9 40%,transparent)}.sunio-screen-rec-corner-shot-hint-float{position:fixed;right:max(.65rem,env(safe-area-inset-right,0px));bottom:calc(max(.65rem, env(safe-area-inset-bottom, 0px)) + 9.2rem);z-index:286;max-width:min(220px,calc(100vw - 1.3rem));margin:0;padding:.4rem .55rem;font-size:.72rem;font-weight:600;line-height:1.35;color:#047857;background:color-mix(in srgb,#d1fae5 88%,var(--color-surface,#fff));border:1px solid color-mix(in srgb,#6ee7b7 50%,transparent);border-radius:8px;pointer-events:none;box-shadow:0 4px 16px rgba(15,23,42,.08)}.sunio-screen-rec-corner-shot-hint-float.is-err{color:#b91c1c;background:color-mix(in srgb,#fecaca 38%,var(--color-surface,#fff));border-color:color-mix(in srgb,#f87171 42%,transparent)}.sunio-screen-rec-corner-engine{position:absolute;width:0;height:0;overflow:hidden;clip:rect(0,0,0,0);pointer-events:none}.sunio-screen-rec-corner-canvas,.sunio-screen-rec-corner-hidden{position:absolute;width:2px;height:2px;opacity:0;pointer-events:none}.sunio-screen-rec-corner-fab{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;padding:0;border:none;border-radius:50%;background:var(--color-primary,#e11d48);color:#fff;box-shadow:0 6px 22px color-mix(in srgb,var(--color-primary) 45%,transparent),0 0 0 1px color-mix(in srgb,#fff 22%,transparent);cursor:pointer;transition:filter .15s ease,transform .08s ease}.sunio-screen-rec-corner-fab:hover{filter:brightness(1.06)}.sunio-screen-rec-corner-fab:active{transform:scale(.96)}.sunio-screen-rec-corner-fab-svg{display:block}.sunio-screen-rec-corner-panel{pointer-events:auto;position:relative;width:min(360px,calc(100vw - 1.3rem));padding:1rem 1.1rem 1.05rem;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-popup,0 12px 40px rgba(15,23,42,.14))}.sunio-screen-rec-corner-title{margin:0 0 .45rem;padding-right:1.75rem;font-size:1rem;font-weight:800;color:var(--color-text);line-height:1.3}.sunio-screen-rec-corner-lead{margin:0 0 .85rem;font-size:.8rem;line-height:1.5;color:var(--color-text-muted)}.sunio-screen-rec-corner-err{margin:0 0 .65rem;font-size:.82rem}.sunio-screen-rec-corner-primary{width:100%;justify-content:center;margin-bottom:.15rem}.sunio-screen-rec-corner-recording{display:flex;flex-direction:column;gap:.5rem}.sunio-screen-rec-corner-preview{width:100%;max-height:160px;border-radius:10px;background:#0f172a;object-fit:contain}.sunio-screen-rec-corner-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;font-size:.85rem;font-weight:600;color:var(--color-text)}.sunio-screen-rec-corner-dot{width:.55rem;height:.55rem;border-radius:50%;background:#dc2626;animation:sunio-screen-rec-pulse 1.1s ease-in-out infinite}@keyframes sunio-screen-rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}.sunio-screen-rec-corner-stop{margin-left:auto;font-size:.82rem!important;padding:.4rem .75rem!important}.sunio-screen-rec-corner-result{display:flex;flex-direction:column;gap:.65rem;margin-top:.35rem}.sunio-screen-rec-corner-playback{width:100%;max-height:200px;border-radius:10px;background:#0f172a}.sunio-screen-rec-corner-result-actions{display:flex;flex-direction:column;gap:.4rem}.sunio-screen-rec-corner-close-fab{position:absolute;top:.45rem;right:.45rem;width:2rem;height:2rem;padding:0;border:none;border-radius:10px;background:color-mix(in srgb,var(--color-bg-muted) 80%,transparent);color:var(--color-text-muted);font-size:1.35rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.sunio-screen-rec-corner-close-fab:hover{background:var(--nav-link-hover-bg);color:var(--color-text)}.sunio-screen-rec-shot-region-layer{position:fixed;inset:0;z-index:100002;cursor:crosshair;touch-action:none;pointer-events:auto;background:rgba(15,23,42,.18);isolation:isolate}.sunio-screen-rec-shot-region-layer--nocap{cursor:default}.sunio-screen-rec-shot-phase-backdrop{position:fixed;inset:0;z-index:1;margin:0;padding:0;border:none;background:transparent;cursor:default;pointer-events:auto}.sunio-screen-rec-shot-region-box{position:fixed;z-index:2;border:2px solid var(--color-primary,#e11d48);background:color-mix(in srgb,var(--color-primary) 14%,transparent);pointer-events:none;box-shadow:0 0 0 9999px rgba(15,23,42,.38)}.sunio-screen-rec-shot-region-box--frozen{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.sunio-screen-rec-shot-confirm-bar{position:fixed;z-index:3;transform:translateX(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem;max-width:min(340px,calc(100vw - 2rem));padding:.5rem .65rem;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-popup,0 12px 40px rgba(15,23,42,.16));pointer-events:auto}.sunio-screen-rec-shot-confirm-btn.sunio-btn{font-size:.82rem!important;padding:.42rem .85rem!important}.sunio-screen-rec-shot-region-hint{position:fixed;z-index:4;left:50%;bottom:max(1rem,env(safe-area-inset-bottom,0px));transform:translateX(-50%);margin:0;padding:.4rem .85rem;max-width:min(440px,calc(100vw - 2rem));font-size:.78rem;font-weight:600;text-align:center;line-height:1.35;color:#fff;background:rgba(15,23,42,.88);border-radius:999px;pointer-events:none;box-shadow:0 4px 24px rgba(0,0,0,.22)}@media (max-width:899px){.sunio-screen-rec-corner{display:none!important}}