html,body{min-height:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}button,a,input,textarea,select{touch-action:manipulation}button:not(:disabled),a{cursor:pointer}a{color:inherit;text-decoration:none}p{line-height:1.6}button:disabled{cursor:default}.admin-shell{height:100dvh;min-height:0;font-size:14px;overflow:hidden}.admin-body{min-width:0;min-height:0;overflow:hidden}.sidebar-logo,.sidebar-create{background:var(--color-gray-100);border-radius:8px;justify-content:center;align-items:center;height:48px;transition:background-color .15s;display:flex}.sidebar-logo{flex:1;min-width:0;font-family:Bungee,sans-serif;font-size:20px}.sidebar-logo span:first-child{color:#f97316}.sidebar-logo span:last-child{color:#84cc16}.sidebar-create{width:48px;color:var(--color-gray-500);flex:none}.sidebar-logo:hover,.sidebar-create:hover{background:var(--color-gray-200)}.sidebar-app-row{position:relative}.sidebar-app-menu{color:var(--muted-foreground);border-radius:4px;padding:5px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.sidebar-app-menu:hover{background:var(--sidebar-accent)}.sidebar-app-status{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:4px;padding:4px 8px 8px;font-size:12px;display:flex}.sidebar-notice{overflow-wrap:anywhere;padding:12px 8px;font-size:12px}.site-header{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:4px;height:48px;padding:0 24px;display:flex}.site-header h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:500;overflow:hidden}.header-actions{align-items:center;margin-left:auto;display:flex}.profile-page{flex:1;min-height:0;padding:24px;overflow:auto}@media (prefers-color-scheme:dark){.sidebar-logo,.sidebar-create{background:var(--color-zinc-800)}.sidebar-logo:hover,.sidebar-create:hover{background:var(--color-zinc-700)}.sidebar-create{color:var(--color-gray-400)}}.muted{color:var(--muted-foreground)}.error{color:var(--destructive);white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;font-size:13px}.field-label{margin:20px 0 8px;font-size:12px;font-weight:500;display:block}.equal-buttons>*{min-width:132px;height:36px}.auth-page{flex-direction:column;align-items:center;gap:36px;padding:60px 16px;display:flex}.workspace-grid{flex:1;grid-template-columns:minmax(300px,1fr) minmax(280px,42%);min-height:0;display:grid;overflow:hidden}.chat-column{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-messages{scroll-behavior:auto;flex:1;min-height:0;padding:24px 28px;overflow:auto}.chat-empty{max-width:420px;padding:48px 0}.chat-empty h3{margin-bottom:10px;font-size:20px}.chat-empty p{color:var(--muted-foreground)}.chat-turn{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}.chat-message{border-radius:12px;max-width:90%;padding:14px 16px}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-user{background:var(--muted);align-self:flex-end}.chat-assistant{align-self:flex-start;padding-left:0}.chat-assistant button{margin-top:12px}.chat-composer{padding:12px 28px}.chat-input-box{border:1px solid var(--border);background:var(--muted);border-radius:16px;overflow:hidden}.chat-input-box:focus-within{border-color:var(--ring)}.chat-composer textarea{resize:none;width:100%;min-height:64px;max-height:200px;color:var(--foreground);font:inherit;background:0 0;border:0;outline:none;padding:14px 16px 4px;line-height:1.6;display:block}.create-prompt:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.chat-actions{justify-content:flex-end;align-items:center;padding:6px 8px 8px;display:flex}.chat-send{border-radius:50%;width:32px;height:32px;padding:0}.chat-composer>.error{margin-top:8px}.create-prompt{resize:vertical;border:1px solid var(--border);background:var(--background);width:100%;min-height:120px;color:var(--foreground);font:inherit;border-radius:6px;padding:12px}.preview-column{border-left:1px solid var(--border);background:var(--sidebar);grid-template-rows:minmax(0,1fr) auto;gap:10px;min-width:0;min-height:0;padding:16px 20px;display:grid;position:relative;overflow:hidden}.preview-stage{place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.phone-size{position:relative}.phone{transform-origin:0 0;border:5px solid var(--color-zinc-800);background:#f5f6f8;border-radius:67px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 8px 24px #00000008}.preview-scheme{background:var(--muted);border-radius:999px;justify-self:center;gap:2px;padding:3px;display:inline-flex}.preview-scheme button{height:28px;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.preview-scheme button svg{width:14px;height:14px}.preview-scheme button[aria-pressed=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px #0000001a}.phone iframe{border:0;width:100%;height:100%;display:block}@media (max-width:1100px){.workspace-grid{grid-template-columns:minmax(260px,1fr) minmax(220px,40%)}.preview-column{padding:12px}.chat-messages{padding:16px}.chat-composer{padding:12px 16px 8px}}@media (max-width:700px){.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.chat-messages,.chat-composer{padding:12px}.chat-composer{padding-bottom:8px}.chat-composer textarea{min-height:64px}.chat-actions{flex-wrap:wrap;gap:6px}.chat-empty{padding:12px 0}.chat-empty h3{font-size:16px}.preview-column{padding:8px}.site-header{padding:0 16px}}@media (max-height:650px){.chat-composer{padding-top:12px;padding-bottom:8px}.chat-composer textarea{min-height:64px;max-height:120px}.chat-empty{padding-top:12px}}.workspace-grid[hidden]{display:none}.app-setup{flex:1;padding:24px;overflow:auto}.setup-card{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:24px}.setup-id-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.setup-id-row h2{color:var(--muted-foreground);font-size:12px;font-weight:500}.setup-id-row code{background:var(--muted);-webkit-user-select:all;user-select:all;border-radius:8px;padding:4px 10px;font-size:15px}.quick-start{flex:1;min-height:0;padding:64px 24px 32px;overflow:auto}.quick-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;max-width:896px;margin:0 auto;display:grid}.quick-start-card{text-align:left;border:1px solid var(--border);background:var(--card);border-radius:12px;padding:20px}button.quick-start-card,.quick-start-card summary{cursor:pointer;align-items:flex-start;gap:16px;display:flex}.quick-start-card summary{list-style:none}.quick-start-card summary::-webkit-details-marker{display:none}.quick-start-card:hover{border-color:color-mix(in srgb, #84cc16 60%, var(--border))}.quick-start-icon{color:#0ea5e9;background:#0ea5e915;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid}.quick-start-icon[data-color=purple]{color:#a78bfa;background:#8b5cf615}.quick-start-icon[data-color=lime]{color:#84cc16;background:#84cc1615}.quick-start-icon[data-color=orange]{color:#f97316;background:#f9731615}.quick-start-copy{flex-direction:column;flex:1;gap:7px;min-width:0;line-height:1.7;display:flex}.quick-start-label{letter-spacing:.18em;color:var(--muted-foreground);font-size:11px;font-weight:700}.quick-start-title{justify-content:space-between;align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.quick-start-title svg{color:var(--muted-foreground);flex:none}.quick-start-steps{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}@media (max-width:1000px){.quick-start-grid{grid-template-columns:1fr}}@media (max-width:700px){.quick-start{padding:24px 16px}.app-setup{padding:16px}}.setup-card+.setup-card{margin-top:16px}.setup-card>h2{margin-bottom:8px;font-size:16px;font-weight:600}.app-panel+.app-panel{margin-top:16px}.app-panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.app-panel-head h2{margin-bottom:4px;font-size:16px;font-weight:600}.app-table{border-collapse:collapse;width:100%;font-size:14px}.app-table th{border-bottom:1px solid var(--border);color:var(--muted-foreground);text-align:left;padding:8px 12px;font-size:12px;font-weight:500}.app-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:12px}.app-table tr:last-child td{border-bottom:0}.app-table tr[data-selected=true] td{background:var(--muted)}.app-table td>.muted{font-size:12px;display:block}.app-table-actions{white-space:nowrap;text-align:right}.app-table-actions button+button{margin-left:6px}.app-badge{background:var(--muted);color:var(--muted-foreground);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:12px;display:inline-block}.app-badge.is-accent{background:color-mix(in oklab, var(--primary) 18%, transparent);color:var(--foreground)}.users-table td{vertical-align:middle}.users-table .user-name{align-items:center;gap:0;min-width:0;display:flex}.users-table .user-name .app-badge{flex:none}.users-table tr.is-disabled td:not(.app-table-actions){opacity:.55}.users-table .app-table-actions{width:1%}.records-table td{vertical-align:middle}.records-table .record-owner{white-space:nowrap}.records-table .record-time{white-space:nowrap;color:var(--muted-foreground)}.record-fields{flex-wrap:wrap;gap:4px 16px;margin:0;display:flex}.record-fields div{gap:6px;min-width:0;display:flex}.record-fields dt{color:var(--muted-foreground)}.record-fields dd{overflow-wrap:anywhere;margin:0}.role-switch{background:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:999px;width:36px;height:20px;padding:2px;transition:background .15s;display:inline-flex;position:relative}.role-switch span{background:var(--muted-foreground);border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s}.role-switch[aria-checked=true]{background:var(--color-orange-500);border-color:var(--color-orange-500)}.role-switch[aria-checked=true] span{background:var(--primary-foreground);transform:translate(16px)}.role-switch:disabled{opacity:.5;cursor:progress}.role-switch:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.plan-link{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.plan-link:hover{background:var(--muted)}.plan-link-cta{color:var(--color-lime-700);font-weight:600}@media (prefers-color-scheme:dark){.plan-link-cta{color:var(--color-lime-400)}}.quick-start-more{max-width:896px;margin:24px auto 0;font-size:14px}.text-link{text-underline-offset:3px;text-decoration:underline}.site-logo{flex:none;width:168px}