:root{--ink:#111827;--text:#111827;--muted:#667085;--line:#d9e0e8;--panel:#ffffff;--wash:#f3f6fa;--accent:#007aff;--accent-strong:#005ecb;--coral:#dc5f45;--warning:#f7e8d0;--success:#dff3e7;--radius:16px;--radius-sm:10px;--page-gutter:clamp(16px,2vw,28px);--glass-panel:color-mix(in srgb,var(--panel) 88%,transparent);--shadow:0 18px 48px rgba(15,23,42,0.08);--shadow-soft:0 10px 28px rgba(15,23,42,0.06);--motion:180ms cubic-bezier(0.22,1,0.36,1);--motion-slow:680ms cubic-bezier(0.16,1,0.3,1);--motion-pop:520ms cubic-bezier(0.34,1.56,0.64,1);--shadow-lift:0 28px 74px rgba(15,23,42,0.13);--shine:rgba(255,255,255,0.46);color-scheme:light}:root[data-theme=dark]{--ink:#eef4f8;--text:#eef4f8;--muted:#a8b3c3;--line:#2b3542;--panel:#111820;--wash:#090f16;--accent:#0a84ff;--accent-strong:#0068d7;--coral:#ef735c;--warning:#3a2b18;--success:#143827;--shadow:0 22px 58px rgba(0,0,0,0.32);--shadow-soft:0 14px 32px rgba(0,0,0,0.24);--shadow-lift:0 34px 86px rgba(0,0,0,0.42);--shine:rgba(255,255,255,0.18);color-scheme:dark}*{box-sizing:border-box}body,html{min-height:100%;margin:0;overflow-x:hidden}html{min-width:320px;-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--wash);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;animation:page-ambient-flow 18s ease-in-out infinite alternate;overscroll-behavior-y:none}button,input,select,textarea{font:inherit}input,select,textarea{font-size:16px}button{border:0;cursor:pointer;transition:transform var(--motion),border-color var(--motion),background var(--motion),color var(--motion),box-shadow var(--motion),opacity var(--motion);will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.62;transform:none!important}button:active:not(:disabled){transform:translateY(0) scale(.985)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.kanban-drag-active,body.kanban-drag-active *{cursor:-webkit-grabbing!important;cursor:grabbing!important}a{color:inherit;text-decoration:none}.legal-footer{position:relative;z-index:90;min-height:48px;padding:14px 24px;display:flex;justify-content:center;gap:18px;color:var(--muted);background:transparent;font-size:12px;font-weight:800}.legal-footer a:hover{color:var(--accent)}.language-toggle{position:fixed;left:16px;bottom:14px;z-index:96}.language-flag-button{width:42px;height:42px;border:1px solid var(--line);border-radius:999px;padding:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--panel) 82%,transparent);box-shadow:0 10px 28px rgba(20,31,43,.1);line-height:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-flag-button:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 16px 36px rgba(20,31,43,.14)}.language-popover{position:absolute;left:0;bottom:52px;width:min(340px,calc(100vw - 32px));max-height:min(520px,calc(100dvh - 92px));border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);grid-gap:8px;gap:8px;background:var(--panel);box-shadow:0 24px 70px rgba(20,31,43,.2);animation:popover-in .15s ease both}.language-popover-header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink);font-size:13px;font-weight:900}.language-popover-header button{width:28px;height:28px;border-radius:999px;padding:0;color:var(--muted);background:color-mix(in srgb,var(--wash) 70%,transparent);font-weight:900}.language-search-input{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--ink);background:color-mix(in srgb,var(--panel) 94%,var(--wash));outline:none}.language-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.language-empty-state,.language-error-state,.language-inline-loading,.language-loading-state{border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.35}.language-inline-loading,.language-loading-state{color:var(--muted);background:color-mix(in srgb,var(--wash) 72%,transparent)}.language-inline-loading strong,.language-loading-state strong{display:block;color:var(--ink);font-weight:850;margin-bottom:2px}.language-loading-state small{display:block;color:var(--muted);font-size:11px;font-weight:800;margin-bottom:4px}.language-inline-loading span,.language-loading-state span{display:block}.language-error-state{color:#991b1b;background:color-mix(in srgb,#fee2e2 62%,var(--panel))}.language-empty-state{color:var(--muted);text-align:center}.language-options{min-height:0;display:grid;grid-gap:4px;gap:4px;overflow-y:auto;padding-right:2px}.language-options button{width:100%;min-height:44px;border:1px solid transparent;border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:10px;color:var(--ink);background:transparent;text-align:left}.language-options button:hover{border-color:color-mix(in srgb,var(--line) 76%,var(--accent) 24%);background:color-mix(in srgb,var(--wash) 64%,transparent)}.language-options button.active{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent);color:#ffffff}.language-options button:disabled{opacity:.72}.language-option-flag{width:28px;flex:0 0 28px;display:grid;place-items:center}.language-flag-img{width:28px;height:21px;border-radius:3px;display:block;object-fit:cover;box-shadow:0 0 0 1px color-mix(in srgb,var(--line) 72%,transparent)}.language-option-label{min-width:0;display:grid;grid-gap:1px;gap:1px}.language-option-label strong{min-width:0;font-size:13px;line-height:1.2;overflow-wrap:anywhere}.language-option-label small{color:currentColor;font-size:10px;font-weight:900;opacity:.68}.language-select-shell{display:grid;grid-gap:6px;gap:6px}.language-inline-loading{margin:0}#devtools-indicator.nextjs-toast{top:8px!important;bottom:auto!important;left:14px!important}.made-by-tmg{position:fixed;right:16px;bottom:14px;z-index:90;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:color-mix(in srgb,var(--panel) 68%,transparent);box-shadow:0 10px 28px rgba(20,31,43,.08);opacity:.78;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity var(--motion),background var(--motion),color var(--motion)}.made-by-tmg:hover{opacity:1;background:color-mix(in srgb,var(--panel) 86%,transparent)}.legal-page{position:relative;min-height:calc(100vh - 48px);padding:96px 20px 32px;background:var(--wash)}.legal-content{width:min(100%,820px);margin:0 auto;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.legal-header{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:20px}.legal-content h1{margin:0 0 18px;font-size:28px}.legal-content h2{margin:24px 0 8px;font-size:17px}.legal-content p{margin:0 0 12px;color:var(--muted);line-height:1.65}.legal-kicker{color:var(--accent)!important;font-size:12px;font-weight:850;text-transform:uppercase}.brand-home-link{min-width:0;display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:18px;font-weight:900;text-decoration:none}.brand-home-link:hover{color:var(--accent)}.standalone-brand-link{position:absolute;top:28px;left:28px;z-index:5}.environment-badge{position:fixed;top:2px;right:14px;z-index:1000;min-height:20px;border:1px solid color-mix(in srgb,#f59e0b 46%,var(--line));border-radius:999px;padding:2px 8px;display:inline-flex;align-items:center;background:color-mix(in srgb,#fef3c7 88%,var(--panel));color:#92400e;font-size:11px;font-weight:900;letter-spacing:0;box-shadow:0 10px 24px rgba(15,23,42,.16)}.admin-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.legal-note{padding:12px;border-radius:8px;background:var(--warning);font-weight:700}.auth-page{min-height:calc(100vh - 48px);padding:24px;display:grid;place-items:center;background:var(--wash)}.auth-panel{width:min(100%,420px);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;grid-gap:16px;gap:16px;background:var(--panel);box-shadow:var(--shadow)}.account-strip,.auth-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-mode-toggle{width:100%}.auth-mode-toggle button{flex:1 1}.auth-passkey-login{display:grid;grid-gap:12px;gap:12px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.auth-divider:after,.auth-divider:before{content:"";height:1px;flex:1 1;background:var(--line)}.auth-passkey-button{width:100%}.auth-helper-links{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px}.text-link-button{border:0;padding:0;color:var(--muted);background:transparent;font:inherit;font-weight:750;cursor:pointer}.text-link-button:hover{color:var(--accent);text-decoration:underline}.account-strip{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;background:color-mix(in srgb,var(--panel) 92%,var(--wash))}.account-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.account-strip strong{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-error,.form-message{min-height:0;border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;font-weight:750;line-height:1.35}.auth-error,.error-message{color:#a63a25;background:#f8ded9}.success-message{color:#166534;background:var(--success)}.compact-error{min-height:44px;padding:10px}.account-page{position:relative;min-height:calc(100vh - 48px);padding:96px 28px 28px;background:var(--wash)}.account-page-shell{width:min(100%,980px);margin:0 auto;display:grid;grid-gap:18px;gap:18px}.admin-page-shell{width:min(100%,1180px)}.account-page-header{min-height:72px;border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel);box-shadow:var(--shadow)}.account-header-title{min-width:0;display:flex;align-items:center;gap:22px}.account-header-title>div{min-width:0}.account-page-header h1,.settings-panel h2{margin:0}.account-settings-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.settings-panel{border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:grid;grid-gap:14px;gap:14px;background:var(--panel);box-shadow:var(--shadow)}.account-settings-grid>.settings-panel:not(.profile-panel){grid-column:2}.account-tabbed-settings{grid-column:2;display:grid;grid-gap:14px;gap:14px}.account-settings-tabs{width:-moz-fit-content;width:fit-content;max-width:100%}.account-security-panels{display:grid;grid-gap:14px;gap:14px}.profile-panel{align-content:flex-start}.profile-avatar-large{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;color:#ffffff;background:var(--accent);font-size:24px;font-weight:850}.mono-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;letter-spacing:.03em}.clickable-input{cursor:pointer}.success-inline{margin:-6px 0 0;color:#166534;font-weight:750}.passkey-list{display:grid;grid-gap:10px;gap:10px}.passkey-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:8px;padding:12px;min-width:0}.passkey-row>div{min-width:0}.admin-users-panel{overflow:hidden}.admin-users-table{width:100%;min-width:1040px}.admin-users-table td:first-child,.admin-users-table th:first-child{width:34%}.admin-users-table strong{display:block}.admin-credit-cell{display:grid;grid-gap:8px;gap:8px;min-width:150px}.admin-credit-controls{display:grid;grid-template-columns:minmax(58px,76px) 34px 34px;grid-gap:6px;gap:6px;align-items:center}.compact-credit-input{min-height:34px;padding:6px 8px}.account-credit-balance{margin:10px 0 0;color:var(--text)}.account-credit-balance strong{font-size:22px}.credit-topup-panel{align-content:flex-start}.credit-topup-header{display:flex;justify-content:space-between;gap:14px}.credit-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.credit-package-card{min-width:0;min-height:132px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;display:grid;align-content:start;grid-gap:7px;gap:7px;color:var(--text);background:color-mix(in srgb,var(--panel) 92%,var(--wash));text-align:left;cursor:pointer}.credit-package-card.is-highlighted,.credit-package-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--panel) 84%,var(--accent) 8%)}.credit-package-card:disabled{cursor:wait;opacity:.72}.credit-package-card small,.credit-package-card span{color:var(--muted);font-size:12px;font-style:normal;font-weight:800}.credit-package-card strong{font-size:20px}.credit-package-card em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.35}.credit-purchase-history{border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:10px;gap:10px;color:var(--muted);font-size:12px}.credit-purchase-history strong{color:var(--text)}.app-launcher-page{min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);width:min(100%,1480px);margin:0 auto;padding:max(24px,env(safe-area-inset-top)) clamp(18px,4vw,46px) calc(max(30px, env(safe-area-inset-bottom)) + 34px);display:grid;align-content:start;grid-gap:22px;gap:22px}.app-launcher-header,.app-launcher-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.app-launcher-header{min-height:58px}.app-launcher-header-actions,.app-launcher-tools{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.launcher-credit-strip{min-width:118px}.launcher-profile-menu{width:auto}.app-launcher-hero{padding:20px;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,var(--wash));box-shadow:var(--shadow-soft)}.app-launcher-empty h2,.app-launcher-hero h2{margin:0;font-size:clamp(24px,3vw,38px);letter-spacing:0}.app-launcher-empty p,.app-launcher-hero p{margin:5px 0 0}.launcher-group-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px}.launcher-group-tabs button{min-height:38px;white-space:nowrap;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:8px;padding:0 13px;background:color-mix(in srgb,var(--panel) 88%,var(--wash));color:var(--muted);font-weight:750}.launcher-group-tabs button.active,.launcher-group-tabs button:hover{border-color:color-mix(in srgb,var(--accent) 54%,var(--line));background:color-mix(in srgb,var(--panel) 84%,var(--accent) 8%);color:var(--text)}.app-launcher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px;gap:14px}.group-launcher-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.launcher-app-card{min-height:260px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,var(--wash));color:var(--text);text-decoration:none;box-shadow:var(--shadow-soft);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.launcher-app-card:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--panel) 86%,var(--accent) 7%);transform:translateY(-2px);box-shadow:0 18px 42px color-mix(in srgb,var(--accent) 15%,transparent)}.launcher-app-card.disabled{opacity:.62}.launcher-app-card.disabled:hover{transform:none;box-shadow:var(--shadow-soft)}.launcher-group-card{grid-template-rows:94px minmax(0,1fr) auto}.launcher-create-group-card{cursor:pointer;text-align:left;font:inherit;border-style:dashed;border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--panel) 82%,var(--wash))}.launcher-create-group-card:disabled{cursor:wait;opacity:.68}.launcher-create-group-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 62%,var(--line))}.launcher-group-icon{min-height:94px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,var(--panel)),color-mix(in srgb,var(--mint) 16%,var(--wash))),var(--panel);color:var(--accent-strong);font-size:34px;font-weight:900}.launcher-create-group-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--panel)),color-mix(in srgb,var(--line) 28%,var(--wash))),var(--panel);color:var(--accent)}.launcher-create-group-plus{width:54px;height:54px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));border-radius:999px;display:grid;place-items:center;font-size:38px;line-height:1;background:color-mix(in srgb,var(--panel) 88%,var(--accent) 8%)}.app-row-thumbnail.launcher-app-thumbnail{width:100%;height:auto;min-height:122px;aspect-ratio:1/1;border-radius:8px;background-size:cover;background-position:50%;flex:none}.launcher-app-card-main{min-width:0;display:grid;align-content:start;grid-gap:7px;gap:7px}.launcher-app-card-main strong{font-size:18px;line-height:1.25;overflow-wrap:anywhere}.launcher-app-card-footer{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.launcher-app-card-footer strong{color:var(--accent-strong);white-space:nowrap}.app-launcher-empty,.app-launcher-loading{padding:28px;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,var(--wash))}.launcher-group-create-form{grid-template-columns:minmax(180px,1fr) auto;width:min(100%,520px)}.app-detail-panel{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:stretch;padding:18px;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,var(--wash));box-shadow:var(--shadow-soft)}.app-detail-panel .app-row-thumbnail.launcher-app-thumbnail{min-height:260px;aspect-ratio:1/1}.app-detail-main{min-width:0;display:grid;align-content:center;justify-items:start;grid-gap:12px;gap:12px}.app-detail-main h2{margin:0;font-size:clamp(28px,4vw,48px);line-height:1.05;overflow-wrap:anywhere}@media (max-width:760px){.app-launcher-page{padding-inline:14px;gap:16px}.app-launcher-header,.app-launcher-hero{align-items:stretch;flex-direction:column}.app-launcher-header-actions,.app-launcher-tools{justify-content:stretch}.app-launcher-header-actions>*,.app-launcher-tools>*{flex:1 1 auto}.app-launcher-tools .select-input,.app-launcher-tools .text-input,.launcher-credit-strip,.launcher-profile-menu{width:100%}.launcher-app-card{min-height:238px;grid-template-rows:auto minmax(0,1fr) auto}.app-row-thumbnail.launcher-app-thumbnail{min-height:106px}.app-detail-panel,.launcher-group-create-form{grid-template-columns:1fr}.app-detail-panel .app-row-thumbnail.launcher-app-thumbnail{min-height:180px}}.workspace{height:calc(100vh - 48px);height:calc(100dvh - 48px);width:100%;overflow:hidden;display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);transition:grid-template-columns .22s ease}.workspace.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:calc(100vh - 48px);height:calc(100dvh - 48px);overflow-y:auto;overflow-x:hidden;border-bottom-right-radius:var(--radius);background:color-mix(in srgb,var(--panel) 90%,var(--wash));border-right:1px solid color-mix(in srgb,var(--line) 78%,transparent);padding:max(22px,env(safe-area-inset-top)) 24px calc(max(22px, env(safe-area-inset-bottom)) + 18px);display:flex;flex-direction:column;gap:22px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:left center;animation:app-slide-in .76s cubic-bezier(.16,1,.3,1) both}.sidebar.is-collapsed{overflow:visible;padding:max(14px,env(safe-area-inset-top)) 10px calc(max(14px, env(safe-area-inset-bottom)) + 12px);align-items:center;justify-content:stretch}.sidebar.is-collapsed:before{-webkit-mask-image:none;mask-image:none;opacity:.34}.sidebar:before{position:absolute;inset:0;content:"";background:linear-gradient(180deg,color-mix(in srgb,var(--shine) 28%,transparent),transparent 28%),repeating-linear-gradient(90deg,transparent 0 34px,color-mix(in srgb,var(--accent) 4%,transparent) 34px 35px,transparent 35px 72px);opacity:.52;-webkit-mask-image:linear-gradient(90deg,#000,transparent 92%);mask-image:linear-gradient(90deg,#000,transparent 92%);pointer-events:none;animation:sidebar-sheen-drift 10s ease-in-out infinite alternate}.sidebar>*{min-width:0;position:relative;z-index:1}.brand{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-collapse-toggle{width:34px;min-width:34px;height:34px;min-height:34px;padding:0;font-size:22px;line-height:1}.sidebar-collapsed-strip{flex:1 1 auto;min-height:0;height:100%;min-height:100%;width:100%;display:flex;align-items:center;flex-direction:column;gap:14px}.readonly-group-pill{display:grid;grid-gap:3px;gap:3px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;background:color-mix(in srgb,var(--panel) 84%,var(--wash))}.sidebar-collapsed-logo{width:38px;height:38px}.collapsed-profile-menu-shell{width:auto;margin-top:auto;margin-bottom:0;justify-content:center}.collapsed-profile-menu-shell .profile-menu{left:calc(100% + 10px);bottom:0}.credit-balance-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:var(--radius-sm);padding:8px 10px;background:color-mix(in srgb,var(--panel) 88%,var(--wash));color:var(--muted);font-size:13px;text-decoration:none;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}a.credit-balance-strip:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--panel) 82%,var(--accent) 9%);color:var(--text);transform:translateY(-1px)}.credit-balance-strip strong{color:var(--text);font-size:18px}.sidebar-credit-balance{margin-left:auto;min-width:118px;padding:7px 10px}.sidebar-credit-balance strong{font-size:16px}.brand-title{min-width:0;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.main-page-logo{width:38px;height:38px;border-radius:10px;object-fit:contain;flex:0 0 auto;transform:translateZ(0);transition:transform var(--motion-pop),filter var(--motion-slow)}.brand-home-link:hover .main-page-logo,.brand-title:hover .main-page-logo{filter:drop-shadow(0 12px 22px color-mix(in srgb,var(--accent) 25%,transparent));transform:translateY(-2px) rotate(-3deg) scale(1.05)}.brand h1,.host-title h1{margin:0;font-size:22px;line-height:1.15}.group-switcher{display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 82%,var(--wash))}.group-create-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center}.group-overview-panel{grid-gap:18px;gap:18px;padding:20px;background:color-mix(in srgb,var(--panel) 90%,var(--wash))}.group-overview-panel,.group-route-management{display:grid;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:8px;box-shadow:var(--shadow-soft)}.group-route-management{grid-gap:16px;gap:16px;margin-top:18px;padding:18px;background:color-mix(in srgb,var(--panel) 92%,var(--wash))}.group-access-card-header,.group-member-row,.group-overview-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.group-overview-header h2{margin:0;font-size:clamp(22px,2vw,30px)}.group-app-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px}.group-app-tile{min-height:112px;display:grid;align-content:space-between;grid-gap:8px;gap:8px;padding:12px;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,var(--wash));color:var(--text);text-align:left}.group-app-tile.active,.group-app-tile:hover{border-color:color-mix(in srgb,var(--accent) 56%,var(--line));background:color-mix(in srgb,var(--panel) 82%,var(--accent) 8%);transform:translateY(-1px)}.group-app-tile small,.group-app-tile strong{overflow-wrap:anywhere}.group-app-tile small{color:var(--muted)}.group-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:14px;gap:14px;align-items:start}.group-permissions-view{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:16px;gap:16px;padding:22px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:var(--radius);background:var(--glass-panel);box-shadow:var(--shadow);overflow:hidden}.group-permissions-header{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.group-permissions-header h2,.group-permissions-header p{margin:0}.group-permissions-header p{margin-top:4px}.group-permissions-body{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:14px;gap:14px}.group-permissions-tabs{min-width:0;display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 58%,var(--line)) transparent}.group-permissions-tabs::-webkit-scrollbar{height:9px}.group-permissions-tabs::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--line) 34%,transparent)}.group-permissions-tabs::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--accent) 58%,var(--line))}.group-permissions-tabs::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 74%,var(--line))}.group-permissions-tabs button{flex:0 0 auto;min-height:38px;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:8px;padding:0 13px;background:color-mix(in srgb,var(--panel) 90%,var(--wash));color:var(--muted);font-weight:780;white-space:nowrap}.group-permissions-tabs button.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent-strong)}.group-permissions-layout{min-height:0;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-gap:14px;gap:14px;align-items:stretch}.group-access-card{display:grid;grid-gap:14px;gap:14px;padding:14px;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 94%,var(--wash))}.group-rights-summary{align-content:start}.group-role-summary-list{display:grid;grid-gap:10px;gap:10px}.group-role-summary-list>div{display:grid;grid-gap:6px;gap:6px;padding:12px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 90%,var(--wash))}.group-users-permissions-view{min-height:0;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-gap:14px;gap:14px}.group-user-role-assignment-card{min-height:0;overflow:auto;align-content:start}.group-user-permission-list{display:grid;grid-gap:12px;gap:12px}.group-user-permission-card{min-width:0;display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);grid-gap:12px;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,var(--wash))}.group-user-permission-card.owner{background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.group-user-permission-main{min-width:0;display:grid;align-content:start;grid-gap:6px;gap:6px}.group-user-permission-main p,.group-user-permission-main strong{overflow-wrap:anywhere}.group-user-app-role-grid{min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:10px;gap:10px}.group-user-app-role-cell{min-width:0;display:grid;align-content:start;grid-gap:8px;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--line) 74%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,var(--wash))}.group-user-app-role-cell>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-user-app-role-cell .role-chip-list{justify-content:flex-start}.group-user-app-role-cell .role-add-menu{min-width:0}.group-app-permissions-panel,.group-members-panel{min-height:0;overflow:auto}.group-app-permissions-panel{align-content:start}.group-member-list{display:grid;grid-gap:8px;gap:8px}.group-member-row{width:100%;padding:10px;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,var(--wash))}.group-member-row.selectable{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.group-member-row.selectable.active,.group-member-row.selectable:hover{border-color:color-mix(in srgb,var(--accent) 54%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.group-member-row.selectable.active{transform:translateX(2px)}.group-member-row.pending{border-style:dashed}.group-member-row p,.group-member-row strong{overflow-wrap:anywhere}.group-invite-form{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;grid-gap:8px;gap:8px;align-items:center}.group-permission-card{overflow-x:auto;grid-column:1/-1}.group-permission-matrix{min-width:560px;display:grid;grid-gap:6px;gap:6px}.group-permission-matrix.wide{min-width:760px}.group-permission-row{display:grid;grid-template-columns:minmax(140px,.8fr) repeat(var(--group-app-columns,1),minmax(130px,1fr));grid-gap:6px;gap:6px;align-items:stretch}.group-permission-row.header{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.group-permission-cell,.group-permission-row>span{min-width:0;padding:8px;border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,var(--wash));overflow-wrap:anywhere}.group-permission-cell{display:grid;grid-template-columns:repeat(4,minmax(28px,1fr));grid-gap:4px;gap:4px}.group-permission-cell button{min-height:30px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:6px;background:var(--panel);color:var(--muted);font-size:12px;font-weight:800}.group-permission-cell button.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent-strong)}.group-permission-cell.owner-cell,.group-permission-row.owner-row>span{background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.group-permission-cell.owner-cell{display:flex;align-items:center;justify-content:center}.app-permission-detail{min-height:0;overflow:auto;align-content:start}.app-permission-header,.app-permission-user-row{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.app-permission-header strong{font-size:18px}.app-permission-header p,.app-permission-user-row p{margin:4px 0 0}.app-permission-list{display:grid;grid-gap:10px;gap:10px}.app-permission-user-row{padding:12px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,var(--wash))}.app-permission-user-row.owner{background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.app-permission-user-main{min-width:180px;display:grid;grid-gap:6px;gap:6px}.app-permission-user-main p,.app-permission-user-main strong{overflow-wrap:anywhere}.app-permission-owner-note{min-width:220px;max-width:420px}.app-permission-role-buttons{min-width:min(100%,420px);display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.app-permission-role-buttons button{min-height:32px;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:8px;padding:0 10px;background:var(--panel);color:var(--muted);font-size:12px;font-weight:800}.app-permission-role-buttons button.active{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent-strong)}.app-permission-actions{justify-content:flex-end}.app-role-definition-card,.app-role-definition-list{display:grid;grid-gap:12px;gap:12px}.app-role-definition-card{padding:14px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,var(--wash))}.app-role-definition-header{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.app-role-definition-header p,.app-role-definition-header strong{overflow-wrap:anywhere}.role-access-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:8px;gap:8px}.role-access-overview>div{display:grid;grid-gap:4px;gap:4px;padding:10px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,var(--wash))}.role-access-overview span{color:var(--muted);font-size:12px;font-weight:800}.role-table-access-list,.role-table-access-row{display:grid;grid-gap:8px;gap:8px}.role-table-access-row{padding:10px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 90%,var(--wash))}.role-table-access-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.role-field-access-list span,.role-table-access-main span{border-radius:999px;padding:4px 8px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent-strong);font-size:12px;font-weight:800}.role-field-access-list{display:flex;flex-wrap:wrap;gap:6px}.role-field-access-list span.restricted{background:color-mix(in srgb,#fee2e2 68%,var(--panel));color:#991b1b}.app-permission-note{padding:12px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,var(--wash))}.permission-empty-chip{width:-moz-fit-content;width:fit-content;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:999px;padding:4px 9px;color:var(--muted);font-size:12px;font-weight:800}@media (max-width:980px){.group-permissions-view{overflow:auto}.group-permissions-header{align-items:stretch;flex-direction:column}.group-permissions-layout{grid-template-columns:1fr;overflow:visible}.group-user-permission-card,.group-users-permissions-view{grid-template-columns:1fr}.app-permission-detail,.group-app-permissions-panel,.group-members-panel{overflow:visible}.app-permission-header,.app-permission-user-row{flex-direction:column}.app-permission-role-buttons{justify-content:flex-start}}.host-title-main{display:flex;align-items:center;gap:12px}.host-app-logo{position:relative;width:46px;height:46px;border-radius:8px;display:block;flex:0 0 auto;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 92%,#ffffff),color-mix(in srgb,var(--accent) 58%,#2563eb)),var(--accent);background-size:cover;background-position:50%;box-shadow:inset 0 -10px 18px rgba(0,0,0,.12);overflow:hidden;transition:transform var(--motion-pop),box-shadow var(--motion-slow),filter var(--motion-slow)}.host-app-logo:before{position:absolute;inset:-30%;content:"";background:linear-gradient(115deg,transparent 26%,rgba(255,255,255,.54) 46%,transparent 62%);opacity:0;transform:translateX(-64%) rotate(8deg)}.app-row.selected .app-row-thumbnail,.app-row:hover .app-row-thumbnail,.host-title-main:hover .host-app-logo{filter:saturate(1.12);transform:translateY(-2px) rotate(-2deg) scale(1.06);box-shadow:inset 0 -10px 18px rgba(0,0,0,.12),0 16px 34px color-mix(in srgb,var(--accent) 22%,transparent)}.app-row.selected .app-row-thumbnail:before,.app-row:hover .app-row-thumbnail:before,.host-title-main:hover .host-app-logo:before{animation:thumbnail-gloss .92s cubic-bezier(.16,1,.3,1)}.sidebar-bottom-actions{margin-top:auto;display:flex;align-items:center;gap:12px}.profile-menu-shell{position:relative;margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}.help-button,.notification-button,.profile-avatar-button{width:42px;min-width:42px;height:42px;min-height:42px;border-radius:50%;padding:0;display:grid;place-items:center}.profile-avatar-button{border:1px solid var(--line);color:#ffffff;background:var(--accent);font-size:13px;font-weight:850;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 24%,transparent)}.profile-avatar-button:hover{background:var(--accent-strong);transform:translateY(-1px) scale(1.02)}.notification-menu-shell{position:relative;display:flex;align-items:center}.notification-button{position:relative;border:1px solid var(--line);color:var(--ink);background:color-mix(in srgb,var(--panel) 82%,var(--wash));box-shadow:0 10px 24px rgba(20,31,43,.12)}.notification-button.has-notifications{border-color:color-mix(in srgb,var(--accent) 36%,var(--line));color:var(--ink);background:color-mix(in srgb,var(--panel) 74%,var(--accent) 8%)}.notification-button:hover{transform:translateY(-1px) scale(1.02)}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;border-radius:999px;padding:0 4px;display:grid;place-items:center;color:#ffffff;background:#e11d48;font-size:10px;font-weight:900;line-height:1;box-shadow:0 0 0 2px var(--panel),0 5px 14px rgba(225,29,72,.28)}.notification-button-icon{width:auto;height:auto;border-radius:0;display:grid;place-items:center;color:var(--ink);background:transparent;font-size:19px;font-weight:900;line-height:1}.notification-menu{position:absolute;left:0;bottom:calc(100% + 10px);z-index:21;width:min(340px,calc(100vw - 48px));max-height:min(420px,calc(100dvh - 160px));overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;display:grid;grid-gap:10px;gap:10px;background:var(--panel);box-shadow:var(--shadow);animation:popover-in .15s ease both}.notification-menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-menu-header span{min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;color:#ffffff;background:var(--accent);font-size:12px;font-weight:900}.notification-menu-card,.notification-menu-list{display:grid;grid-gap:8px;gap:8px}.notification-menu-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px;background:color-mix(in srgb,var(--panel) 94%,var(--wash))}.notification-menu-card p,.notification-menu-card strong{overflow-wrap:anywhere}.notification-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.profile-menu{position:absolute;left:0;bottom:calc(100% + 10px);z-index:20;width:190px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px;display:grid;grid-gap:3px;gap:3px;background:var(--panel);box-shadow:var(--shadow);animation:popover-in .15s ease both}.profile-menu a,.profile-menu button{min-height:36px;border-radius:7px;padding:0 10px;display:flex;align-items:center;color:var(--ink);background:transparent;font-size:13px;font-weight:800;text-align:left}.profile-menu a:hover,.profile-menu button:hover{background:color-mix(in srgb,var(--panel) 78%,var(--accent) 12%)}.brand p,.host-title p,.muted{margin:4px 0 0;color:var(--muted);line-height:1.5}.prompt-form{min-width:0;display:grid;grid-gap:10px;gap:10px}.credit-cost-note,.credit-inline-note,.user-seat-summary{font-size:12px;line-height:1.35}.credit-cost-note{margin:-2px 0 0;color:var(--muted)}.modal-credit-note{margin-top:2px}.credit-cost-note.is-warning,.credit-inline-note.is-warning{color:var(--coral)}.credit-inline-note{display:block;margin-top:6px;color:var(--muted)}.user-seat-summary{margin:4px 0 0}.help-button{color:var(--ink);background:color-mix(in srgb,var(--panel) 82%,var(--wash));box-shadow:0 10px 24px rgba(20,31,43,.12)}.help-button-icon{width:auto;height:auto;border-radius:0;display:grid;place-items:center;color:var(--ink);background:transparent;font-size:19px;font-weight:900;line-height:1}.help-button>span:not(.help-button-icon){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.help-prompt-modal .prompt-box{min-height:150px}.help-modal-actions{grid-template-columns:minmax(0,1fr) auto auto}.prompt-input-shell{position:relative}.prompt-dictation-field{position:relative;display:grid}.prompt-dictation-field .prompt-box{padding-right:52px}.prompt-dictation-field .speech-to-text-button{position:absolute;right:10px;bottom:10px;z-index:2}.prompt-form.is-busy .prompt-box{filter:blur(2.5px) saturate(.82);opacity:.46}.prompt-loading-overlay{position:absolute;inset:28px 0 0;border-radius:var(--radius-sm);display:grid;place-items:center;align-content:center;grid-gap:12px;gap:12px;color:var(--ink);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 34%),color-mix(in srgb,var(--panel) 64%,transparent);font-size:13px;font-weight:850;pointer-events:none;overflow:hidden;isolation:isolate;animation:overlay-materialize .52s cubic-bezier(.16,1,.3,1) both}.prompt-loading-overlay:after,.prompt-loading-overlay:before{position:absolute;z-index:-1;content:"";pointer-events:none}.prompt-loading-overlay:before{width:min(152%,230px);aspect-ratio:1;inset:50% auto auto 50%;border-radius:999px;background:conic-gradient(from 90deg,transparent 0 24%,color-mix(in srgb,var(--accent) 24%,transparent) 34%,transparent 46% 100%),radial-gradient(circle,color-mix(in srgb,var(--shine) 56%,transparent) 0 14%,transparent 48%);opacity:.86;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0 62%,transparent 73%);mask-image:radial-gradient(circle,#000 0 62%,transparent 73%);animation:overlay-energy-spin 5.2s linear infinite}.prompt-loading-overlay:after{inset:16px 10px;border-radius:999px;background:linear-gradient(105deg,transparent 0 24%,color-mix(in srgb,var(--shine) 32%,transparent) 48%,transparent 72%);opacity:.58;transform:translateX(-18%);animation:overlay-scan 2.4s cubic-bezier(.16,1,.3,1) infinite}.loading-orbit{position:relative;width:64px;height:64px;display:grid;place-items:center;filter:drop-shadow(0 18px 30px color-mix(in srgb,var(--accent) 24%,transparent));animation:loading-orbit-float 2.4s ease-in-out infinite}.loading-ring,.loading-ring:after,.loading-ring:before{position:absolute;content:"";border-radius:50%}.loading-ring{inset:4px;border-left:3px solid color-mix(in srgb,var(--accent) 15%,transparent);border-bottom:3px solid color-mix(in srgb,var(--accent) 15%,transparent);border-right-color:color-mix(in srgb,var(--accent) 15%,transparent);border-top-color:color-mix(in srgb,var(--accent) 15%,transparent);border-top:3px solid var(--accent);border-right:3px solid color-mix(in srgb,var(--accent) 55%,transparent);filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--accent) 24%,transparent));animation:loading-ring-spin .95s linear infinite}.loading-ring:before{inset:10px;border:2px solid color-mix(in srgb,var(--muted) 17%,transparent);border-bottom-color:color-mix(in srgb,var(--accent) 78%,transparent);animation:loading-ring-spin 1.4s linear infinite reverse}.loading-ring:after{width:8px;height:8px;top:-4px;left:50%;background:var(--accent);box-shadow:0 0 18px var(--accent);transform:translateX(-50%)}.loading-core{width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,var(--panel));box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 8%,transparent),0 0 26px color-mix(in srgb,var(--accent) 38%,transparent);animation:loading-core-pulse 1.2s ease-in-out infinite}.compact-loading-orbit{width:38px;height:38px;flex:0 0 38px;filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--accent) 20%,transparent))}.compact-loading-orbit .loading-ring{inset:3px;border-width:2px}.compact-loading-orbit .loading-ring:before{inset:7px;border-width:2px}.compact-loading-orbit .loading-ring:after{width:6px;height:6px;top:-3px}.compact-loading-orbit .loading-core{width:11px;height:11px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 8%,transparent),0 0 18px color-mix(in srgb,var(--accent) 34%,transparent)}.loading-button-label{display:inline-flex;align-items:baseline;justify-content:center;gap:1px;min-width:0}.loading-dots{display:inline-flex;width:16px;justify-content:flex-start;margin-left:1px}.loading-dots>span{animation:loading-dot-rise 1.1s ease-in-out infinite}.loading-dots>span:nth-child(2){animation-delay:.14s}.loading-dots>span:nth-child(3){animation-delay:.28s}@keyframes loading-ring-spin{to{transform:rotate(1turn)}}@keyframes loading-core-pulse{50%{transform:scale(.72);opacity:.76}}@keyframes loading-orbit-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.03)}}@keyframes loading-dot-rise{0%,80%,to{opacity:.42;transform:translateY(0)}36%{opacity:1;transform:translateY(-2px)}}@keyframes loading-hint-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-orbit-float-centered{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,calc(-50% - 4px)) scale(1.03)}}@keyframes voice-recording-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,#dc2626 14%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,#dc2626 24%,transparent)}}@keyframes overlay-materialize{0%{opacity:0;transform:scale(.985);filter:blur(8px) saturate(.8)}to{opacity:1;transform:scale(1);filter:blur(0) saturate(1)}}@keyframes chat-overlay-materialize{0%{opacity:0;transform:translateX(-50%) scale(.985);filter:blur(8px) saturate(.8)}to{opacity:1;transform:translateX(-50%) scale(1);filter:blur(0) saturate(1)}}@keyframes overlay-energy-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes overlay-scan{0%{transform:translateX(-18%);opacity:0}22%,78%{opacity:.58}to{transform:translateX(18%);opacity:0}}.dev-planner-chat{position:relative;min-width:0;display:grid;grid-gap:10px;gap:10px;border:1px solid color-mix(in srgb,var(--line) 82%,var(--accent) 18%);border-radius:var(--radius-sm);padding:10px;background:color-mix(in srgb,var(--panel) 92%,var(--wash))}.creator-mode-toggle{width:100%}.creator-mode-toggle button{flex:1 1}.dev-planner-chat-header,.dev-planner-message{display:flex;align-items:flex-start;gap:8px}.dev-planner-chat-header{align-items:flex-start;justify-content:space-between}.dev-planner-chat-title{min-width:0;display:grid;grid-gap:2px;gap:2px}.dev-planner-chat-actions{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.dev-planner-chat-header strong{color:var(--ink);font-size:12px}.compact-button{min-height:28px;padding:0 8px;font-size:12px}.dev-planner-messages{min-width:0;display:grid;grid-gap:6px;gap:6px;max-height:260px;overflow:auto;padding-right:2px}.dev-planner-chat.live .dev-planner-messages{max-height:min(42vh,360px)}.dev-planner-chat.subtle{opacity:.94}.dev-planner-chat.subtle .dev-planner-messages{max-height:min(34vh,300px);min-height:0}.dev-planner-message{min-width:0;width:-moz-fit-content;width:fit-content;max-width:100%;border-radius:7px;padding:5px 7px;background:color-mix(in srgb,var(--wash) 68%,var(--panel))}.dev-planner-message.user{justify-self:end;background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.dev-planner-message.assistant{justify-self:start}.dev-planner-message span{flex:0 0 24px;color:var(--muted);font-size:10px;font-weight:850}.dev-planner-message p{min-width:0;margin:0;color:var(--ink);font-size:11px;font-weight:650;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.inline-loading-spinner{width:28px;min-height:18px;display:inline-grid;place-items:center}.inline-loading-spinner>span{width:16px;height:16px;border-left:2px solid color-mix(in srgb,var(--muted) 24%,transparent);border-bottom:2px solid color-mix(in srgb,var(--muted) 24%,transparent);border-right-color:color-mix(in srgb,var(--muted) 24%,transparent);border-top-color:color-mix(in srgb,var(--muted) 24%,transparent);border-top:2px solid var(--accent);border-right:2px solid color-mix(in srgb,var(--accent) 68%,transparent);border-radius:50%;animation:loading-ring-spin .76s linear infinite}.structured-assistant-message{min-width:0;display:grid;grid-gap:6px;gap:6px}.suggested-answer-grid{min-width:0;display:flex;flex-wrap:wrap;gap:7px}.suggested-answer-chip{max-width:100%;min-height:28px;border:1px solid color-mix(in srgb,var(--line) 76%,var(--accent) 24%);border-radius:999px;padding:0 10px;color:var(--ink);background:color-mix(in srgb,var(--panel) 88%,var(--accent) 5%);font-size:11px;font-weight:800;white-space:normal;overflow-wrap:anywhere}.suggested-answer-chip:hover{border-color:var(--accent);color:#ffffff;background:var(--accent)}.live-free-answer{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.chat-composer,.chat-prompt-input-shell{margin-top:0;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent)}.chat-composer .text-input{min-height:38px;padding:8px 10px;font-size:13px}.chat-prompt-box{min-height:54px;max-height:120px;padding:9px 10px;font-size:13px;line-height:1.35}.prompt-context-note{display:block;margin-top:3px;color:var(--accent);font-size:11px;font-weight:850}.voice-toggle-button{position:relative;width:30px;min-width:30px;min-height:30px;border-radius:999px;border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:#ffffff;background:var(--accent);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 26%,transparent)}.voice-toggle-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-strong);box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 34%,transparent)}.voice-toggle-button.recording{border-color:color-mix(in srgb,#dc2626 58%,var(--line));color:#ffffff;background:#dc2626;box-shadow:0 0 0 4px color-mix(in srgb,#dc2626 18%,transparent);animation:voice-recording-pulse 1.4s ease-in-out infinite}.voice-toggle-button.connecting{color:#ffffff;background:var(--accent)}.speech-to-text-button.transcribing,.speech-to-text-button.transcribing:disabled{opacity:1;cursor:progress;border-color:color-mix(in srgb,var(--accent) 62%,var(--line));color:#ffffff;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent),0 10px 22px color-mix(in srgb,var(--accent) 26%,transparent)}.speech-button-loader{position:relative;width:17px;height:17px;display:block}.speech-button-loader:after,.speech-button-loader:before{position:absolute;border-radius:50%;content:""}.speech-button-loader:before{inset:0;border-color:#ffffff color-mix(in srgb,#ffffff 72%,transparent) color-mix(in srgb,#ffffff 34%,transparent) color-mix(in srgb,#ffffff 34%,transparent);border-style:solid;border-width:2px;animation:loading-ring-spin .76s linear infinite}.speech-button-loader:after{width:5px;height:5px;top:-1px;left:50%;background:#ffffff;box-shadow:0 0 8px color-mix(in srgb,#ffffff 72%,transparent);transform:translateX(-50%);transform-origin:50% 9.5px;animation:speech-loader-dot-spin .76s linear infinite}@keyframes speech-loader-dot-spin{to{transform:translateX(-50%) rotate(1turn)}}.voice-icon{position:relative;width:16px;height:16px;display:block;color:#0f172a;background:linear-gradient(currentColor,currentColor) center 3px /2px 10px no-repeat;filter:drop-shadow(0 0 4px color-mix(in srgb,#0f172a 24%,transparent))}:root[data-theme=dark] .voice-icon{color:#93c5fd;filter:drop-shadow(0 0 5px color-mix(in srgb,#93c5fd 44%,transparent))}.voice-toggle-button.connecting .voice-icon,.voice-toggle-button.recording .voice-icon{color:#ffffff;filter:none}.voice-icon:before{left:3px;top:5px;height:6px}.voice-icon:after,.voice-icon:before{position:absolute;width:2px;background:currentColor;border-radius:999px;content:""}.voice-icon:after{left:11px;top:4px;height:8px}.dev-planner-chat.is-loading .dev-planner-messages{filter:blur(1.6px) saturate(.84);opacity:.54}.dev-planner-chat.is-loading .dev-planner-chat-header{filter:blur(1.6px) saturate(.84);opacity:.46}.chat-loading-overlay{position:absolute;z-index:3;inset:10px;min-height:0;padding:14px;border-radius:var(--radius-sm);display:grid;place-items:center;align-content:center;grid-gap:10px;gap:10px;color:var(--ink);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 36%),color-mix(in srgb,var(--panel) 72%,transparent);font-size:12px;font-weight:850;pointer-events:none;overflow:hidden;-webkit-backdrop-filter:blur(8px) saturate(1.1);backdrop-filter:blur(8px) saturate(1.1);animation:overlay-materialize .42s cubic-bezier(.16,1,.3,1) both}.chat-loading-copy{min-width:0;max-width:min(280px,88%);display:grid;grid-gap:6px;gap:6px;justify-items:center;text-align:center}.chat-loading-copy strong{color:var(--ink);font-size:12px;font-weight:900;line-height:1.25;overflow-wrap:anywhere}.chat-loading-hint{color:var(--muted);font-size:11px;font-weight:750;line-height:1.35;overflow-wrap:anywhere;animation:loading-hint-in .36s ease-out both}.dev-direct-actions{gap:8px}.dev-direct-actions .secondary-button{min-height:34px;font-size:12px}.dev-smoke-panel{border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:var(--radius-sm);padding:12px;display:grid;grid-gap:10px;gap:10px;color:var(--ink);background:color-mix(in srgb,var(--panel) 88%,var(--wash));box-shadow:0 12px 26px color-mix(in srgb,#0f172a 8%,transparent)}.dev-smoke-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dev-smoke-header-actions{display:inline-flex;align-items:center;gap:6px}.dev-smoke-header strong{font-size:13px;line-height:1.25}.dev-smoke-header .muted{margin-top:2px;font-size:11px}.dev-smoke-header .compact-button{min-height:32px;padding-inline:10px;font-size:11px;white-space:nowrap}.dev-smoke-close-button{width:32px;min-width:32px;min-height:32px;padding:0;font-size:18px;line-height:1}.dev-smoke-open-button{min-height:36px;padding-inline:10px;font-size:11px;white-space:nowrap}.dev-smoke-progress{height:5px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--line) 72%,transparent)}.dev-smoke-progress span{height:100%;min-width:0;display:block;border-radius:inherit;background:#16a34a;transition:width .24s ease}.dev-smoke-steps{margin:0;padding:0;display:grid;grid-gap:6px;gap:6px;list-style:none}.dev-smoke-step{min-height:31px;display:grid;grid-template-columns:14px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:start}.dev-smoke-step-marker{width:10px;height:10px;margin-top:5px;border-radius:999px;border:2px solid color-mix(in srgb,var(--line) 84%,transparent);background:var(--panel)}.dev-smoke-step.running .dev-smoke-step-marker{border-color:var(--accent);border-top-color:transparent;animation:loading-ring-spin .76s linear infinite}.dev-smoke-step.passed .dev-smoke-step-marker{border-color:#16a34a;background:#16a34a}.dev-smoke-step.failed .dev-smoke-step-marker{border-color:#dc2626;background:#dc2626}.dev-smoke-step.skipped .dev-smoke-step-marker{border-color:#f59e0b;background:#f59e0b}.dev-smoke-step-copy{min-width:0;display:grid;grid-gap:2px;gap:2px}.dev-smoke-step-copy>span{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dev-smoke-step-copy strong{min-width:0;color:var(--ink);font-size:12px;line-height:1.25;overflow-wrap:anywhere}.dev-smoke-step-copy em,.dev-smoke-step-copy small{color:var(--muted);font-size:10.5px;line-height:1.3;font-style:normal}.dev-smoke-step.failed .dev-smoke-step-copy em{color:#dc2626;font-weight:750}.dev-smoke-result{border-radius:var(--radius-sm);padding:9px 10px;display:grid;grid-gap:4px;gap:4px;font-size:12px;line-height:1.35;background:color-mix(in srgb,#16a34a 12%,var(--panel))}.dev-smoke-result.failed{background:color-mix(in srgb,#dc2626 10%,var(--panel))}.dev-smoke-result p{margin:0;color:var(--muted);overflow-wrap:anywhere}.model-select-label{gap:7px}.generation-model-select{min-height:38px;font-size:13px;font-weight:800}.model-select-note{color:var(--muted);font-size:11px;font-weight:750;line-height:1.35}.model-settings-panel{align-content:flex-start}.model-settings-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.model-choice-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);min-width:0;padding:12px;display:grid;grid-gap:8px;gap:8px}.model-category-label{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.compact-model-select{min-height:36px}.model-settings-categories strong{min-width:0;font-size:13px;line-height:1.3}.field-label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.prompt-box,.select-input,.text-input,.textarea-input{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel) 94%,var(--wash));color:var(--ink);outline:none;transition:border-color var(--motion),box-shadow var(--motion),background var(--motion),transform var(--motion)}.prompt-box{min-height:180px;resize:vertical;padding:14px;line-height:1.5}.main-prompt-box{resize:none;overflow-y:hidden}.select-input,.text-input,.textarea-input{min-height:42px;padding:10px 12px}.textarea-input{min-height:88px;resize:vertical}.prompt-box:focus,.select-input:focus,.text-input:focus,.textarea-input:focus{border-color:var(--accent);background:var(--panel);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);transform:translateY(-1px)}.prompt-box.has-error,.select-input.has-error,.text-input.has-error,.textarea-input.has-error{border-color:#c2410c;background:color-mix(in srgb,#fff7ed 24%,var(--panel));color:var(--ink)}.prompt-box.has-error:focus,.select-input.has-error:focus,.text-input.has-error:focus,.textarea-input.has-error:focus{border-color:#c2410c;box-shadow:0 0 0 4px rgba(194,65,12,.16);animation:field-attention .42s cubic-bezier(.34,1.56,.64,1)}.color-field-input,.multi-select-input,.rating-input,.upload-field{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel) 94%,var(--wash));color:var(--ink)}.color-field-input.has-error,.multi-select-input.has-error,.rating-input.has-error,.upload-field.has-error{border-color:#c2410c;background:color-mix(in srgb,#fff7ed 24%,var(--panel))}.upload-field{display:grid;grid-gap:10px;gap:10px;padding:10px}.upload-field.compact{padding:8px;gap:8px}.upload-field input[type=file]{display:none}.upload-field-actions{display:flex;flex-wrap:wrap;gap:8px}.upload-button,.upload-clear-button{min-height:32px;padding:7px 10px;font-size:.82rem}.image-upload-preview{width:72px;height:72px;border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--panel) 74%,var(--wash));color:var(--muted);font-size:.76rem}.upload-field.compact .image-upload-preview{width:44px;height:44px;border-radius:7px}.image-field-value img,.image-upload-preview img{width:100%;height:100%;object-fit:cover;display:block}.image-field-value{width:44px;height:44px;display:inline-grid;overflow:hidden;border-radius:999px;border:1px solid color-mix(in srgb,var(--line) 80%,var(--accent) 20%);background:var(--panel);vertical-align:middle}.file-chip-list,.file-upload-list,.tag-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.file-chip,.tag-link-button,.tag-list>span{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:26px;padding:4px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--line) 88%,var(--accent) 12%);background:color-mix(in srgb,var(--panel) 84%,var(--accent) 8%);color:var(--ink);font-size:.78rem;line-height:1.2;text-decoration:none}.file-chip span,.tag-link-button,.tag-list>span{overflow:hidden;text-overflow:ellipsis}.file-chip small{color:var(--muted);white-space:nowrap}.file-chip.editable button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 2px;font:inherit}.color-field-input{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:42px;padding:4px}.color-field-input.compact{width:38px;height:36px;padding:3px}.color-field-swatch{position:absolute;inset:4px;border:1px solid var(--line);border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);pointer-events:none}.color-field-input.compact .color-field-swatch{inset:3px}.color-field-input input[type=color]{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;opacity:0}.color-field-value{display:inline-flex;align-items:center;gap:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.color-field-value>span:first-child{width:20px;height:20px;border-radius:999px;border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.multi-select-input{min-height:42px;display:flex;flex-wrap:wrap;gap:6px;padding:8px;align-items:center;max-height:164px;overflow:auto}.tree-field-input{width:100%;display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tree-field-input.compact{gap:6px;grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.tree-field-input .select-input{min-width:0}.searchable-select{position:relative;width:100%}.searchable-select-input{cursor:text}.searchable-select-options{position:fixed;z-index:12000;max-height:220px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--shadow);padding:4px}.searchable-select-options button{width:100%;min-height:34px;border:0;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;font:inherit;font-size:.86rem;text-align:left;padding:7px 9px}.searchable-select-options button.active,.searchable-select-options button:hover{background:color-mix(in srgb,var(--accent) 11%,var(--panel))}.searchable-select-options button.selected{color:var(--accent-strong);font-weight:850}.searchable-select-options button:disabled{cursor:not-allowed;opacity:.58}.searchable-select-empty{color:var(--muted);font-size:.85rem;padding:8px 9px}.searchable-select-options.compact{max-height:180px}.multi-select-input.compact{min-height:38px;max-height:118px;padding:6px}.multi-select-search{flex:1 0 100%;min-height:32px;padding:6px 8px}.multi-select-input button{min-height:28px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);padding:4px 9px;cursor:pointer;font:inherit;font-size:.8rem;transition:border-color var(--motion),background var(--motion),color var(--motion),transform var(--motion)}.multi-select-input button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.multi-select-input button.selected{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 70%,var(--line));background:var(--accent)}.multi-select-input button.missing{opacity:.72}.rating-input{min-height:42px;display:inline-flex;align-items:center;gap:3px;padding:7px 9px}.rating-input.compact{min-height:36px;padding:5px 7px}.rating-input button{border:0;background:transparent;color:color-mix(in srgb,var(--muted) 70%,var(--line));cursor:pointer;font-size:1.1rem;line-height:1;padding:2px;transition:color var(--motion),transform var(--motion)}.rating-field-value>span,.rating-input button.active{color:#b45309}.rating-input button:hover{transform:translateY(-1px)}.rating-field-value{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.rating-field-value small{color:var(--muted)}.secret-field-value{border:0;background:transparent;color:var(--ink);cursor:pointer;padding:0;font:inherit;max-width:100%;filter:blur(3px);transition:filter var(--motion),color var(--motion)}.secret-field-value:not(.revealed):hover{color:var(--accent)}.secret-field-value.revealed{filter:none}.runtime-field-link{color:var(--accent);text-decoration:none;font-weight:650}.runtime-field-link:hover{text-decoration:underline}.checkbox-input.has-error{outline:2px solid rgba(194,65,12,.5);outline-offset:2px}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.danger-button,.icon-button,.open-preview-button,.primary-button,.secondary-button{position:relative;min-height:40px;border-radius:var(--radius-sm);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;box-shadow:0 0 0 rgba(0,0,0,0);overflow:hidden;isolation:isolate}.danger-button:before,.icon-button:before,.open-preview-button:before,.primary-button:before,.secondary-button:before{position:absolute;inset:-2px -70%;content:"";background:color-mix(in srgb,var(--shine) 48%,transparent);opacity:0;transform:translateX(-36%) skewX(-18deg);pointer-events:none}.danger-button:hover:not(:disabled):before,.icon-button:hover:not(:disabled):before,.open-preview-button:hover:not(:disabled):before,.primary-button:hover:not(:disabled):before,.secondary-button:hover:not(:disabled):before{animation:button-shine .76s cubic-bezier(.16,1,.3,1)}.primary-button{color:#ffffff;background:var(--accent);box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 24%,transparent)}.primary-button:hover{background:var(--accent-strong);transform:translateY(-2px) scale(1.01);box-shadow:0 18px 38px color-mix(in srgb,var(--accent) 31%,transparent)}.icon-button,.secondary-button{color:var(--ink);border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--panel) 84%,var(--accent) 6%)}.icon-button:hover,.secondary-button:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));transform:translateY(-2px) scale(1.005);box-shadow:var(--shadow-soft)}.danger-button{color:#ffffff;background:var(--coral)}.open-preview-button{color:#ffffff;background:#2563eb}.open-preview-button:hover{background:#1d4ed8;transform:translateY(-2px) scale(1.01);box-shadow:0 18px 38px rgba(37,99,235,.25)}.content{position:relative;min-width:0;height:calc(100vh - 48px);height:calc(100dvh - 48px);overflow:hidden;padding:var(--page-gutter);display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-gap:22px;gap:22px;align-content:stretch;animation:app-fade-up .72s cubic-bezier(.16,1,.3,1) 80ms both}.content.has-active-app{grid-template-rows:auto minmax(360px,1fr) auto}.content.has-group-rights{grid-template-rows:auto minmax(0,1fr)}.app-list,.data-surface,.form-surface,.host-shell,.preview-shell,.topbar{background:var(--glass-panel);border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.access-panel,.account-page-header,.app-list,.auth-panel,.preview-shell,.settings-action-panel,.settings-panel,.topbar{position:relative;transform:translateZ(0);transition:transform var(--motion-slow),box-shadow var(--motion-slow),border-color var(--motion-slow),background var(--motion-slow);overflow:hidden}.access-panel:before,.account-page-header:before,.app-list:before,.auth-panel:before,.preview-shell:before,.settings-action-panel:before,.settings-panel:before,.topbar:before{position:absolute;inset:0;z-index:0;content:"";background:color-mix(in srgb,var(--shine) 34%,transparent);opacity:0;transform:translateX(-115%) skewX(-12deg);pointer-events:none}.access-panel>*,.account-page-header>*,.app-list>*,.auth-panel>*,.preview-shell>*,.settings-action-panel>*,.settings-panel>*,.topbar>*{position:relative;z-index:1}.account-page-header:hover,.app-list:hover,.auth-panel:hover,.preview-shell:hover,.settings-action-panel:hover,.settings-panel:hover,.topbar:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));transform:translateY(-2px) translateZ(0);box-shadow:var(--shadow-lift)}.access-panel:hover:before,.account-page-header:hover:before,.app-list:hover:before,.auth-panel:hover:before,.preview-shell:hover:before,.settings-action-panel:hover:before,.settings-panel:hover:before,.topbar:hover:before{animation:surface-sheen 1.12s cubic-bezier(.16,1,.3,1)}.app-list,.host-shell,.topbar{padding:22px}.topbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;grid-gap:18px;gap:18px;align-items:center;overflow:hidden;transition:grid-template-columns .52s cubic-bezier(.16,1,.3,1),transform var(--motion-slow),box-shadow var(--motion-slow),border-color var(--motion-slow),background var(--motion-slow)}.topbar.has-empty-title{grid-template-columns:minmax(220px,1fr)}.topbar.has-app-title{grid-template-columns:minmax(220px,1fr) auto}.topbar .header-state{animation:header-state-in .52s cubic-bezier(.16,1,.3,1) both}.app-switch-surface.is-switching{animation:app-switch-in .76s cubic-bezier(.16,1,.3,1) both}.topbar>.button-row{justify-content:flex-end}.access-panel{border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,auto);grid-gap:16px;gap:16px;align-items:center;background:var(--panel);box-shadow:var(--shadow);overflow:visible}.access-controls{min-width:0;display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap}.compact-field{min-width:0;width:clamp(170px,16vw,230px)}.access-save-button{flex:0 0 auto;min-width:146px;white-space:nowrap}.workspace-tabs-shell{position:relative;z-index:10;max-height:0;border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:0;gap:0;min-height:0;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);transform:translateZ(0);opacity:0;transform-origin:top center;-webkit-clip-path:inset(0 0 100% 0 round var(--radius));clip-path:inset(0 0 100% 0 round var(--radius));will-change:max-height,opacity,transform,clip-path;transition:max-height .72s cubic-bezier(.16,1,.3,1),opacity .36s ease,border-color var(--motion-slow),box-shadow var(--motion-slow),transform .72s cubic-bezier(.16,1,.3,1),-webkit-clip-path .72s cubic-bezier(.16,1,.3,1);transition:max-height .72s cubic-bezier(.16,1,.3,1),opacity .36s ease,clip-path .72s cubic-bezier(.16,1,.3,1),border-color var(--motion-slow),box-shadow var(--motion-slow),transform .72s cubic-bezier(.16,1,.3,1);transition:max-height .72s cubic-bezier(.16,1,.3,1),opacity .36s ease,clip-path .72s cubic-bezier(.16,1,.3,1),border-color var(--motion-slow),box-shadow var(--motion-slow),transform .72s cubic-bezier(.16,1,.3,1),-webkit-clip-path .72s cubic-bezier(.16,1,.3,1)}.workspace-tabs-shell.is-open{max-height:980px;opacity:1;-webkit-clip-path:inset(0 0 0 0 round var(--radius));clip-path:inset(0 0 0 0 round var(--radius));transform:translateY(0) scale(1) translateZ(0);animation:workspace-shell-open .72s cubic-bezier(.16,1,.3,1) both}.content.has-active-app .workspace-tabs-shell.is-open{height:100%;min-height:360px;max-height:100%;animation-name:workspace-active-shell-open}.content.has-active-app .workspace-tabs-shell.app-switch-surface.is-switching,.content.has-active-app .workspace-tabs-shell.is-open.is-switching{animation:workspace-active-shell-open .72s cubic-bezier(.16,1,.3,1) both}.workspace-tabs-shell.is-closing{max-height:0;opacity:0;pointer-events:none;-webkit-clip-path:inset(0 0 100% 0 round var(--radius));clip-path:inset(0 0 100% 0 round var(--radius));transform:translateY(-6px) scale(.996) translateZ(0);animation:workspace-shell-close .72s cubic-bezier(.16,1,.3,1) both}.workspace-tabs-shell.app-switch-surface.is-switching,.workspace-tabs-shell.is-switching{animation:workspace-shell-open .72s cubic-bezier(.16,1,.3,1) both}.workspace-tabs-shell:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:var(--shadow-lift);transform:translateY(-1px) translateZ(0)}.workspace-tabs-bar{min-height:54px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.workspace-tabs{width:auto;max-width:100%;flex:0 1 auto;min-height:34px;border:0;border-radius:0;padding:0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.workspace-tabs::-webkit-scrollbar{display:none}.workspace-tabs button{gap:7px}.workspace-tab-icon{position:relative;width:16px;height:16px;display:none;flex:0 0 auto}.workspace-tab-icon.preview{border:2px solid;border-radius:999px}.workspace-tab-icon.preview:after{inset:4px;border-radius:999px}.workspace-tab-icon.automations:after,.workspace-tab-icon.automations:before,.workspace-tab-icon.preview:after{position:absolute;content:"";background:currentColor}.workspace-tab-icon.automations:before{inset:1px 7px;border-radius:999px}.workspace-tab-icon.automations:after{inset:7px 1px;border-radius:999px}.workspace-tab-icon.roles:after,.workspace-tab-icon.roles:before{position:absolute;content:"";border:2px solid;border-radius:999px}.workspace-tab-icon.roles:before{width:7px;height:7px;left:1px;top:2px}.workspace-tab-icon.roles:after{width:9px;height:9px;right:0;bottom:1px}.workspace-tab-icon.settings{border:2px solid;border-radius:4px}.workspace-tab-icon.settings:after{position:absolute;inset:4px;content:"";border-radius:999px;background:currentColor}.workspace-version-picker{flex:0 0 auto}.workspace-tab-panel{border:0;border-radius:0;padding:18px 20px 20px;display:grid;grid-gap:16px;gap:16px;background:var(--panel);box-shadow:none}.workspace-tab-viewport{min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;transition:height .62s cubic-bezier(.16,1,.3,1)}.workspace-tab-content{min-height:100%;display:grid;animation:workspace-tab-in .54s cubic-bezier(.16,1,.3,1) both}.role-scope-header,.workspace-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.role-scope-header{flex-wrap:wrap}.role-scope-tabs{min-height:38px;padding:4px;overflow-x:auto;scrollbar-width:none}.role-scope-tabs::-webkit-scrollbar{display:none}.workspace-panel-header strong{display:block}.roles-toolbar{align-items:flex-start}.role-feedback-slot{flex:1 1 auto;min-width:0}.role-message{width:100%;padding:0;color:#166534;background:transparent;font-size:13px;font-weight:750;line-height:1.35}.access-panel.in-tab{box-shadow:none}.access-panel.in-tab,.publish-settings-panel{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;background:color-mix(in srgb,var(--panel) 94%,var(--wash))}.publish-settings-panel{display:flex;align-items:center;justify-content:space-between;gap:14px}.access-panel.in-tab+.app-settings-management{margin-top:22px}.app-settings-management{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:12px;gap:12px}.settings-action-panel{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;display:grid;grid-gap:12px;gap:12px;align-content:start;background:color-mix(in srgb,var(--panel) 92%,var(--wash))}.settings-action-form{display:grid;grid-gap:10px;gap:10px}.danger-settings-panel .danger-button,.settings-action-form .danger-button{justify-self:start}.danger-settings-panel{border-color:color-mix(in srgb,var(--coral) 26%,var(--line));background:color-mix(in srgb,var(--panel) 88%,var(--coral) 5%)}.role-list{gap:10px}.inline-role-field{margin-top:0;min-width:0;display:grid;justify-items:stretch;grid-gap:6px;gap:6px}.role-definition-section{display:grid;grid-gap:10px;gap:10px}.workspace-tab-panel[data-tutorial-id=tutorial-roles] .role-definition-section+.role-definition-section{margin-top:18px}.role-definition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px;gap:8px}.compact-role-definition-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tab-specific-role-groups{display:grid;grid-gap:12px;gap:12px}.tab-specific-role-group{display:grid;grid-gap:8px;gap:8px}.tab-specific-role-group>strong{color:var(--muted);font-size:13px}.role-definition-card{position:relative;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 34px 10px 10px;display:grid;grid-gap:7px;gap:7px;background:color-mix(in srgb,var(--panel) 94%,var(--wash));overflow:hidden;transition:transform var(--motion-slow),border-color var(--motion-slow),box-shadow var(--motion-slow),background var(--motion-slow);animation:card-pop-in .52s cubic-bezier(.16,1,.3,1) both}.role-definition-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 42px rgba(15,23,42,.12)}.role-delete-button{position:absolute;top:7px;right:7px;width:22px;height:22px;border-radius:999px;border:1px solid color-mix(in srgb,#dc2626 28%,var(--line));background:color-mix(in srgb,#fee2e2 70%,var(--panel));color:#991b1b;font-weight:800;line-height:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:scale(.86);transition:opacity .16s ease,transform .16s ease,background .16s ease}.role-definition-card:hover .role-delete-button,.role-delete-button:focus-visible{opacity:1;transform:scale(1)}.role-delete-button:hover{background:#fecaca}.role-card-low{border-color:color-mix(in srgb,var(--muted) 24%,var(--line));background:color-mix(in srgb,#e0f2fe 42%,var(--panel))}.role-card-medium{border-color:color-mix(in srgb,#2563eb 36%,var(--line));background:color-mix(in srgb,var(--panel) 88%,#2563eb 5%)}.role-card-high{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--panel) 87%,var(--accent) 7%)}.role-card-full{border-color:color-mix(in srgb,#166534 44%,var(--line));background:color-mix(in srgb,var(--panel) 86%,#22c55e 8%)}.role-definition-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.role-tab-badges{display:flex;flex-wrap:wrap;gap:5px}.role-tab-badges span{min-height:22px;border-radius:999px;padding:3px 8px;display:inline-flex;align-items:center;background:color-mix(in srgb,var(--wash) 70%,var(--panel));color:var(--muted);font-size:11px;font-weight:800}.automation-definition-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch}.automation-definition-card{min-height:172px;min-width:0}.management-list-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.management-search-input{min-width:min(100%,220px);flex:1 1 220px}.people-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.collaborator-search-input{flex:1 1 220px;max-width:320px}.automation-definition-card.is-intelligent{border-color:color-mix(in srgb,#7c3aed 36%,var(--line));background:color-mix(in srgb,var(--panel) 88%,#7c3aed 6%)}.automation-kind-action{border-color:color-mix(in srgb,#2563eb 34%,var(--line))}.automation-kind-scheduled{border-color:color-mix(in srgb,#b45309 34%,var(--line))}.automation-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.automation-description{margin-bottom:0}.automation-kind-tags{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.automation-kind-pill{flex:0 0 auto;min-height:22px;border-radius:999px;padding:3px 8px;display:inline-flex;align-items:center;background:color-mix(in srgb,var(--accent) 11%,var(--panel));color:var(--muted);font-size:11px;font-weight:900}.automation-step-list{display:flex;flex-wrap:wrap;gap:5px}.automation-step-list span{max-width:100%;min-height:24px;border-radius:999px;padding:4px 8px;display:inline-flex;align-items:center;background:color-mix(in srgb,var(--wash) 72%,var(--panel));color:var(--text);font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-conflict-note{color:#b45309!important;font-size:12px!important;font-weight:800}.automation-conflict-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.automation-conflict-controls>span{flex:1 1 100%;min-width:0;color:var(--muted);font-size:11px;font-weight:900;white-space:normal}.automation-conflict-controls button{min-height:24px;border:1px solid var(--line);border-radius:999px;padding:3px 8px;background:color-mix(in srgb,var(--panel) 82%,var(--wash));color:var(--muted);font-size:11px;font-weight:900;cursor:pointer}.automation-conflict-controls button.active{border-color:color-mix(in srgb,#b45309 42%,var(--line));background:color-mix(in srgb,#fef3c7 34%,var(--panel));color:var(--text)}.automation-toggle-button{justify-self:flex-start;min-height:30px;padding:6px 10px}.automation-toggle-button.active{border-color:color-mix(in srgb,var(--accent) 44%,var(--line))}.automation-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.automation-edit-button{min-height:30px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900}.automation-edit-button span:first-child{font-size:14px;line-height:1;transform:translateY(-1px)}.automation-enabled-switch{position:relative;width:116px;min-height:30px;border:1px solid var(--line);border-radius:999px;padding:3px 10px 3px 34px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--panel) 86%,var(--wash));color:var(--muted);font-size:11px;font-weight:900;overflow:hidden}.automation-enabled-switch>span[aria-hidden=true]{position:absolute;top:4px;left:5px;width:20px;height:20px;border-radius:999px;background:var(--muted);transition:transform var(--motion),background var(--motion),box-shadow var(--motion);box-shadow:0 2px 8px rgba(15,23,42,.18)}.automation-enabled-switch>span:not([aria-hidden=true]){position:relative;z-index:1}.automation-enabled-switch.active{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--text);padding:3px 34px 3px 10px}.automation-enabled-switch.active>span[aria-hidden=true]{background:var(--accent);transform:translateX(84px)}.automation-badges span{background:color-mix(in srgb,#dcfce7 46%,var(--panel))}.automation-message{color:#0f766e}.inline-collaborator-form .role-chip-list{justify-content:flex-start}@keyframes workspace-tab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes workspace-shell-open{0%{max-height:0;opacity:0;-webkit-clip-path:inset(0 0 100% 0 round var(--radius));clip-path:inset(0 0 100% 0 round var(--radius));transform:translateY(-8px) scale(.996) translateZ(0);filter:saturate(.92)}42%{opacity:1}to{max-height:980px;opacity:1;-webkit-clip-path:inset(0 0 0 0 round var(--radius));clip-path:inset(0 0 0 0 round var(--radius));transform:translateY(0) scale(1) translateZ(0);filter:saturate(1)}}@keyframes workspace-active-shell-open{0%{max-height:0;opacity:0;-webkit-clip-path:inset(0 0 100% 0 round var(--radius));clip-path:inset(0 0 100% 0 round var(--radius));transform:translateY(-8px) scale(.996) translateZ(0);filter:saturate(.92)}42%{opacity:1}to{max-height:100%;opacity:1;-webkit-clip-path:inset(0 0 0 0 round var(--radius));clip-path:inset(0 0 0 0 round var(--radius));transform:translateY(0) scale(1) translateZ(0);filter:saturate(1)}}@keyframes workspace-shell-close{0%{max-height:980px;opacity:1;-webkit-clip-path:inset(0 0 0 0 round var(--radius));clip-path:inset(0 0 0 0 round var(--radius));transform:translateY(0) scale(1) translateZ(0);filter:saturate(1)}38%{opacity:.86}to{max-height:0;opacity:0;-webkit-clip-path:inset(0 0 100% 0 round var(--radius));clip-path:inset(0 0 100% 0 round var(--radius));transform:translateY(-6px) scale(.996) translateZ(0);filter:saturate(.92)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.workspace-tab-viewport{transition:none}.workspace-tab-content{animation:none}}.topbar-title{min-width:0;display:grid;grid-gap:8px;gap:8px;transform-origin:left center}.topbar-actions{transform-origin:right center}.app-view-heading{display:flex;align-items:center;gap:10px;min-width:0}.has-empty-title .app-view-heading{min-height:34px}.close-app-button{width:34px;min-width:34px;min-height:34px;padding:0;border-radius:999px;font-size:22px;line-height:1}.group-rights-action-button{min-height:38px;padding-inline:14px}.group-rights-action-button.active{border-color:color-mix(in srgb,var(--accent) 56%,var(--line));color:#ffffff;background:var(--accent);box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 24%,transparent)}.group-rights-action-button:disabled{opacity:.52;cursor:not-allowed}.topbar h2{margin:0;font-size:18px;min-width:0}.app-name-button{min-width:0;padding:0;color:var(--ink);background:transparent;font-size:18px;font-weight:850;text-align:left}.app-name-button:hover{color:var(--accent)}.app-name-input{width:min(420px,100%);min-height:36px;border:1px solid var(--accent);border-radius:var(--radius-sm);padding:6px 10px;color:var(--ink);font-size:18px;font-weight:850;outline:none;box-shadow:0 0 0 3px rgba(15,118,110,.12)}.app-name-input,.theme-strip{background:color-mix(in srgb,var(--panel) 94%,var(--wash))}.theme-strip{width:100%;max-width:100%;min-height:42px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 6px;display:flex;align-items:center;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;overscroll-behavior-y:none;scrollbar-width:none;touch-action:pan-x}.theme-strip::-webkit-scrollbar{display:none}.version-picker{min-height:42px;display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.version-picker select{min-height:34px;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel) 94%,var(--wash));color:var(--ink);padding:0 10px;font-weight:800}.theme-dot-field{position:relative;display:inline-flex;align-items:center;width:24px;height:24px;cursor:pointer}.theme-dot-swatch{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18);pointer-events:none}.color-dot{position:absolute;inset:0;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;opacity:0;overflow:hidden}.color-dot::-webkit-color-swatch-wrapper{padding:0}.color-dot::-webkit-color-swatch{border:0;border-radius:50%}.color-dot::-moz-color-swatch{border:0;border-radius:50%}.theme-save-button{min-height:30px;padding:0 10px}.theme-mode-toggle{min-height:36px;border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex;align-items:center;color:var(--ink);background:color-mix(in srgb,var(--panel) 88%,var(--wash));white-space:nowrap;transition:transform var(--motion),border-color var(--motion),box-shadow var(--motion);overflow:hidden}.theme-mode-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 34%,var(--line));box-shadow:var(--shadow-soft)}.theme-mode-toggle-track{position:relative;width:116px;height:28px;border-radius:999px;display:grid;grid-template-columns:1fr 1fr;background:color-mix(in srgb,var(--muted) 28%,transparent);overflow:hidden}.theme-mode-toggle-thumb{position:absolute;top:3px;left:58px;z-index:0;width:55px;height:22px;border-radius:999px;background:var(--accent);box-shadow:0 2px 8px rgba(20,31,43,.22);transition:transform .42s cubic-bezier(.34,1.56,.64,1),background .26s ease,box-shadow .26s ease}.theme-mode-toggle:hover .theme-mode-toggle-thumb{box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 34%,rgba(20,31,43,.22))}.theme-mode-toggle-label{position:relative;z-index:1;display:grid;place-items:center;color:var(--muted);font-size:11px;font-weight:850}.theme-mode-toggle-label-light{color:#ffffff}.theme-mode-toggle[aria-pressed=true] .theme-mode-toggle-thumb{transform:translateX(-55px)}.theme-mode-toggle[aria-pressed=true] .theme-mode-toggle-label-dark{color:#ffffff}.theme-mode-toggle[aria-pressed=true] .theme-mode-toggle-label-light{color:var(--muted)}.theme-saving{padding:0 4px;color:var(--muted);white-space:nowrap}.status-pill,.theme-saving{font-size:12px;font-weight:800}.status-pill{min-height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;background:color-mix(in srgb,var(--panel) 76%,var(--accent) 10%);color:#334155;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent);transition:transform var(--motion),box-shadow var(--motion),background var(--motion),color var(--motion)}.status-pill:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 10px 20px color-mix(in srgb,var(--accent) 10%,transparent)}:root[data-theme=dark] .status-pill{color:var(--ink)}.status-pill.completed,.status-pill.published{background:var(--success);color:#166534}.status-pill.failed{background:#f8ded9;color:#a63a25}.preview-shell{min-height:0;overflow:hidden}.content.has-active-app .preview-shell{height:100%;min-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.workspace-tabs-shell .preview-shell{border:0;border-radius:0;box-shadow:none}.preview-header{min-height:58px;padding:14px 16px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(180px,max-content) minmax(180px,1fr) auto;align-items:center;grid-gap:12px;gap:12px}.preview-header>div:first-child{grid-column:1}.preview-header>.button-row{grid-column:3;justify-self:end}.preview-theme-strip{grid-column:2;justify-self:center;width:min(100%,560px)}.preview-frame{position:absolute;inset:0;width:100%;max-width:100%;height:100%;min-height:100%;border:0;display:block;background:var(--wash);transform-origin:top center;animation:preview-in .68s cubic-bezier(.16,1,.3,1) both}.preview-frame-stage{position:relative;width:100%;max-width:100%;height:min(38dvh,430px);min-height:280px;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 32%),color-mix(in srgb,var(--panel) 88%,var(--wash));overflow:hidden}.content.has-active-app .preview-frame-stage{height:100%;min-height:320px}.preview-frame-stage.is-loading .preview-frame{opacity:0;transform:translateY(12px) scale(.992);filter:blur(10px) saturate(.82)}.preview-frame-stage.is-ready .preview-frame{opacity:1;transform:translateY(0) scale(1);filter:blur(0) saturate(1);transition:opacity .52s ease,transform .72s cubic-bezier(.16,1,.3,1),filter .52s ease}.preview-frame-loader{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:linear-gradient(115deg,transparent 18%,color-mix(in srgb,var(--shine) 44%,transparent) 42%,transparent 64%),radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 34%),color-mix(in srgb,var(--panel) 78%,var(--wash));background-size:220% 100%,auto,auto;-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08);animation:preview-loader-sweep 1.7s cubic-bezier(.16,1,.3,1) infinite}.preview-frame-loader .loading-orbit{display:none}.viewport-preview-loader{position:absolute;inset:0;z-index:60;display:grid;place-items:center;pointer-events:none}.viewport-preview-loader .loading-orbit{animation:loading-orbit-float 2.4s ease-in-out infinite}.app-list{display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:12px;gap:12px;min-height:0;height:100%;max-height:calc(100vh - 48px - (var(--page-gutter) * 2));max-height:calc(100dvh - 48px - (var(--page-gutter) * 2));overflow:hidden;transform-origin:bottom center;transition:max-height .68s cubic-bezier(.16,1,.3,1),transform .68s cubic-bezier(.16,1,.3,1),border-color var(--motion-slow),box-shadow var(--motion-slow)}.content.has-active-app .app-list{height:auto;max-height:clamp(132px,20dvh,230px)}.app-list.is-compact{animation:app-list-compact-in .68s cubic-bezier(.16,1,.3,1) both}.app-list.is-expanded{animation:app-list-expanded-in .7s cubic-bezier(.16,1,.3,1) both}.app-list.is-restoring{animation:app-list-restore .72s cubic-bezier(.16,1,.3,1) both}.app-list.is-focused-app{grid-template-rows:minmax(0,1fr)}.app-list.is-restoring-app{height:100%;max-height:calc(100vh - 48px - (var(--page-gutter) * 2));max-height:calc(100dvh - 48px - (var(--page-gutter) * 2));animation:none;transition:border-color var(--motion-slow),box-shadow var(--motion-slow)}.app-list.is-restoring-app .app-list-header{animation:restore-list-header-in .52s cubic-bezier(.16,1,.3,1) .12s both}.app-list.is-focused-app .app-list-header{display:none}.content.has-active-app .app-list-header{align-items:center}.content.has-active-app .app-list-header h2{font-size:22px}.app-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.app-list-header h2{margin:0}.app-list-tools{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.app-search-input{width:min(260px,28vw)}.app-view-toggle{flex:0 0 auto}.app-list-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:-4px;padding:4px 8px 4px 4px;display:grid;grid-gap:12px;gap:12px;transform-origin:top center;transition:opacity .36s ease,transform .52s cubic-bezier(.16,1,.3,1)}.app-list-body.tile-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.app-list-body.selected-only{align-content:start;overflow:visible}.app-list.is-focused-app .app-list-body{grid-template-columns:1fr;margin:0;padding:0;animation:focused-app-list-in .56s cubic-bezier(.16,1,.3,1) both}.app-list.is-restoring-app .app-list-body{animation:none}.app-list.is-compact .app-list-tools{animation:app-list-tools-compact .52s cubic-bezier(.16,1,.3,1) both}.app-list.is-expanded .app-list-tools{animation:app-list-tools-expanded .56s cubic-bezier(.16,1,.3,1) both}.app-list-body.selected-only.tile-view{grid-template-columns:1fr}.app-list-body.selected-only .app-row{animation:selected-app-focus .52s cubic-bezier(.16,1,.3,1) both}.app-list.is-focused-app .app-row.selected{animation-name:selected-app-list-focus}.app-list.is-focused-app .app-row.selected,.app-list.is-restoring-app .app-row.selected{height:74px;min-height:74px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:none;align-items:center;transform:translateY(0) translateZ(0)}.app-list.is-restoring-app .app-row:not(.selected){animation:restore-app-row-in .56s cubic-bezier(.16,1,.3,1) .26s both}.app-list.is-restoring-app .app-list-body .app-row:nth-child(3){animation-delay:.31s}.app-list.is-restoring-app .app-list-body .app-row:nth-child(4){animation-delay:.36s}.app-list.is-restoring-app .app-list-body .app-row:nth-child(5){animation-delay:.41s}.app-list.is-restoring-app .tile-view .app-row.selected .app-row-thumbnail{width:44px;height:44px}.app-list.is-restoring-app .tile-view .app-row.selected h3{margin-top:0;font-size:16px}.app-list.is-restoring-app .tile-view .app-row.selected .muted{display:block}.app-list.is-restoring-app .tile-view .app-row.selected .app-row-actions{display:inline-flex;justify-content:flex-end}.app-list.is-focused-app .tile-view .app-row-thumbnail{width:44px;height:44px}.app-list.is-focused-app .tile-view .app-row h3{margin-top:0;font-size:16px}.app-list.is-focused-app .tile-view .app-row .muted{display:block}.app-list.is-focused-app .tile-view .app-row-actions{display:inline-flex;justify-content:flex-end}.app-list-body:not(.selected-only) .app-row{animation-name:app-row-in}.app-row{position:relative;min-height:74px;border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;cursor:pointer;background:color-mix(in srgb,var(--panel) 92%,var(--wash));overflow:hidden;transform:translateZ(0);transition:transform var(--motion-slow),border-color var(--motion-slow),background var(--motion-slow),box-shadow var(--motion-slow);animation:app-row-in .62s cubic-bezier(.16,1,.3,1) both}.app-row:before{position:absolute;inset:0;content:"";background:color-mix(in srgb,var(--shine) 24%,transparent);opacity:0;transform:translateX(-105%);pointer-events:none}.app-list-body .app-row:nth-child(2){animation-delay:42ms}.app-list-body .app-row:nth-child(3){animation-delay:84ms}.app-list-body .app-row:nth-child(4){animation-delay:126ms}.app-list-body .app-row:nth-child(5){animation-delay:168ms}.app-list-body .app-row:nth-child(6){animation-delay:.21s}.app-list-body .app-row:nth-child(7){animation-delay:252ms}.app-list-body .app-row:nth-child(8){animation-delay:294ms}.app-row.selected:before,.app-row:hover:before{animation:row-sheen 1s cubic-bezier(.16,1,.3,1)}.app-row>*{position:relative;z-index:1}.tile-view .app-row{min-height:230px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-content:stretch;align-items:stretch}.app-row.selected,.app-row:hover{border-color:var(--accent);background:color-mix(in srgb,var(--panel) 90%,var(--accent) 5%);transform:translateY(-4px) scale(1.006) translateZ(0);box-shadow:0 22px 46px color-mix(in srgb,var(--accent) 13%,rgba(15,23,42,.08))}.app-list.is-focused-app .app-row.selected,.app-list.is-focused-app .app-row:hover{transform:translateY(0) translateZ(0)}.app-list.is-restoring-app .app-row.selected,.app-list.is-restoring-app .app-row.selected:hover{height:74px;min-height:74px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:none;align-items:center;transform:translateY(0) translateZ(0)}.app-row.selected{animation-name:app-row-selected-pop}.app-list.is-restoring-app .app-row.selected{animation:restore-selected-app-up .52s cubic-bezier(.16,1,.3,1) both}.app-row h3{margin:0;font-size:16px;overflow-wrap:anywhere}.tile-view .app-row h3{margin-top:18px;font-size:18px;line-height:1.22}.app-row-thumbnail{position:relative;width:44px;height:44px;border-radius:12px;display:block;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 92%,#ffffff),color-mix(in srgb,var(--accent) 58%,#2563eb)),var(--accent);background-size:cover;background-position:50%;box-shadow:inset 0 -10px 18px rgba(0,0,0,.12);flex:0 0 auto;overflow:hidden;transition:transform var(--motion-pop),box-shadow var(--motion-slow),filter var(--motion-slow)}.app-row-thumbnail:before{position:absolute;inset:-30%;z-index:1;content:"";background:linear-gradient(115deg,transparent 26%,rgba(255,255,255,.54) 46%,transparent 62%);opacity:0;transform:translateX(-64%) rotate(8deg);pointer-events:none}.tile-view .app-row-thumbnail{width:56px;height:56px}.app-row-thumbnail.image-loading:after,.host-app-logo.image-loading:after{position:absolute;inset:0;content:"";background:color-mix(in srgb,var(--panel) 56%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.app-image-loading-ring{position:absolute;inset:10px;z-index:1;border-left:3px solid rgba(255,255,255,.56);border-bottom:3px solid rgba(255,255,255,.56);border-top:3px solid rgba(255,255,255,.56);border-top-color:var(--accent);border-right:3px solid rgba(255,255,255,.56);border-right-color:color-mix(in srgb,var(--accent) 62%,#ffffff);border-radius:50%;filter:drop-shadow(0 4px 10px rgba(20,31,43,.22));animation:loading-ring-spin .85s linear infinite}.tile-view .app-image-loading-ring{inset:13px}.app-row code{color:var(--muted);word-break:break-word}.tile-view .app-row .muted{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.shared-owner-line{margin-top:0;font-size:13px}.tile-view .app-row-main{min-width:0}.app-row-actions{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.tile-view .app-row-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:center}.tile-view .app-row-actions .status-pill{width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-open-button{min-height:32px;padding:0 10px;color:#ffffff;background:#2563eb;font-size:13px;box-shadow:0 8px 18px rgba(37,99,235,.18)}.app-open-button:hover{background:#1d4ed8}.danger-confirm-modal{width:min(100%,460px)}.danger-confirm-modal .button-row{justify-content:flex-end}.collaborator-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,320px) auto;grid-gap:12px;gap:12px;align-items:start;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;background:color-mix(in srgb,var(--panel) 94%,var(--wash))}.inline-collaborator-form .primary-button{align-self:end;min-width:118px}.collaborator-list{display:grid;grid-gap:8px;gap:8px}.collaborator-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.collaborator-empty-state{grid-column:1/-1}.collaborator-row{position:relative;min-height:76px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px;display:grid;align-content:start;grid-gap:7px;gap:7px;background:color-mix(in srgb,var(--panel) 94%,var(--wash));overflow:visible;transition:transform var(--motion-slow),border-color var(--motion-slow),box-shadow var(--motion-slow),background var(--motion-slow);animation:card-pop-in .52s cubic-bezier(.16,1,.3,1) both}.collaborator-row:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--panel) 92%,var(--accent) 4%);transform:translateY(-5px) scale(1.01);box-shadow:0 20px 42px rgba(15,23,42,.12)}.collaborator-row.role-card-low{border-color:color-mix(in srgb,var(--muted) 24%,var(--line));background:color-mix(in srgb,#e0f2fe 42%,var(--panel))}.collaborator-row.role-card-medium{border-color:color-mix(in srgb,#2563eb 36%,var(--line));background:color-mix(in srgb,var(--panel) 88%,#2563eb 5%)}.collaborator-row.role-card-high{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--panel) 87%,var(--accent) 7%)}.collaborator-row.role-card-full{border-color:color-mix(in srgb,#166534 44%,var(--line));background:color-mix(in srgb,var(--panel) 86%,#22c55e 8%)}.invited-collaborator-row{border-style:dashed}.invitation-status-chip{color:#854d0e;background:color-mix(in srgb,#facc15 22%,var(--panel));border-color:color-mix(in srgb,#ca8a04 42%,var(--line))}.collaborator-card-header{min-width:0;padding-right:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.collaborator-row p,.collaborator-row strong{overflow-wrap:anywhere}.collaborator-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.collaborator-row .role-chip-list{justify-content:flex-start}.collaborator-role-summary{align-self:start}.collaborator-controls{min-width:0;display:block;align-self:start}.collaborator-role-field{min-width:0;display:grid;grid-gap:8px;gap:8px}.shared-credit-toggle{margin-top:10px;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;grid-gap:10px;gap:10px;color:var(--text);font-size:12px;font-weight:800;cursor:pointer}.shared-credit-toggle input{position:absolute;opacity:0;pointer-events:none}.shared-credit-toggle-label{color:var(--muted)}.shared-credit-switch{position:relative;width:68px;height:30px;border:1px solid color-mix(in srgb,var(--line) 92%,transparent);border-radius:999px;padding:3px;display:flex;align-items:center;justify-content:flex-end;color:var(--muted);background:color-mix(in srgb,var(--panel) 88%,var(--wash));font-size:11px;font-weight:900;transition:background .16s ease,border-color .16s ease,color .16s ease}.shared-credit-switch:before{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;content:"";background:var(--muted);box-shadow:0 2px 7px color-mix(in srgb,#000 18%,transparent);transition:transform .16s ease,background .16s ease}.shared-credit-switch span{position:relative;z-index:1;min-width:28px;text-align:center}.shared-credit-toggle input:checked+.shared-credit-switch{justify-content:flex-start;border-color:color-mix(in srgb,var(--accent) 58%,var(--line));color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.shared-credit-toggle input:checked+.shared-credit-switch:before{transform:translateX(38px);background:var(--accent)}.shared-credit-toggle input:focus-visible+.shared-credit-switch{outline:2px solid color-mix(in srgb,var(--accent) 58%,transparent);outline-offset:2px}.shared-credit-toggle input:disabled+.shared-credit-switch,.shared-credit-toggle:has(input:disabled){cursor:not-allowed;opacity:.64}.collaborator-role-field .select-input{min-height:34px;padding:0 9px;font-size:13px}.role-add-menu{position:relative;width:100%;min-width:190px}.role-add-trigger{width:100%;min-height:36px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel) 88%,var(--accent) 5%);color:var(--text);padding:0 11px;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.role-add-trigger:hover:not(:disabled),.role-add-trigger[aria-expanded=true]{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 44%,var(--line));box-shadow:0 10px 22px rgba(15,23,42,.08)}.role-add-trigger:disabled{cursor:not-allowed;opacity:.55}.role-add-popover{position:absolute;z-index:5000;top:calc(100% + 6px);right:0;width:min(320px,82vw);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 22px 46px rgba(15,23,42,.16);padding:8px;display:grid;grid-gap:8px;gap:8px;max-height:min(360px,56vh);overflow-y:auto;overscroll-behavior:contain;transform-origin:top right;animation:role-popover-in .28s cubic-bezier(.16,1,.3,1) both}.role-add-group{display:grid;grid-gap:5px;gap:5px}.role-add-group>span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.role-add-option{border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 9px;display:grid;grid-gap:2px;gap:2px;text-align:left;cursor:pointer;background:var(--wash);transition:transform var(--motion-pop),border-color var(--motion),background var(--motion),box-shadow var(--motion);animation:table-row-in .32s cubic-bezier(.16,1,.3,1) both}.role-add-option:hover{transform:translateX(4px) scale(1.01);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:var(--shadow-soft)}.role-add-option small{color:var(--muted);font-weight:700}.role-add-option-low{background:color-mix(in srgb,#e0f2fe 48%,var(--panel))}.role-add-option-medium{background:color-mix(in srgb,#dbeafe 58%,var(--panel))}.role-add-option-high{background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.role-add-option-full{background:color-mix(in srgb,#dcfce7 60%,var(--panel))}.role-chip-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.empty-role-chip{min-height:24px;color:var(--muted)}.empty-role-chip,.role-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:750}.role-chip{gap:5px;min-height:28px;border-radius:999px;border:1px solid var(--line);padding:5px 10px;line-height:1.2;color:var(--text);transition:transform var(--motion-pop),background var(--motion),border-color var(--motion),box-shadow var(--motion);animation:chip-pop .3s cubic-bezier(.34,1.56,.64,1) both}.role-chip:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 16px color-mix(in srgb,var(--accent) 10%,transparent)}.role-chip-low{background:color-mix(in srgb,#e0f2fe 58%,var(--panel));border-color:color-mix(in srgb,#0284c7 18%,var(--line))}.role-chip-medium{background:color-mix(in srgb,#dbeafe 68%,var(--panel));border-color:color-mix(in srgb,#2563eb 24%,var(--line))}.role-chip-high{background:color-mix(in srgb,var(--accent) 10%,var(--panel));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.role-chip-full{background:color-mix(in srgb,#dcfce7 68%,var(--panel));border-color:color-mix(in srgb,#16a34a 28%,var(--line))}.role-chip button{width:18px;height:18px;border:0;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);color:inherit;font-weight:900;opacity:1;transform:scale(1);transition:opacity .14s ease,transform .14s ease,background .14s ease}.person-remove-button,.role-chip button{cursor:pointer;line-height:0;display:inline-flex;align-items:center;justify-content:center}.person-remove-button{position:absolute;top:7px;right:7px;width:22px;height:22px;border:1px solid color-mix(in srgb,#dc2626 28%,var(--line));border-radius:999px;color:#991b1b;background:color-mix(in srgb,#fee2e2 70%,var(--panel));font-size:16px;font-weight:800;opacity:0;transform:scale(.86);transition:opacity .16s ease,transform .16s ease,background .16s ease}.collaborator-row:hover .person-remove-button,.person-remove-button:focus-visible{opacity:1;transform:scale(1)}.person-remove-button:hover:not(:disabled){background:#fecaca}.role-chip button:focus-visible,.role-chip:hover button{opacity:1;transform:scale(1.05);background:color-mix(in srgb,currentColor 18%,transparent)}@keyframes role-popover-in{0%{opacity:0;transform:translateY(-8px) scale(.96);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes app-fade-up{0%{opacity:0;transform:translateY(22px) scale(.985);filter:blur(12px) saturate(.82)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) saturate(1)}}@keyframes app-slide-in{0%{opacity:0;transform:translateX(-26px) rotateY(-4deg);filter:blur(10px) saturate(.85)}to{opacity:1;transform:translateX(0) rotateY(0);filter:blur(0) saturate(1)}}@keyframes popover-in{0%{opacity:0;transform:translateY(-10px) scale(.95);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes preview-in{0%{opacity:0;transform:translateY(16px) scale(.992);filter:blur(10px) saturate(.8)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) saturate(1)}}@keyframes page-ambient-flow{0%{background-position:0 18%,0 0}to{background-position:100% 82%,0 0}}@keyframes sidebar-sheen-drift{0%{transform:translateX(-8%);opacity:.34}to{transform:translateX(8%);opacity:.58}}@keyframes surface-sheen{0%{opacity:0;transform:translateX(-115%) skewX(-12deg)}24%{opacity:.78}to{opacity:0;transform:translateX(115%) skewX(-12deg)}}@keyframes button-shine{0%{opacity:0;transform:translateX(-42%) skewX(-18deg)}30%{opacity:.8}to{opacity:0;transform:translateX(42%) skewX(-18deg)}}@keyframes panel-reveal{0%{opacity:0;transform:translateY(18px) scale(.988);filter:blur(10px) saturate(.86)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) saturate(1)}}@keyframes app-switch-in{0%{opacity:0;transform:translateY(18px) scale(.986);filter:saturate(.9)}55%{opacity:1;transform:translateY(-2px) scale(1.002);filter:saturate(1.03)}to{opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}}@keyframes header-state-in{0%{opacity:0;transform:translateY(10px) scale(.992);filter:saturate(.92)}62%{opacity:1;transform:translateY(-1px) scale(1.002);filter:saturate(1.03)}to{opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}}@keyframes app-list-compact-in{0%{opacity:.86;transform:translateY(14px)}58%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes app-list-expanded-in{0%{opacity:.94;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes app-list-restore{0%{opacity:.9;transform:translateY(-10px)}45%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes restore-list-header-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes restore-selected-app-up{0%{opacity:1;transform:translateY(28px);filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes restore-app-row-in{0%{opacity:0;transform:translateY(22px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes app-list-tools-compact{0%{opacity:1;transform:translateY(0)}to{opacity:.92;transform:translateY(-1px)}}@keyframes app-list-tools-expanded{0%{opacity:.74;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes app-row-in{0%{opacity:0;transform:translateY(18px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes app-row-selected-pop{0%{transform:translateY(0) scale(.988)}55%{transform:translateY(-5px) scale(1.014)}to{transform:translateY(-4px) scale(1.006)}}@keyframes focused-app-list-in{0%{opacity:0;transform:translateY(10px);filter:blur(6px)}62%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes selected-app-list-focus{0%{opacity:0;transform:translateY(8px);filter:blur(6px)}58%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes selected-app-focus{0%{opacity:0;transform:translateY(10px);filter:blur(6px)}58%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes row-sheen{0%{opacity:0;transform:translateX(-110%)}28%{opacity:.72}to{opacity:0;transform:translateX(110%)}}@keyframes preview-loader-sweep{0%{background-position:-120% 0,0 0,0 0}to{background-position:120% 0,0 0,0 0}}@keyframes thumbnail-gloss{0%{opacity:0;transform:translateX(-64%) rotate(8deg)}30%{opacity:.86}to{opacity:0;transform:translateX(64%) rotate(8deg)}}@keyframes segmented-pop{0%{transform:scale(.94)}65%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes field-attention{0%,to{transform:translateX(0)}24%{transform:translateX(-3px)}48%{transform:translateX(3px)}72%{transform:translateX(-1px)}}@keyframes chip-pop{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes modal-backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur(0) saturate(1);backdrop-filter:blur(0) saturate(1)}to{opacity:1;-webkit-backdrop-filter:blur(28px) saturate(1.08);backdrop-filter:blur(28px) saturate(1.08)}}@keyframes modal-spring-in{0%{opacity:0;transform:translateY(24px) scale(.94);filter:blur(14px)}62%{opacity:1;transform:translateY(-2px) scale(1.012);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes empty-state-in{0%{opacity:0;transform:translateY(10px) scale(.99);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes table-row-in{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes inline-row-open{0%{opacity:.72;transform:scaleY(.94)}to{opacity:1;transform:scaleY(1)}}@keyframes kanban-column-in{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes drag-target-pulse{0%{transform:translateY(-2px) scale(1);box-shadow:inset 0 0 0 2px rgba(15,118,110,.16)}to{transform:translateY(-4px) scale(1.01);box-shadow:inset 0 0 0 2px rgba(15,118,110,.24),0 18px 40px color-mix(in srgb,var(--accent) 16%,transparent)}}@keyframes card-pop-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes calendar-day-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tutorial-spotlight-pulse{0%,to{box-shadow:0 0 0 1px rgba(255,255,255,.38),0 18px 58px rgba(0,0,0,.34),0 0 0 9999px rgba(7,12,18,.02)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.58),0 24px 72px rgba(0,0,0,.42),0 0 28px color-mix(in srgb,var(--accent) 42%,transparent),0 0 0 9999px rgba(7,12,18,.02)}}.compact-empty-state{min-height:84px}.maintenance-note{margin:4px 0 0;color:var(--coral);font-size:12px;font-weight:800}.host-page{min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:transparent}.host-page.is-embedded{min-height:100vh;min-height:100dvh;padding:18px;overflow:auto}.host-shell{width:min(100%,var(--runtime-width,1840px));min-width:0;max-width:min(100%,1840px);margin:0 auto;display:grid;justify-items:stretch;grid-gap:18px;gap:18px;transform-origin:top center;animation:app-fade-up .76s cubic-bezier(.16,1,.3,1) both}.host-page.is-embedded .host-shell{width:100%;max-width:100%;min-height:auto;margin:0}.protected-host-shell{width:min(100%,460px);min-width:0}.access-password-panel{display:grid;grid-gap:14px;gap:14px}.access-password-panel h1{margin:0;font-size:24px}.host-title p{max-width:760px}.preview-data-note{margin:0;color:var(--muted);font-size:12px;text-align:center}.host-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line);animation:panel-reveal .68s cubic-bezier(.16,1,.3,1) 80ms both}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab-button{min-height:38px;border-radius:var(--radius-sm);padding:0 10px 0 12px;display:inline-flex;align-items:center;gap:7px;color:var(--ink);background:color-mix(in srgb,var(--panel) 76%,var(--accent) 10%);font-weight:800;transition:transform var(--motion),background var(--motion),color var(--motion),box-shadow var(--motion)}.tab-button.active{color:#ffffff;background:var(--accent);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 22%,transparent);animation:segmented-pop .38s cubic-bezier(.34,1.56,.64,1) both}.tab-button:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 14px 28px color-mix(in srgb,var(--accent) 14%,transparent)}.tab-role-badge{max-width:116px;min-height:22px;border-radius:999px;padding:2px 7px;display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--muted);font-size:11px;font-weight:900}.tab-button.active .tab-role-badge{background:rgba(255,255,255,.2);color:#ffffff}.runtime-status-cluster{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.runtime-back-button{min-height:36px}.runtime-role-badge{position:relative;min-height:28px;border-radius:999px;padding:0 10px;display:inline-flex;align-items:center;background:color-mix(in srgb,var(--panel) 72%,var(--accent) 12%);color:var(--muted);font-size:12px;font-weight:900;cursor:default}.runtime-role-popover{position:absolute;z-index:80;top:calc(100% + 8px);right:0;min-width:170px;border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;grid-gap:6px;gap:6px;background:var(--panel);box-shadow:0 18px 42px rgba(15,23,42,.14);opacity:0;pointer-events:none;transform:translateY(-3px) scale(.98);transition:opacity .15s ease,transform .15s ease}.runtime-role-badge:focus-within .runtime-role-popover,.runtime-role-badge:hover .runtime-role-popover{opacity:1;transform:translateY(0) scale(1)}.runtime-role-popover span{min-height:26px;border-radius:999px;padding:4px 9px;display:inline-flex;align-items:center;background:color-mix(in srgb,#dbeafe 56%,var(--panel));color:var(--text);font-size:12px;font-weight:900}.data-surface,.form-surface{padding:18px}.runtime-surface{width:100%;min-width:min(100%,680px);max-width:100%;min-height:0;display:grid;grid-gap:16px;gap:16px;background:var(--glass-panel);transform-origin:top center;animation:panel-reveal .72s cubic-bezier(.16,1,.3,1) .14s both}.host-page.is-embedded .runtime-surface{align-content:start}.runtime-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:14px}.runtime-actions{justify-content:flex-end}.runtime-actions,.runtime-manual-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.runtime-manual-actions{margin:-6px 0 2px;animation:panel-reveal .52s cubic-bezier(.16,1,.3,1) both}.runtime-search{width:min(220px,30vw)}.runtime-automation-button{border-color:color-mix(in srgb,var(--accent) 46%,var(--line));background:color-mix(in srgb,var(--panel) 76%,var(--accent) 18%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent),0 10px 22px color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text);font-weight:900}.runtime-automation-button:after{width:6px;height:6px;border-radius:999px;content:"";background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);order:-1}.runtime-automation-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 64%,var(--line));background:color-mix(in srgb,var(--panel) 68%,var(--accent) 24%);box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 16%,transparent)}.runtime-automation-button.intelligent{border-color:color-mix(in srgb,#7c3aed 34%,var(--line));background:color-mix(in srgb,var(--panel) 84%,#7c3aed 8%)}.runtime-automation-button.intelligent:after{background:#7c3aed;box-shadow:0 0 0 3px color-mix(in srgb,#7c3aed 16%,transparent)}.runtime-export,.runtime-filter,.runtime-group{position:relative;display:inline-flex;align-items:center;gap:6px}.export-button.active,.filter-button.active,.group-button.active,.list-layout-button.active{color:#ffffff;background:var(--accent)}.list-layout-button-shell{position:relative;display:inline-flex}.list-layout-button-shell .list-layout-button{width:100%}.list-layout-button-shell[data-tooltip]{cursor:not-allowed}.list-layout-button-shell[data-tooltip] .list-layout-button:disabled{opacity:.58;cursor:not-allowed}.list-layout-button-shell[data-tooltip]:after{position:absolute;right:0;bottom:calc(100% + 8px);z-index:60;width:max-content;max-width:min(280px,calc(100vw - 32px));border:1px solid var(--line);border-radius:8px;padding:7px 9px;content:attr(data-tooltip);background:var(--panel);color:var(--text);box-shadow:0 14px 34px rgba(15,23,42,.18);font-size:12px;font-weight:850;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.list-layout-button-shell[data-tooltip]:active:after,.list-layout-button-shell[data-tooltip]:focus-within:after,.list-layout-button-shell[data-tooltip]:focus:after,.list-layout-button-shell[data-tooltip]:hover:after{opacity:1;transform:translateY(0)}.export-popover,.filter-popover,.group-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:min(520px,calc(100vw - 48px));border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:grid;grid-gap:12px;gap:12px;background:var(--panel);box-shadow:0 22px 56px rgba(20,31,43,.18);transform-origin:top right;animation:popover-in .26s cubic-bezier(.16,1,.3,1) both}.export-popover{width:180px}.export-popover button{width:100%;justify-content:flex-start}.list-layout-header,.list-layout-section-title{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.list-layout-header h2{margin:0 0 4px;font-size:20px}.list-layout-editor{min-width:0;min-height:0;height:auto;display:grid;grid-template-columns:minmax(260px,.34fr) minmax(0,1fr);grid-gap:12px;gap:12px;overflow:hidden}.list-layout-columns,.list-layout-preview{min-width:0;min-height:0;border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;align-content:start;grid-gap:10px;gap:10px;background:color-mix(in srgb,var(--panel) 82%,var(--wash))}.list-layout-columns,.list-layout-preview{grid-template-rows:auto minmax(0,1fr)}.list-layout-section-title{color:var(--text);font-size:13px}.list-layout-section-title span{color:var(--muted);font-size:12px;font-weight:800}.list-layout-column-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;display:grid;grid-gap:8px;gap:8px}.list-layout-column{min-width:0;min-height:42px;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:8px;padding:7px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;background:var(--panel);transition:border-color var(--motion),box-shadow var(--motion),transform var(--motion),opacity var(--motion)}.list-layout-column.dragging{opacity:.58;border-color:var(--accent);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 14%,transparent)}.list-layout-column label{min-width:0;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:850}.list-layout-column input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin:0;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--line) 72%,var(--accent) 28%);border-radius:5px;display:grid;place-items:center;background:color-mix(in srgb,var(--panel) 92%,var(--wash));cursor:pointer;transition:background var(--motion),border-color var(--motion),box-shadow var(--motion)}.list-layout-column input[type=checkbox]:after{width:8px;height:5px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;content:"";opacity:0;transform:rotate(-45deg) translateY(-1px) scale(.72);transition:opacity var(--motion),transform var(--motion)}.list-layout-column input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.list-layout-column input[type=checkbox]:checked:after{opacity:1;transform:rotate(-45deg) translateY(-1px) scale(1)}.list-layout-column input[type=checkbox]:disabled{cursor:not-allowed;opacity:.58}.list-layout-column label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-layout-preview-wrap{min-height:0;height:100%;border:1px solid var(--line);border-radius:8px;overflow:auto;overscroll-behavior:contain;background:var(--panel)}.layout-preview-table{width:max-content;min-width:min(100%,620px)}.layout-preview-table th{position:relative;padding-right:26px;padding-left:10px;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.layout-preview-table th:active{cursor:-webkit-grabbing;cursor:grabbing}.layout-preview-table th.resizing{color:var(--accent)}.layout-preview-table th.dragging{color:var(--accent);background:color-mix(in srgb,var(--panel) 70%,var(--accent) 16%);box-shadow:inset 0 -2px 0 var(--accent)}.layout-preview-heading{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-resize-handle{position:absolute;top:5px;right:-13px;bottom:5px;z-index:5;width:26px;border-radius:8px;cursor:col-resize;touch-action:none;background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}.layout-preview-table th.last-visible{padding-right:34px}.layout-preview-table th.last-visible .column-resize-handle{right:4px}.column-resize-handle:after{position:absolute;top:6px;bottom:6px;left:12px;width:3px;border-radius:999px;content:"";background:var(--accent);opacity:.86;box-shadow:-5px 0 0 color-mix(in srgb,var(--accent) 42%,transparent),5px 0 0 color-mix(in srgb,var(--accent) 42%,transparent);transition:opacity var(--motion),transform var(--motion),box-shadow var(--motion)}.column-resize-handle:hover:after,.layout-preview-table th.resizing .column-resize-handle:after{opacity:1;transform:scaleX(1.15);box-shadow:-6px 0 0 color-mix(in srgb,var(--accent) 58%,transparent),6px 0 0 color-mix(in srgb,var(--accent) 58%,transparent)}.layout-preview-table td:last-child,.layout-preview-table th:last-child{position:static;box-shadow:none}.layout-preview-placeholder{width:100%;height:12px;border-radius:999px;display:block;background:color-mix(in srgb,var(--muted) 18%,transparent)}.list-layout-actions{min-width:0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px}.list-layout-action-spacer{flex:1 1 auto}.filter-popover-actions,.filter-popover-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.filter-logic{min-height:34px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-sm);display:inline-flex;gap:3px;background:color-mix(in srgb,var(--panel) 92%,var(--wash))}.filter-logic button{min-height:26px;border-radius:6px;padding:0 10px;color:var(--ink);background:transparent;font-size:12px;font-weight:850}.filter-logic button.active{color:#ffffff;background:var(--accent)}.filter-rules{display:grid;grid-gap:8px;gap:8px}.filter-rule,.group-rule{grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) 32px;align-items:center}.filter-rule,.group-rule,.group-rules{display:grid;grid-gap:8px;gap:8px}.group-rule{grid-template-columns:26px minmax(160px,1fr) 32px}.group-rule>span{color:var(--muted);font-size:12px;font-weight:850;text-align:center}.compact-select{width:auto;min-width:126px;min-height:36px;padding:7px 30px 7px 10px}.compact-filter-input{min-height:36px;padding:7px 10px}.segmented-control{position:relative;min-height:40px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-sm);display:inline-flex;gap:3px;background:color-mix(in srgb,var(--panel) 92%,var(--wash));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--shine) 55%,transparent)}.segmented-control button{position:relative;min-height:32px;padding:0 12px;border-radius:6px;color:var(--ink);background:transparent;font-weight:800;overflow:hidden;transition:transform var(--motion-pop),background var(--motion-slow),color var(--motion),box-shadow var(--motion-slow)}.segmented-control button.active{color:#ffffff;background:var(--accent);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 20%,transparent);animation:segmented-pop .38s cubic-bezier(.34,1.56,.64,1) both}.segmented-control button:hover:not(.active){transform:translateY(-2px);background:color-mix(in srgb,var(--panel) 72%,var(--accent) 10%)}.runtime-form-page{width:100%;max-width:none}.record-form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,520px);grid-gap:24px;gap:24px;align-items:start}.runtime-list-table{table-layout:auto;width:max-content;max-width:100%}.runtime-list-table td,.runtime-list-table th{width:150px;min-width:150px;max-width:150px;overflow-wrap:anywhere;word-break:normal}.runtime-list-table tbody tr{transition:background var(--motion),transform var(--motion),box-shadow var(--motion);animation:table-row-in .42s cubic-bezier(.16,1,.3,1) both}.runtime-list-table tbody tr:nth-child(2){animation-delay:26ms}.runtime-list-table tbody tr:nth-child(3){animation-delay:52ms}.runtime-list-table tbody tr:nth-child(4){animation-delay:78ms}.runtime-list-table tbody tr:nth-child(5){animation-delay:104ms}.runtime-list-table tbody tr:nth-child(6){animation-delay:.13s}.runtime-list-table tbody tr:not(.table-group-row):hover{background:color-mix(in srgb,var(--panel) 86%,var(--accent) 6%);transform:translateY(-1px);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 8%,transparent)}.runtime-list-table .field-col-phone,.runtime-list-table .field-col-secret,.runtime-list-table .field-col-text,.runtime-list-table .field-col-url{width:170px;min-width:170px;max-width:170px}.runtime-list-table .field-col-textarea{width:300px;min-width:300px;max-width:300px}.runtime-list-table .field-col-files,.runtime-list-table .field-col-multi_select,.runtime-list-table .field-col-tags{width:220px;min-width:220px;max-width:220px}.runtime-list-table .field-col-image{width:92px;min-width:92px;max-width:92px;text-align:center}.runtime-list-table .field-col-email,.runtime-list-table .field-col-select{width:150px;min-width:150px;max-width:150px}.runtime-list-table .field-col-date,.runtime-list-table .field-col-time{width:130px;min-width:130px;max-width:130px;white-space:nowrap}.runtime-list-table .field-col-currency,.runtime-list-table .field-col-number{width:112px;min-width:112px;max-width:112px}.runtime-list-table .field-col-color,.runtime-list-table .field-col-rating{width:120px;min-width:120px;max-width:120px}.runtime-list-table .field-col-boolean{width:102px;min-width:102px;max-width:102px;text-align:center;vertical-align:middle}.runtime-list-table td:last-child,.runtime-list-table th:last-child{width:116px;min-width:116px;max-width:116px;position:-webkit-sticky;position:sticky;right:0;z-index:2;background:var(--panel);box-shadow:-12px 0 18px -16px rgba(20,31,43,.55);white-space:nowrap}.runtime-list-table th:last-child{z-index:3}.select-column{width:42px;min-width:36px!important;max-width:42px!important;position:-webkit-sticky;position:sticky;left:0;z-index:2;background:var(--panel);text-align:center!important;box-shadow:12px 0 18px -16px rgba(20,31,43,.55)}.select-column input{margin:0}.runtime-list-table th.select-column{z-index:3}.runtime-list-table .table-group-row td{width:auto;min-width:0;max-width:none;position:static;z-index:auto;padding:9px 12px;background:color-mix(in srgb,var(--panel) 86%,var(--accent) 8%);color:var(--ink);box-shadow:none;white-space:normal}.runtime-list-table .table-group-row.level-1 td{padding-left:28px;background:color-mix(in srgb,var(--panel) 90%,var(--accent) 5%)}.runtime-list-table .table-group-row.level-2 td,.runtime-list-table .table-group-row.level-3 td{padding-left:44px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 3%)}.table-group-row span{font-weight:900}.table-group-row small{margin-left:8px;color:var(--muted);font-size:12px;font-weight:850}.checkbox-input,.select-column input[type=checkbox]{width:20px;height:20px;border-radius:6px;accent-color:var(--accent);vertical-align:middle}.inline-checkbox-input{width:24px;height:24px;place-self:center}.inline-field-stack:has(.inline-checkbox-input){min-height:42px;place-items:center}.row-actions{display:inline-flex;align-items:center;gap:6px}.icon-only-button{width:32px;min-width:32px;min-height:32px;padding:0;border-radius:7px;font-size:15px;line-height:1}.icon-only-button span{transform:translateY(-1px)}.reference-link-button{max-width:100%;padding:0;border:0;background:transparent;color:var(--accent);font:inherit;font-weight:800;text-align:left;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.reference-link-button:hover{color:var(--accent-strong)}.editable-row{cursor:text}.form-edit-row{cursor:pointer}:root[data-theme=dark] .role-card-full{border-color:color-mix(in srgb,#22c55e 58%,var(--line));background:color-mix(in srgb,#14532d 58%,var(--panel))}:root[data-theme=dark] .role-add-option-full,:root[data-theme=dark] .role-chip-full{border-color:color-mix(in srgb,#22c55e 58%,var(--line));background:color-mix(in srgb,#166534 70%,var(--panel));color:#dcfce7}:root[data-theme=dark] .role-add-option-low,:root[data-theme=dark] .role-card-low,:root[data-theme=dark] .role-chip-low{background:color-mix(in srgb,#0c4a6e 46%,var(--panel))}:root[data-theme=dark] .role-add-option-medium,:root[data-theme=dark] .role-card-medium,:root[data-theme=dark] .role-chip-medium{background:color-mix(in srgb,#1e3a8a 42%,var(--panel))}.editable-row:hover,.form-edit-row:hover{background:rgba(15,118,110,.045)}.inline-edit-row{background:color-mix(in srgb,var(--panel) 90%,var(--accent) 5%);animation:inline-row-open .42s cubic-bezier(.16,1,.3,1) both!important}.inline-input{min-height:34px;width:100%;min-width:0;padding:6px 8px}.inline-field-stack{display:grid;grid-gap:5px;gap:5px}.inline-field-error{line-height:1.25}.kanban-board{min-height:420px;overflow-x:auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);grid-gap:14px;gap:14px;align-items:flex-start}.kanban-column{min-height:360px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 92%,var(--wash));display:grid;grid-template-rows:auto 1fr;transition:border-color var(--motion),background var(--motion),box-shadow var(--motion),transform var(--motion);animation:kanban-column-in .62s cubic-bezier(.16,1,.3,1) both}.kanban-column:nth-child(2){animation-delay:70ms}.kanban-column:nth-child(3){animation-delay:.14s}.kanban-column:nth-child(4){animation-delay:.21s}.kanban-column:nth-child(5){animation-delay:.28s}.kanban-column:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));box-shadow:var(--shadow-soft);transform:translateY(-3px)}.kanban-column.drag-over{border-color:var(--accent);background:color-mix(in srgb,var(--panel) 84%,var(--accent) 8%);box-shadow:inset 0 0 0 2px rgba(15,118,110,.16);animation:drag-target-pulse .78s ease-in-out infinite alternate}.kanban-column-header{min-height:46px;padding:12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.kanban-column-header span{min-width:28px;min-height:24px;border-radius:999px;display:grid;place-items:center;color:var(--accent);background:#e8f2f0;font-size:12px;font-weight:800}.kanban-cards{min-height:280px;padding:10px;display:grid;align-content:flex-start;grid-gap:10px;gap:10px}.calendar-group-heading,.kanban-group-heading{min-height:26px;border-radius:8px;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:color-mix(in srgb,var(--panel) 84%,var(--accent) 10%);color:var(--ink);font-size:12px;font-weight:900}.calendar-group-heading.level-1,.kanban-group-heading.level-1{margin-left:10px;background:color-mix(in srgb,var(--panel) 90%,var(--accent) 6%)}.calendar-group-heading.level-2,.calendar-group-heading.level-3,.kanban-group-heading.level-2,.kanban-group-heading.level-3{margin-left:20px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 3%)}.calendar-group-heading small,.kanban-group-heading small{color:var(--muted);font-size:11px;font-weight:850}.kanban-card{position:relative;width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;display:grid;grid-gap:5px;gap:5px;color:var(--ink);background:var(--panel);text-align:left;box-shadow:0 8px 24px rgba(20,31,43,.06);cursor:-webkit-grab;cursor:grab;overflow:hidden;transition:border-color .14s ease,box-shadow .14s ease,opacity .14s ease,transform .14s ease;animation:card-pop-in .42s cubic-bezier(.16,1,.3,1) both}.kanban-card:before{position:absolute;inset:0;content:"";background:linear-gradient(105deg,transparent 22%,color-mix(in srgb,var(--shine) 46%,transparent) 48%,transparent 70%);opacity:0;transform:translateX(-110%);pointer-events:none}.kanban-card:hover{border-color:var(--accent);box-shadow:0 10px 28px rgba(20,31,43,.1);transform:translateY(-4px) scale(1.01)}.kanban-card:hover:before{animation:row-sheen .88s cubic-bezier(.16,1,.3,1)}.kanban-card:active{cursor:-webkit-grabbing;cursor:grabbing}.kanban-card.dragging{opacity:.2;transform:scale(.96)}.kanban-drag-image{position:fixed;top:-1000px;left:-1000px;z-index:9999;pointer-events:none;filter:none!important;transform:none!important;color:var(--ink);background:var(--panel);box-shadow:0 18px 44px rgba(20,31,43,.18)}.kanban-drag-image,.kanban-drag-image *{opacity:1!important}.kanban-card-title{font-weight:850}.calendar-view{display:grid;grid-gap:12px;gap:12px}.calendar-toolbar{min-height:40px;display:flex;align-items:center;justify-content:center;gap:12px}.calendar-toolbar strong{min-width:180px;text-align:center;text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));border:1px solid var(--line);border-radius:8px;overflow:hidden}.calendar-weekday{min-height:34px;padding:8px;display:grid;place-items:center;color:#405163;background:color-mix(in srgb,var(--panel) 90%,var(--wash));border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:850;text-transform:uppercase}.calendar-weekday:nth-child(7){border-right:0}.calendar-day{min-height:116px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);transition:border-color var(--motion),background var(--motion),box-shadow var(--motion),transform var(--motion);animation:calendar-day-in .46s cubic-bezier(.16,1,.3,1) both}.calendar-day:nth-child(7n+1){animation-delay:24ms}.calendar-day:nth-child(7n+2){animation-delay:48ms}.calendar-day:nth-child(7n+3){animation-delay:72ms}.calendar-day:nth-child(7n+4){animation-delay:96ms}.calendar-day:nth-child(7n+5){animation-delay:.12s}.calendar-day:nth-child(7n+6){animation-delay:144ms}.calendar-day:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-2px)}.calendar-day:nth-child(7n){border-right:0}.calendar-day-number{display:inline-flex;min-width:26px;min-height:24px;align-items:center;justify-content:center;color:#405163;font-size:12px;font-weight:850}.muted-day{background:color-mix(in srgb,var(--panel) 90%,var(--wash))}.muted-day .calendar-day-number{color:#98a4b0}.calendar-events{margin-top:6px;display:grid;grid-gap:5px;gap:5px}.calendar-event{width:100%;min-height:28px;border-radius:6px;padding:5px 7px;color:var(--ink);background:#e8f2f0;text-align:left;font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:transform var(--motion),border-color var(--motion),box-shadow var(--motion);animation:card-pop-in .36s cubic-bezier(.16,1,.3,1) both}.calendar-event:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-soft);color:#ffffff;background:var(--accent)}.calendar-more{color:var(--muted);font-size:12px;font-weight:800}.record-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:start}.record-form>.runtime-field-label{grid-column:span 4;min-width:0}.record-form>.runtime-field-email,.record-form>.runtime-field-phone,.record-form>.runtime-field-secret,.record-form>.runtime-field-tags,.record-form>.runtime-field-text,.record-form>.runtime-field-url{grid-column:span 5}.record-form>.runtime-field-boolean,.record-form>.runtime-field-color,.record-form>.runtime-field-currency,.record-form>.runtime-field-date,.record-form>.runtime-field-multi_select,.record-form>.runtime-field-number,.record-form>.runtime-field-rating,.record-form>.runtime-field-select,.record-form>.runtime-field-time,.record-form>.runtime-field-tree,.record-form>.runtime-field-user{grid-column:span 3}.record-form>.runtime-field-files,.record-form>.runtime-field-textarea{grid-column:span 8}.record-form>.runtime-field-image{grid-column:span 4}.record-form>.button-row{grid-column:1/-1}.record-chatter{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 16px 48px rgba(20,31,43,.08);display:grid;grid-template-rows:auto auto minmax(260px,1fr);min-height:620px;max-height:min(84dvh,900px);overflow:hidden;position:-webkit-sticky;position:sticky;top:12px}.record-chatter-header{min-height:82px;padding:18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:color-mix(in srgb,var(--panel) 96%,var(--wash))}.record-chatter-header strong{display:block;margin-top:3px;color:var(--ink);font-size:18px;line-height:1.15}.record-chatter-header p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.record-chatter-kicker{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.record-chatter-count{min-width:68px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:8px;padding:7px 9px;display:grid;justify-items:center;grid-gap:1px;gap:1px;color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.record-chatter-count b{font-size:18px;line-height:1}.record-chatter-count small{color:var(--muted);font-size:10px;font-weight:850}.record-chatter-actionbar{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:stretch;background:var(--panel)}.record-chatter-actionbar .primary-button{width:100%}.record-chatter-feed{position:relative;padding:18px 18px 22px 38px;display:grid;align-content:start;grid-gap:0;gap:0;overflow:auto}.record-chatter-feed:before{position:absolute;top:22px;bottom:22px;left:20px;width:2px;border-radius:999px;content:"";background:color-mix(in srgb,var(--line) 70%,var(--accent) 12%)}.record-chatter-entry{position:relative;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:0;padding:0 0 16px;margin-bottom:16px;display:grid;grid-gap:7px;gap:7px;background:transparent}.record-chatter-entry:last-child{margin-bottom:0;border-bottom:0}.record-chatter-entry:before{position:absolute;top:2px;left:-25px;width:10px;height:10px;border:2px solid var(--panel);border-radius:999px;content:"";background:color-mix(in srgb,var(--muted) 58%,var(--panel));box-shadow:0 0 0 1px var(--line)}.record-chatter-entry.stage_change:before{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.record-chatter-entry-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.record-chatter-entry-meta strong{color:var(--ink);font-size:13px}.record-chatter-entry p{margin:0;color:var(--ink);line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.record-chatter-mentions{display:flex;flex-wrap:wrap;gap:6px}.record-chatter-mentions span{border-radius:999px;padding:4px 8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));font-size:12px;font-weight:800}.record-chatter-popup-backdrop{position:fixed;inset:0;z-index:80;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:grid;place-items:center;background:rgba(20,31,43,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.record-chatter-popup{width:min(100%,680px);max-height:min(86dvh,780px);border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;grid-gap:14px;gap:14px;overflow:auto;background:var(--panel);box-shadow:0 24px 64px rgba(20,31,43,.18)}.record-chatter-popup-actions,.record-chatter-popup-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.record-chatter-popup-header strong{font-size:18px}.record-chatter-popup-field{display:grid;grid-gap:8px;gap:8px}.record-chatter-popup-field span{color:var(--muted);font-size:12px;font-weight:850}.record-chatter-popup-field textarea{width:100%;min-height:170px;resize:vertical;border-radius:8px;background:color-mix(in srgb,var(--panel) 96%,var(--wash))}.record-chatter-add{display:grid;grid-gap:8px;gap:8px}.record-chatter-user-suggestions{border:1px solid var(--line);border-radius:8px;padding:8px;display:grid;grid-gap:6px;gap:6px;background:color-mix(in srgb,var(--panel) 96%,var(--wash));max-height:230px;overflow:auto}.record-chatter-user-suggestions button{width:100%;min-height:38px;border:1px solid transparent;border-radius:8px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);background:var(--panel);text-align:left;cursor:pointer;transition:border-color var(--motion),background var(--motion),color var(--motion)}.record-chatter-user-suggestions button.active,.record-chatter-user-suggestions button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.record-chatter-user-suggestions button small{color:var(--muted);font-size:11px;font-weight:850}.record-chatter-selected-users{display:flex;flex-wrap:wrap;gap:7px}.record-chatter-selected-users button{min-height:30px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:999px;padding:0 10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel));font-size:12px;font-weight:850;cursor:pointer}.record-chatter-popup-actions{padding-top:4px;justify-content:flex-end}.form-tabs{grid-column:1/-1;display:flex;gap:8px;align-items:center;overflow-x:auto;max-width:100%;padding:0 0 14px;scrollbar-width:auto;scrollbar-color:color-mix(in srgb,var(--accent) 58%,var(--line)) transparent;-webkit-overflow-scrolling:touch}.form-tabs::-webkit-scrollbar{height:16px}.form-tabs::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel) 68%,transparent);border-radius:999px}.form-tabs::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 58%,var(--line));border-radius:999px;border:4px solid color-mix(in srgb,var(--panel) 68%,transparent)}.form-tabs::-webkit-scrollbar-thumb:hover{background:var(--accent)}.form-tab-button{flex:0 0 auto;min-height:36px;border-radius:var(--radius-sm);padding:0 12px;display:inline-flex;align-items:center;background:color-mix(in srgb,var(--panel) 78%,var(--accent) 8%);color:var(--ink);font-weight:800;white-space:nowrap;transition:background var(--motion),color var(--motion),box-shadow var(--motion),transform var(--motion)}.form-tab-button.active{background:var(--accent);color:#ffffff;box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 20%,transparent)}.form-tab-button:hover{transform:translateY(-1px)}.compact-button{min-height:42px;white-space:nowrap}.field-error{color:#a63a25;font-size:12px;font-weight:700}.prompt-field-error{display:block;line-height:1.35}.checkbox-row{min-height:42px;display:flex;align-items:center;gap:10px;font-weight:700}.table-wrap{overflow-x:scroll;width:100%;padding-bottom:10px;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:color-mix(in srgb,var(--accent) 58%,var(--line)) transparent;-webkit-overflow-scrolling:touch}.table-wrap::-webkit-scrollbar{height:16px}.table-wrap::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel) 68%,transparent);border-radius:999px}.table-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 58%,var(--line));border-radius:999px;border:4px solid color-mix(in srgb,var(--panel) 68%,transparent)}.table-wrap::-webkit-scrollbar-thumb:hover{background:var(--accent)}.data-table{width:max-content;max-width:100%;min-width:min(100%,620px);border-collapse:collapse}.runtime-list-table{max-width:none;min-width:max-content}.data-table td,.data-table th{border-bottom:1px solid var(--line);padding:11px 16px;text-align:left;vertical-align:middle}.data-table th{color:#405163;font-size:11px;text-transform:uppercase}.sort-button{width:100%;min-height:24px;padding:0;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;color:inherit;background:transparent;font:inherit;text-align:left;text-transform:inherit}.sort-button:hover,.sort-indicator{color:var(--accent)}.sort-indicator{width:12px;display:inline-block}.empty-state,.error-state{min-height:180px;display:grid;place-items:center;text-align:center;color:var(--muted);animation:empty-state-in .52s cubic-bezier(.16,1,.3,1) both}.error-state{color:#a63a25}.prompt-error-state{min-height:0;padding:10px 12px;border-radius:8px;place-items:start;text-align:left;color:#a63a25;background:#f8ded9;font-size:13px;font-weight:750;line-height:1.35;animation:field-attention .42s cubic-bezier(.34,1.56,.64,1)}.prompt-feedback{margin-top:10px;padding:12px 12px 13px;border:1px solid color-mix(in srgb,var(--coral) 34%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--coral) 12%,var(--panel));color:var(--text);display:grid;grid-gap:8px;gap:8px;font-size:12px;line-height:1.4;box-shadow:inset 3px 0 0 var(--coral);animation:panel-reveal .36s var(--motion) both}.prompt-feedback.compact{margin-top:0}.prompt-feedback.warning{border-color:color-mix(in srgb,#d97706 34%,var(--line));background:color-mix(in srgb,#f59e0b 12%,var(--panel));box-shadow:inset 3px 0 0 #d97706}.prompt-feedback.info{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--panel));box-shadow:inset 3px 0 0 var(--accent)}.prompt-feedback-heading{display:flex;align-items:center;gap:8px;color:var(--text)}.prompt-feedback-heading strong{font-size:13px}.prompt-feedback-dot{width:8px;height:8px;border-radius:999px;background:var(--coral);flex:0 0 auto}.prompt-feedback.warning .prompt-feedback-dot{background:#d97706}.prompt-feedback.info .prompt-feedback-dot{background:var(--accent)}.prompt-feedback p{margin:0;color:var(--muted)}.prompt-feedback-section{display:grid;grid-gap:4px;gap:4px}.prompt-feedback-prompt>span{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:0;text-transform:uppercase}.prompt-feedback-disclosure{border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:7px;background:color-mix(in srgb,var(--panel) 72%,transparent);overflow:hidden}.prompt-feedback-disclosure summary{min-height:32px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;color:var(--text);font-size:11px;font-weight:850;letter-spacing:0;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prompt-feedback-disclosure summary::marker{color:var(--muted)}.prompt-feedback-disclosure summary small{min-width:18px;height:18px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--muted);font-size:10px;font-weight:850}.prompt-feedback-disclosure[open] summary{border-bottom:1px solid var(--line)}.prompt-feedback-disclosure p{padding:9px}.prompt-feedback-disclosure pre{margin:0;padding:10px;max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--text);background:color-mix(in srgb,var(--wash) 58%,var(--panel));font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.prompt-feedback ul{margin:0;padding:8px 12px 9px 26px;display:grid;grid-gap:3px;gap:3px}.prompt-feedback li{color:var(--text)}.prompt-feedback-prompt{display:grid;grid-gap:5px;gap:5px}.prompt-feedback-prompt code{white-space:normal;color:var(--text);background:color-mix(in srgb,var(--panel) 76%,var(--wash));border:1px solid var(--line);border-radius:7px;padding:8px;font:inherit;font-weight:750}.modal-backdrop{position:fixed;inset:0;z-index:80;padding:24px;display:grid;place-items:center;background:rgba(10,15,22,.56);-webkit-backdrop-filter:blur(28px) saturate(1.08);backdrop-filter:blur(28px) saturate(1.08);animation:modal-backdrop-in .22s ease-out both}.list-layout-backdrop{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));place-items:center;overflow:hidden}.prompt-modal{max-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:8px;padding:18px;display:grid;grid-gap:14px;gap:14px;overflow-y:auto;overscroll-behavior:contain;background:var(--panel);box-shadow:0 24px 70px rgba(20,31,43,.22);transform-origin:center;animation:modal-spring-in .56s cubic-bezier(.16,1,.3,1) both}.generation-confirm-modal,.prompt-modal{width:min(100%,560px)}.generation-cost-summary{display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel) 88%,var(--wash))}.generation-cost-summary>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.generation-cost-summary strong{color:var(--accent-strong);font-size:24px}.generation-cost-summary p,.generation-cost-summary span{margin:0;color:var(--muted);font-size:13px;font-weight:750}.prompt-modal.list-layout-modal{width:min(calc(100vw - 40px),1440px);height:min(calc(100dvh - 40px),820px);max-height:calc(100dvh - 40px);padding:12px;gap:10px;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.prompt-modal.list-layout-modal>.button-row{position:static;bottom:auto;margin:0;padding:0;background:none}.prompt-modal>.button-row{position:-webkit-sticky;position:sticky;bottom:-18px;z-index:2;margin:2px -18px -18px;padding:10px 18px 18px;background:linear-gradient(to top,var(--panel) 80%,color-mix(in srgb,var(--panel) 0%,transparent))}.create-group-modal .field-label{display:grid;grid-gap:8px;gap:8px}.create-group-modal .text-input{width:100%}.prompt-modal-loading{min-width:0;border:1px solid color-mix(in srgb,var(--line) 72%,var(--accent) 28%);border-radius:var(--radius-sm);padding:12px;display:flex;align-items:center;gap:12px;color:var(--ink);background:radial-gradient(circle at 14% 50%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 38%),color-mix(in srgb,var(--wash) 58%,var(--panel));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--shine) 54%,transparent);overflow:hidden;animation:overlay-materialize .36s cubic-bezier(.16,1,.3,1) both}.prompt-modal-loading-copy{min-width:0;display:grid;grid-gap:3px;gap:3px}.prompt-modal-loading-copy strong{min-width:0;display:inline-flex;align-items:baseline;color:var(--ink);font-size:13px;font-weight:900;line-height:1.25;overflow-wrap:anywhere}.prompt-modal-loading-hint{min-width:0;color:var(--muted);font-size:11px;font-weight:750;line-height:1.35;overflow-wrap:anywhere;animation:loading-hint-in .36s ease-out both}.prompt-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-modal{width:min(100%,620px)}.account-password-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}body.tutorial-scroll-locked,html.tutorial-scroll-locked{overflow:hidden;overscroll-behavior:none}.workspace.tutorial-active>.content,.workspace.tutorial-active>.sidebar{-webkit-user-select:none;-moz-user-select:none;user-select:none}.guided-tutorial{position:fixed;inset:0;z-index:120;pointer-events:none}.tutorial-card,.tutorial-dim-pane,.tutorial-spotlight,.tutorial-target-shield{position:fixed}.tutorial-dim-pane{z-index:121;background:rgba(7,12,18,.64);-webkit-backdrop-filter:blur(5px) saturate(.82);backdrop-filter:blur(5px) saturate(.82);pointer-events:auto}.tutorial-spotlight{z-index:122;border:2px solid color-mix(in srgb,var(--accent) 86%,#ffffff);border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.38),0 18px 58px rgba(0,0,0,.34),0 0 0 9999px rgba(7,12,18,.02);pointer-events:none}.tutorial-target-shield{z-index:123;pointer-events:auto}.tutorial-card{z-index:124;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:8px;padding:18px;display:grid;grid-gap:12px;gap:12px;color:var(--ink);background:var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.28);pointer-events:auto;transform-origin:bottom center;animation:modal-spring-in .52s cubic-bezier(.16,1,.3,1) both}.tutorial-close-button{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;padding:0;display:grid;place-items:center;color:var(--muted);background:transparent;font-size:22px;line-height:1;cursor:pointer}.tutorial-close-button:focus-visible,.tutorial-close-button:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.tutorial-card h2{margin:0;font-size:18px;line-height:1.22}.tutorial-card p{margin:0;color:var(--muted);line-height:1.55}.tutorial-card .tutorial-inline-error{color:#b42318;font-weight:760}.tutorial-progress{color:var(--accent);font-size:12px;font-weight:850;text-transform:uppercase}.tutorial-card-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media (max-width:960px){.workspace{height:calc(100dvh - 48px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.sidebar{position:static;height:auto;max-height:38dvh;overflow-y:auto;overflow-x:hidden;border-right:0;border-bottom:1px solid var(--line)}.access-panel,.account-page-header,.app-row,.host-header,.runtime-toolbar,.topbar{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.account-header-title{align-items:flex-start;flex-direction:column;gap:10px}.credit-package-grid,.credit-purchase-history{grid-template-columns:1fr}.credit-purchase-history{align-items:start}.runtime-actions{justify-content:flex-start}.preview-header{grid-template-columns:1fr;align-items:stretch}.preview-theme-strip{justify-self:stretch;width:100%}.workspace-panel-header{flex-direction:column;align-items:stretch}.compact-select,.runtime-export,.runtime-filter,.runtime-group,.runtime-search{width:100%}.app-list-header,.app-list-tools{flex-direction:column;align-items:stretch}.app-search-input,.app-view-toggle{width:100%}.app-view-toggle button{flex:1 1}.collaborator-form,.collaborator-row{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.collaborator-controls{width:100%;justify-content:space-between}.access-controls{justify-content:stretch}.access-save-button,.compact-field{width:100%}.app-settings-management{grid-template-columns:1fr}.danger-settings-panel .danger-button,.settings-action-form .danger-button{width:100%;justify-self:stretch}.export-popover,.filter-popover,.group-popover{left:0;right:auto;width:min(100%,calc(100vw - 40px))}.filter-popover-actions,.filter-popover-header,.filter-rule,.group-rule{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.filter-rule,.group-rule{display:grid}.calendar-grid{grid-template-columns:repeat(7,minmax(88px,1fr));overflow-x:auto}.calendar-day{min-height:96px}.theme-strip,.version-picker{justify-content:flex-start}.publish-settings-panel,.workspace-tabs-bar{align-items:stretch;flex-direction:column}.workspace-version-picker{width:100%}.workspace-version-picker select{min-width:0;width:100%}.account-strip,.auth-panel-header{align-items:stretch;flex-direction:column}.account-actions{justify-content:flex-start}.account-settings-grid{grid-template-columns:1fr}.account-settings-grid>.settings-panel:not(.profile-panel),.account-tabbed-settings{grid-column:auto}.account-settings-tabs{width:100%}.account-password-grid,.model-settings-categories{grid-template-columns:1fr}.tutorial-card{right:14px!important;bottom:14px!important;left:14px!important;top:auto!important;width:auto!important;max-height:44vh;overflow:auto}}@media (max-width:1180px) and (min-width:961px){.workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.sidebar{padding-inline:20px}.topbar{grid-template-columns:minmax(180px,1fr) auto}.preview-header{grid-template-columns:minmax(160px,.9fr) minmax(220px,1fr)}.preview-header>.button-row{grid-column:1/-1;justify-self:stretch}.preview-header>.button-row>*{flex:1 1 160px}.runtime-toolbar{align-items:stretch;flex-direction:column}.runtime-actions{justify-content:flex-start}.runtime-search{width:min(100%,320px)}.record-form-layout{grid-template-columns:minmax(0,1fr) minmax(340px,420px)}}@media (max-width:960px){body{background:var(--wash);animation:none}.workspace{height:calc(100dvh - 48px)}.sidebar{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));gap:16px;background:color-mix(in srgb,var(--panel) 92%,var(--wash));-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08)}.sidebar:before{opacity:.26}.brand{min-height:44px}.content{min-height:0;height:auto;overflow:hidden;padding:16px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:16px}.app-list,.data-surface,.form-surface,.host-shell,.topbar{border-radius:14px;padding:16px}.topbar{gap:14px}.button-row,.runtime-actions,.topbar>.button-row{width:100%}.button-row>a,.button-row>button,.list-layout-button-shell,.runtime-actions>a,.runtime-actions>button,.runtime-export,.runtime-filter,.runtime-group{flex:1 1 150px}.prompt-box{min-height:150px}.dev-planner-chat.live .dev-planner-messages,.dev-planner-chat.subtle .dev-planner-messages{max-height:min(44dvh,360px)}.workspace-tabs-shell{border-radius:14px}.content.has-active-app .workspace-tabs-shell.is-open,.workspace-tabs-shell.is-open{height:auto;max-height:1600px}.workspace-tabs-bar{min-height:0;padding:12px;gap:10px}.workspace-tabs{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding-bottom:0;overflow:visible}.workspace-tabs button{min-width:0;min-height:48px;padding:0;display:grid;place-items:center;flex:1 1}.workspace-tab-icon{display:block}.workspace-tab-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.workspace-tab-panel{padding:14px}.workspace-tab-viewport{overflow:visible;height:auto!important}.content.has-active-app .app-list{max-height:none}.content.has-active-app .preview-shell{min-height:0;display:block}.preview-header{padding:14px;gap:14px}.preview-header>.button-row,.preview-header>div:first-child,.preview-theme-strip{grid-column:auto;justify-self:stretch}.preview-frame-stage{border-top:1px solid var(--line)}.content.has-active-app .preview-frame-stage,.preview-frame-stage{height:min(44dvh,420px);min-height:300px}.app-list-tools{display:grid;grid-template-columns:1fr 1fr}.app-search-input{grid-column:1/-1}.app-list{grid-template-rows:auto auto;max-height:none}.app-list-body{overflow:visible;overscroll-behavior:auto;padding-right:4px}.app-list-body.tile-view{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.host-page{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.host-shell{width:100%;gap:14px}.host-header{padding-bottom:14px}.host-title-main{align-items:flex-start}.host-title h1{font-size:clamp(20px,5vw,28px);overflow-wrap:anywhere}.runtime-status-cluster{justify-content:flex-start}.tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;margin-inline:-2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab-button{flex:0 0 auto;min-height:42px}.runtime-surface{min-width:0}.record-form-layout{grid-template-columns:minmax(0,1fr)}.record-chatter{min-height:360px;max-height:none;position:static}.record-form>.runtime-field-boolean,.record-form>.runtime-field-color,.record-form>.runtime-field-currency,.record-form>.runtime-field-date,.record-form>.runtime-field-email,.record-form>.runtime-field-files,.record-form>.runtime-field-image,.record-form>.runtime-field-label,.record-form>.runtime-field-multi_select,.record-form>.runtime-field-number,.record-form>.runtime-field-phone,.record-form>.runtime-field-rating,.record-form>.runtime-field-secret,.record-form>.runtime-field-select,.record-form>.runtime-field-tags,.record-form>.runtime-field-text,.record-form>.runtime-field-textarea,.record-form>.runtime-field-time,.record-form>.runtime-field-tree,.record-form>.runtime-field-url,.record-form>.runtime-field-user{grid-column:1/-1}.runtime-toolbar{gap:12px}.runtime-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.runtime-actions>.segmented-control,.runtime-search{grid-column:1/-1}.list-layout-button-shell,.runtime-actions>button,.runtime-export,.runtime-filter,.runtime-group{min-width:0;width:100%}.export-button,.filter-button,.group-button,.list-layout-button{width:100%}.export-popover,.filter-popover,.group-popover{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:auto;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:min(72dvh,560px);overflow:auto;border-radius:14px}.calendar-view,.kanban-board{margin-inline:-2px}.kanban-board{grid-auto-columns:minmax(260px,82vw);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.kanban-column{scroll-snap-align:start}.modal-backdrop{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));align-items:end}.list-layout-backdrop{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));place-items:center}.prompt-modal{width:100%;max-height:min(86dvh,720px);border-radius:16px}.prompt-modal.list-layout-modal{width:100%;max-height:calc(100dvh - 28px)}.list-layout-editor{grid-template-columns:1fr;height:auto}.list-layout-actions{display:grid;grid-template-columns:1fr}.list-layout-action-spacer{display:none}}@media (max-width:720px){.legal-footer{min-height:56px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap}.made-by-tmg{position:static;order:3}.language-toggle{left:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.language-flag-button{width:40px;height:40px}.main-page-logo{width:34px;height:34px;border-radius:9px}.brand h1,.host-title h1{font-size:20px}.profile-menu-shell{position:-webkit-sticky;position:sticky;bottom:0;margin-inline:-16px;margin-bottom:-16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--panel) 88%,transparent);border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.profile-menu{left:16px}.suggested-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.suggested-answer-chip{width:100%;justify-content:center}.app-list,.data-surface,.form-surface,.host-shell,.topbar{box-shadow:0 12px 34px rgba(15,23,42,.07)}.app-view-heading{min-width:0}.app-name-button,.app-name-input,.topbar h2{max-width:100%;font-size:21px;overflow-wrap:anywhere}.segmented-control button,.workspace-tabs button{min-height:40px}.preview-frame-stage{height:min(42dvh,380px);min-height:280px}.app-row-actions>*,.preview-header>.button-row>*,.publish-settings-panel .button-row>*,.topbar>.button-row>*{width:100%}.app-list-tools{grid-template-columns:1fr}.app-row,.tile-view .app-row{min-height:0;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:start;padding:12px}.app-row-actions{grid-column:1/-1;width:100%;justify-content:stretch}.app-row-actions .open-preview-button,.app-row-actions .secondary-button{flex:1 1 140px;justify-content:center}.runtime-actions,.runtime-manual-actions{grid-template-columns:1fr}.runtime-manual-actions{display:grid}.runtime-automation-button{width:100%;justify-content:center}.table-wrap{width:calc(100% + 8px);margin-inline:-4px;padding:0 4px 8px;overflow-x:scroll;overscroll-behavior-x:none;touch-action:pan-x pan-y;scrollbar-gutter:stable;scrollbar-width:auto;-webkit-overflow-scrolling:touch}.runtime-list-table{width:max-content;min-width:680px;border-collapse:separate;border-spacing:0}.runtime-list-table tbody tr{background:color-mix(in srgb,var(--panel) 94%,var(--wash))}.runtime-list-table tbody tr:not(.table-group-row):hover{transform:translateY(-1px)}.runtime-list-table td,.runtime-list-table th{border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);padding:10px 12px}.runtime-list-table td{min-height:40px;vertical-align:middle}.runtime-list-table th{position:-webkit-sticky;position:sticky;top:0;z-index:4;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.runtime-list-table td.select-column,.runtime-list-table th.select-column{z-index:6;background:var(--panel);box-shadow:1px 0 0 var(--line),14px 0 18px -18px rgba(15,23,42,.42)}.runtime-list-table th.select-column{z-index:8}.runtime-list-table .field-col-boolean,.runtime-list-table .field-col-color,.runtime-list-table .field-col-currency,.runtime-list-table .field-col-date,.runtime-list-table .field-col-email,.runtime-list-table .field-col-files,.runtime-list-table .field-col-image,.runtime-list-table .field-col-multi_select,.runtime-list-table .field-col-number,.runtime-list-table .field-col-phone,.runtime-list-table .field-col-rating,.runtime-list-table .field-col-secret,.runtime-list-table .field-col-select,.runtime-list-table .field-col-tags,.runtime-list-table .field-col-text,.runtime-list-table .field-col-textarea,.runtime-list-table .field-col-time,.runtime-list-table .field-col-url{max-width:180px}.runtime-list-table td:last-child{position:-webkit-sticky;position:sticky;right:0;z-index:3;min-width:94px;background:var(--panel);box-shadow:-1px 0 0 var(--line),-10px 0 18px rgba(15,23,42,.05)}.runtime-list-table .row-actions{justify-content:flex-end}.runtime-list-table .inline-edit-row td{min-width:180px}.runtime-list-table .table-group-row{background:transparent}.runtime-list-table .table-group-row td:before{content:none}.calendar-grid{grid-template-columns:repeat(7,minmax(76px,1fr))}.calendar-day{min-height:88px;padding:7px}.calendar-event{min-height:26px;font-size:11px}}@media (max-width:520px){.account-page,.auth-page,.legal-page{padding-inline:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.account-page-header,.auth-panel,.legal-content,.settings-panel{border-radius:14px;padding:16px}.auth-mode-toggle,.creator-mode-toggle,.runtime-actions>.segmented-control{display:grid;grid-template-columns:1fr}.workspace-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.button-row{display:grid;grid-template-columns:1fr}.danger-button,.open-preview-button,.primary-button,.secondary-button{width:100%;justify-content:center}.suggested-answer-grid{grid-template-columns:1fr}.host-app-logo{width:42px;height:42px}.host-title-main{gap:10px}.host-title p{font-size:13px}.runtime-list-table{min-width:620px}.runtime-list-table td,.runtime-list-table th{padding-inline:10px}.runtime-list-table .field-col-email,.runtime-list-table .field-col-phone,.runtime-list-table .field-col-secret,.runtime-list-table .field-col-select,.runtime-list-table .field-col-text,.runtime-list-table .field-col-url{width:140px;min-width:140px;max-width:140px}}@media (hover:none) and (pointer:coarse){.runtime-list-table td.select-column,.runtime-list-table td:last-child{position:static;left:auto;right:auto;z-index:auto;box-shadow:none}.runtime-list-table th.select-column,.runtime-list-table th:last-child{left:auto;right:auto;box-shadow:none}}.runtime-list-table.layout-preview-table td:last-child{position:static;left:auto;right:auto;z-index:auto;background:inherit;box-shadow:none}.runtime-list-table.layout-preview-table th:last-child{position:relative;left:auto;right:auto;z-index:auto;background:inherit;box-shadow:none}.runtime-list-table.layout-preview-table th:last-child.dragging{color:var(--accent);background:color-mix(in srgb,var(--panel) 70%,var(--accent) 16%);box-shadow:inset 0 -2px 0 var(--accent)}@media (prefers-reduced-motion:reduce){body{animation:none!important}*,:after,:before{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.account-page-header,.app-list,.app-row,.auth-panel,.calendar-day,.calendar-event,.collaborator-row,.content,.host-shell,.kanban-card,.kanban-column,.preview-shell,.prompt-modal,.role-definition-card,.runtime-list-table tbody tr,.runtime-surface,.settings-action-panel,.settings-panel,.sidebar,.topbar,.tutorial-card,.workspace-tabs-shell{transform:none!important;filter:none!important}.workspace-tab-viewport{transition:none!important}}