.portal{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.chrome{flex:0 0 auto;display:flex;align-items:center;gap:.65rem;padding:.4rem .55rem .35rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30}.tab-strip{display:flex;align-items:stretch;gap:.3rem;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin;padding-bottom:.1rem}.tab{position:relative;display:inline-flex;align-items:center;gap:.4rem;max-width:11rem;min-width:5.5rem;height:2.15rem;padding:0 .35rem 0 .65rem;border:1px solid transparent;border-radius:.65rem .65rem .35rem .35rem;background:color-mix(in srgb,var(--bg) 55%,transparent);color:var(--muted);font-family:DM Sans,system-ui,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .14s ease,color .14s ease,border-color .14s ease}.tab:hover{color:var(--text);background:color-mix(in srgb,var(--bg-elevated) 80%,transparent)}.tab[data-active=true]{color:var(--text);background:color-mix(in srgb,var(--tab-accent, var(--accent)) 16%,var(--bg-elevated));border-color:color-mix(in srgb,var(--tab-accent, var(--accent)) 40%,var(--border))}.tab-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--tab-accent, var(--accent));flex-shrink:0}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tab-close{display:grid;place-items:center;width:1.25rem;height:1.25rem;margin-left:auto;border-radius:.35rem;font-size:.95rem;line-height:1;color:var(--muted);flex-shrink:0}.tab-close:hover{color:var(--text);background:color-mix(in srgb,var(--text) 12%,transparent)}.tab-new{min-width:2.15rem;max-width:2.15rem;padding:0;justify-content:center;font-size:1.15rem;font-weight:500;color:var(--muted)}.tab-new[data-active=true]{color:var(--text);border-color:var(--border);background:var(--bg-elevated)}.chrome-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.mode-toggle,.layout-actions{display:inline-flex;align-items:center;gap:.2rem}.mode-btn,.chrome-btn,.chrome-link{font-family:DM Sans,system-ui,sans-serif;font-size:.72rem;font-weight:600;color:var(--muted);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:.28rem .6rem;white-space:nowrap;background:transparent;cursor:pointer}.mode-btn:hover,.chrome-btn:hover,.chrome-link:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.mode-btn[data-active=true]{color:var(--text);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 14%,transparent)}.auth-actions{display:inline-flex;align-items:center;gap:.35rem}.chrome-auth-btn{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 16%,transparent)}.chrome-auth-btn:hover{background:color-mix(in srgb,var(--accent) 24%,transparent)}.chrome-auth-account{color:var(--text);max-width:12rem;overflow:hidden;text-overflow:ellipsis}.account-menu{position:relative}.account-chip-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover{position:absolute;top:calc(100% + .45rem);right:0;z-index:10050;min-width:14rem;max-width:min(20rem,80vw);padding:.85rem .95rem;border-radius:.85rem;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 14px 36px #00000059}.account-popover-label{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.account-popover-username{margin:.35rem 0 0;font-family:"Instrument Serif",Georgia,serif;font-size:1.25rem;line-height:1.15;color:var(--text);word-break:break-word}.account-popover-email{margin:.3rem 0 0;font-size:.82rem;color:color-mix(in srgb,var(--muted) 70%,var(--text));word-break:break-all}.account-popover-meta{margin:.45rem 0 0;font-size:.72rem;color:var(--muted)}.account-signout{margin-top:.75rem;width:100%;justify-content:center}.stage{position:relative;flex:1;min-height:0;background:radial-gradient(900px 420px at 12% 0%,rgba(45,212,191,.06),transparent 55%),radial-gradient(700px 380px at 88% 10%,rgba(56,189,248,.05),transparent 50%),var(--bg);overflow:hidden}.interact-shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9998;cursor:grabbing}.site-window{position:absolute;display:flex;flex-direction:column;min-width:280px;min-height:180px;border:1px solid color-mix(in srgb,var(--win-accent, var(--accent)) 35%,var(--border));border-radius:.7rem;background:var(--bg-elevated);box-shadow:0 10px 28px #00000059,0 0 0 1px color-mix(in srgb,var(--win-accent, var(--accent)) 12%,transparent);overflow:hidden;transition:box-shadow .14s ease,border-color .14s ease}.site-window[data-mode=tabs]{min-width:0;min-height:0;border:0;border-radius:0;box-shadow:none;opacity:0;pointer-events:none}.site-window[data-mode=tabs][data-active=true]{opacity:1;pointer-events:auto}.site-window[data-mode=parallel][data-active=true]{border-color:color-mix(in srgb,var(--win-accent, var(--accent)) 65%,var(--border));box-shadow:0 16px 40px #0000006b,0 0 0 1px color-mix(in srgb,var(--win-accent, var(--accent)) 28%,transparent)}.site-window-title{flex:0 0 auto;display:flex;align-items:center;gap:.4rem;height:2rem;padding:0 .35rem 0 .65rem;background:color-mix(in srgb,var(--win-accent, var(--accent)) 12%,var(--bg));border-bottom:1px solid color-mix(in srgb,var(--win-accent, var(--accent)) 22%,var(--border));cursor:default;-webkit-user-select:none;user-select:none;touch-action:none}.site-window-title[data-movable=true]{cursor:grab}.site-window-title[data-movable=true]:active{cursor:grabbing}.site-window-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--win-accent, var(--accent));flex-shrink:0}.site-window-name{font-size:.78rem;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-window-host{font-size:.68rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.site-window-actions{display:inline-flex;align-items:center;gap:.1rem;margin-left:auto;flex-shrink:0}.site-window-copy,.site-window-refresh,.site-window-close{display:grid;place-items:center;width:1.35rem;height:1.35rem;border:0;border-radius:.35rem;background:transparent;color:var(--muted);font-size:1rem;line-height:1;cursor:pointer;flex-shrink:0}.site-window-copy{font-size:.85rem}.site-window-copy[data-copied=true]{color:var(--win-accent, var(--accent))}.site-window-refresh{font-size:.95rem}.site-window-copy:hover,.site-window-refresh:hover,.site-window-close:hover{color:var(--text);background:color-mix(in srgb,var(--text) 12%,transparent)}.site-window-frame{flex:1;width:100%;min-height:0;border:0;background:#000}.site-window-resize{position:absolute;z-index:3;touch-action:none}.site-window-resize-n,.site-window-resize-s{left:8px;right:8px;height:6px;cursor:ns-resize}.site-window-resize-e,.site-window-resize-w{top:8px;bottom:8px;width:6px;cursor:ew-resize}.site-window-resize-n{top:-2px}.site-window-resize-s{bottom:-2px}.site-window-resize-e{right:-2px}.site-window-resize-w{left:-2px}.site-window-resize-ne,.site-window-resize-nw,.site-window-resize-se,.site-window-resize-sw{width:12px;height:12px}.site-window-resize-ne{top:-2px;right:-2px;cursor:nesw-resize}.site-window-resize-nw{top:-2px;left:-2px;cursor:nwse-resize}.site-window-resize-se{bottom:-2px;right:-2px;cursor:nwse-resize}.site-window-resize-sw{bottom:-2px;left:-2px;cursor:nesw-resize}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10000;overflow:auto;padding:1rem 1rem 2rem;background:radial-gradient(1000px 520px at 8% -8%,rgba(45,212,191,.12),transparent 55%),radial-gradient(800px 480px at 92% 0%,rgba(56,189,248,.1),transparent 50%),var(--bg)}.portal[data-picker=true] .site-window{pointer-events:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:.85rem}.picker-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.picker-title{margin:0;font-family:"Instrument Serif",Georgia,serif;font-size:1.75rem;font-weight:400;letter-spacing:-.02em;color:var(--text)}.picker-sub{margin:.25rem 0 0;font-size:.88rem;color:var(--muted);max-width:36rem}.picker-add-btn[data-active=true]{color:var(--text);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 14%,transparent)}.add-frontend-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin-bottom:1rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent)}.add-field{display:flex;flex-direction:column;gap:.3rem;font-size:.72rem;font-weight:600;color:var(--muted)}.add-field-wide{grid-column:1 / -1}.add-field input{font-family:DM Sans,system-ui,sans-serif;font-size:.9rem;font-weight:500;color:var(--text);border:1px solid var(--border);border-radius:.55rem;padding:.5rem .65rem;background:var(--bg)}.add-field input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.add-actions{grid-column:1 / -1;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.add-error{margin:0;font-size:.82rem;color:#fb7185}.removed-strip{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-bottom:.9rem}.removed-label{font-size:.75rem;font-weight:600;color:var(--muted)}.removed-chip{font-size:.7rem}.site-card{position:relative;text-align:left;display:flex;flex-direction:column;align-items:stretch;min-height:8.5rem;padding:0;border-radius:1rem;border:1px solid var(--border);background:linear-gradient(165deg,color-mix(in srgb,var(--card-accent) 18%,transparent),color-mix(in srgb,var(--bg-elevated) 88%,transparent) 42%);color:var(--text);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.site-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-accent) 55%,var(--border));box-shadow:0 14px 36px #00000047}.site-card[data-live=true]{border-color:color-mix(in srgb,var(--card-accent) 55%,var(--border))}.site-card-open{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;flex:1;width:100%;min-height:8.5rem;padding:1rem 2.4rem 1.1rem 1rem;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.site-card-icon{width:2.75rem;height:2.75rem;border-radius:.7rem;margin-bottom:.55rem;object-fit:cover;background:color-mix(in srgb,var(--card-accent) 18%,var(--bg));box-shadow:0 0 0 1px color-mix(in srgb,var(--card-accent) 28%,transparent),0 6px 14px #00000038;flex-shrink:0}.site-card-name{font-family:"Instrument Serif",Georgia,serif;font-size:1.35rem;letter-spacing:-.02em;line-height:1.1}.site-card-host{font-size:.72rem;color:var(--muted);word-break:break-all}.site-card-blurb{margin-top:auto;padding-top:.55rem;font-size:.82rem;color:color-mix(in srgb,var(--muted) 88%,var(--text))}.site-card-badge{position:absolute;top:.7rem;right:2.2rem;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--card-accent);border:1px solid color-mix(in srgb,var(--card-accent) 45%,transparent);border-radius:999px;padding:.15rem .45rem;background:color-mix(in srgb,var(--bg) 70%,transparent);pointer-events:none}.site-card-remove{position:absolute;top:.45rem;right:.45rem;width:1.55rem;height:1.55rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--muted);font-size:1rem;line-height:1;cursor:pointer;z-index:2}.site-card-remove:hover{color:#fb7185;border-color:color-mix(in srgb,#fb7185 50%,var(--border))}@media (max-width: 900px){.chrome{flex-wrap:wrap}.chrome-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}@media (max-width: 640px){.chrome{gap:.4rem;padding:.35rem .4rem}.tab{min-width:4.5rem;max-width:8.5rem}.grid-overlay{padding:.75rem .75rem 1.75rem}.grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.65rem}.site-card{min-height:7.75rem}.site-card-open{min-height:7.75rem;padding:.85rem 2.2rem .85rem .85rem}.add-frontend-form{grid-template-columns:1fr}.site-window-host{display:none}}@media (prefers-reduced-motion: reduce){.site-card,.tab,.site-window{transition:none}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem;position:relative;overflow:hidden}.login-bg-orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.28;animation:login-float 10s ease-in-out infinite;z-index:0;pointer-events:none}.login-bg-orb-1{width:320px;height:320px;background:#3d8bfd73;top:16%;left:18%}.login-bg-orb-2{width:240px;height:240px;background:#14b8a659;bottom:18%;right:16%;animation-delay:-4s}@keyframes login-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(14px,-10px) scale(1.04)}}.login-card{position:relative;z-index:2;width:100%;max-width:24rem;padding:1.75rem 1.5rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:login-card-in .45s ease-out}@keyframes login-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:1.25rem}.login-eyebrow{margin:0 0 .35rem;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;color:var(--muted)}.login-header h1,.login-header h2{margin:0 0 .45rem;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.8rem,5vw,2.35rem);font-weight:400;letter-spacing:-.02em;color:var(--text)}.login-header h2{font-size:clamp(1.45rem,4vw,1.85rem)}.login-header .highlight{color:var(--accent)}.login-header p{margin:0;color:var(--muted);font-size:.95rem}.login-form{display:grid;gap:.9rem}.form-group{display:grid;gap:.35rem}.form-group label{font-size:.82rem;color:var(--muted)}.input{font:inherit;color:var(--text);background:#00000047;border:1px solid var(--border);border-radius:.5rem;padding:.7rem .8rem}.input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.login-button{font:inherit;font-weight:600;border:0;border-radius:.55rem;padding:.75rem 1rem;background:var(--accent);color:#061018;cursor:pointer;width:100%}.login-button:disabled{opacity:.55;cursor:not-allowed}.login-otp-hint{margin:0;color:var(--muted);font-size:.9rem}.login-link-button{margin-top:.15rem;background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;font-size:.9rem;width:100%;text-align:center;padding:0}.login-card-footer{margin-top:1rem;text-align:center;font-size:.86rem;color:var(--muted)}.login-card-footer a{color:var(--accent);text-decoration:none}.login-card-footer a:hover{text-decoration:underline}.alert{padding:.75rem .85rem;border-radius:.5rem;font-size:.9rem}.alert-error{background:#f871711f;color:#fca5a5;border:1px solid rgba(248,113,113,.3)}.alert-success{background:#86efac1f;color:#86efac;border:1px solid rgba(134,239,172,.3)}.alert-info{background:#93c5fd1a;color:#93c5fd;border:1px solid rgba(147,197,253,.28)}.loading-center{min-height:100vh;display:grid;place-items:center}.spinner{width:1.5rem;height:1.5rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg: #071018;--bg-elevated: #0f1a26;--text: #e7eef7;--muted: #8fa3b8;--accent: #2dd4bf;--border: rgba(143, 163, 184, .2);--radius: .75rem;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.45;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{min-width:320px;overflow:hidden;background:var(--bg)}body:has(.login-container){overflow:auto}button,a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:2px}