@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--background:40 33% 96%;--foreground:150 15% 15%;--border:40 20% 85%;--input:40 20% 85%;--ring:160 30% 25%;--card:40 30% 98%;--card-foreground:150 15% 15%;--sidebar:40 25% 94%;--sidebar-foreground:150 15% 15%;--sidebar-accent:30 40% 90%;--primary:160 30% 25%;--primary-foreground:40 33% 96%;--secondary:30 40% 90%;--secondary-foreground:160 30% 25%;--muted:40 20% 85%;--muted-foreground:150 10% 40%;--accent:20 60% 40%;--destructive:0 70% 45%;--destructive-foreground:40 33% 96%;--font-sans:"Inter", sans-serif;--font-mono:Menlo, monospace;--shadow-sm:0 2px 0 0 #2d53460d, 0 1px 2px -1px #2d53461a;color:hsl(var(--foreground));background:hsl(var(--background));font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}.dark{--background:160 30% 10%;--foreground:40 33% 96%;--border:160 20% 20%;--input:160 20% 20%;--ring:40 33% 96%;--card:160 30% 12%;--card-foreground:40 33% 96%;--sidebar:160 30% 12%;--sidebar-foreground:40 33% 96%;--sidebar-accent:160 20% 20%;--primary:40 33% 96%;--primary-foreground:160 30% 10%;--secondary:160 20% 20%;--secondary-foreground:40 33% 96%;--muted:160 20% 20%;--muted-foreground:150 10% 60%;--accent:20 60% 50%;--destructive:0 60% 50%;--destructive-foreground:40 33% 96%;--shadow-sm:0 2px 0 0 #0003, 0 1px 2px -1px #0000004d}*{box-sizing:border-box}html{background:hsl(var(--background));min-width:320px;min-height:100%}body{background:hsl(var(--background));min-width:320px;min-height:100vh;color:hsl(var(--foreground));font-family:var(--font-sans);margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}code{font-family:var(--font-mono)}#root{min-height:100vh}.brand-lockup{align-items:center;gap:.625rem;min-width:0;display:flex}.brand-lockup__mark{flex:none;width:28px;height:28px}.brand-lockup__name{color:hsl(var(--foreground));letter-spacing:0;font-size:1.125rem;font-weight:700;line-height:1.75rem}.home-page{background:hsl(var(--background));flex-direction:column;min-height:100vh;display:flex}.home-header{align-items:center;gap:.75rem;padding:2rem 2rem 0;display:flex}.home-header__spacer{flex:1}.theme-toggle{width:1.75rem;height:1.75rem;color:hsl(var(--muted-foreground));background:0 0;border:0;border-radius:.375rem;justify-content:center;align-items:center;padding:0;transition:background-color .16s,color .16s;display:flex}.theme-toggle:hover{background:hsl(var(--sidebar-accent));color:hsl(var(--foreground))}.theme-toggle svg{flex:none;width:15px;height:15px}.home-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.home-main__content{width:100%;max-width:42rem}.home-copy{text-align:center;margin-bottom:3rem}.home-copy h1{color:hsl(var(--foreground));letter-spacing:0;margin:0 0 1rem;font-size:2.25rem;font-weight:700;line-height:2.5rem}.home-copy p{color:hsl(var(--muted-foreground));margin:0;font-size:1.125rem;line-height:1.75rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:2.5rem;display:grid}.feature-card{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.75rem;padding:1rem}.feature-card__title{color:hsl(var(--foreground));margin-bottom:.25rem;font-size:.875rem;font-weight:600;line-height:1.25rem}.feature-card__description{color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1.625}.home-form{border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:var(--shadow-sm);border-radius:1rem;padding:1rem}.home-form__stack{gap:1rem;display:grid}.field-group{display:block}.field-group>span{color:hsl(var(--foreground));margin-bottom:.375rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:block}.field-group input,.field-group select,.sidebar-form input,.sidebar-form select{border:1px solid hsl(var(--input));background:hsl(var(--background));width:100%;color:hsl(var(--foreground));outline:none;transition:border-color .16s,box-shadow .16s,opacity .16s}.field-group input,.field-group select{border-radius:.5rem;height:2.5rem;padding:0 .75rem;font-size:.875rem}.field-group select,.sidebar-form select{cursor:pointer;appearance:none}.field-group input:focus,.field-group select:focus,.sidebar-form input:focus,.sidebar-form select:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .24)}.selected-file{color:hsl(var(--muted-foreground));margin:.375rem 0 0;font-size:.75rem;line-height:1rem}.selected-file span{font-family:var(--font-mono)}.primary-button,.secondary-button,.primary-button--link,.upload-trigger,.delete-button{font:inherit}.primary-button,.primary-button--link,.secondary-button{border:0;justify-content:center;align-items:center;text-decoration:none;transition:opacity .16s,background-color .16s,color .16s,box-shadow .16s;display:inline-flex}.primary-button,.primary-button--link{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.secondary-button{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.primary-button:hover,.primary-button--link:hover,.secondary-button:hover{opacity:.8}.primary-button:disabled,.secondary-button:disabled,.upload-trigger:disabled,.delete-button:disabled{cursor:not-allowed;opacity:.5}.home-form .primary-button{border-radius:.5rem;width:100%;height:2.5rem;font-size:.875rem;font-weight:600}.inline-feedback{margin:0;font-size:.875rem;line-height:1.25rem}.inline-feedback--error{color:hsl(var(--destructive));text-align:center}.state-screen{background:hsl(var(--background));justify-content:center;align-items:center;min-height:100vh;display:flex}.state-panel{text-align:center}.state-panel__title{color:hsl(var(--foreground));margin:0 0 .5rem;font-size:1rem;font-weight:600;line-height:1.5rem}.state-panel__text{color:hsl(var(--muted-foreground));margin:0 0 1rem;font-size:.875rem;line-height:1.25rem}.state-panel .secondary-button{border-radius:.375rem;min-height:1.75rem;padding:0 .75rem;font-size:.75rem;font-weight:500}.spinner{border:2px solid hsl(var(--primary));border-top-color:#0000;border-radius:999px;width:2rem;height:2rem;margin:0 auto .75rem;animation:.9s linear infinite spin}.room-page{background:hsl(var(--background));flex-direction:column;height:100vh;min-height:100vh;display:flex;overflow:hidden}.room-toolbar{border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));flex:none;align-items:center;gap:1rem;height:3rem;padding:0 1.25rem;display:flex}.room-toolbar__brand{color:inherit;flex:none;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .16s;display:flex}.room-toolbar__brand:hover{opacity:.8}.room-toolbar__divider{background:hsl(var(--border));width:1px;height:1rem}.room-toolbar__meta{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.room-toolbar__meta h1{min-width:0;color:hsl(var(--foreground));text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.875rem;font-weight:600;line-height:1.25rem;overflow:hidden}.room-toolbar__meta code{background:hsl(var(--muted));max-width:8rem;color:hsl(var(--muted-foreground));font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;line-height:1rem;overflow:hidden}.room-status{border-radius:999px;flex:none;width:.5rem;height:.5rem}.room-status--live{background:#22c55e}.room-status--connecting,.room-status--reconnecting,.room-status--offline,.room-status--error{background:#ef4444}.room-toolbar__actions{flex:none;align-items:center;gap:.5rem;display:flex}.room-toolbar__actions .primary-button,.room-toolbar__actions .primary-button--link,.room-toolbar__actions .secondary-button{border-radius:.375rem;height:1.75rem;padding:0 .75rem;font-size:.75rem;font-weight:500;line-height:1rem}.room-body{flex:1;min-height:0;display:flex;overflow:hidden}.editor-column{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.editor-column__meta{border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--muted-foreground));flex:none;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;display:flex}.editor-column__meta span{color:hsl(var(--foreground));font-family:var(--font-mono);font-weight:500}.editor-column__meta small{color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1rem}.editor-frame{background:#282c34;flex:1;min-height:0;overflow:hidden}.editor-instance,.editor-instance>.cm-theme,.editor-instance .cm-editor,.editor-instance .cm-scroller{height:100%;min-height:100%}.editor-instance .cm-editor{font-size:.875rem}.editor-instance .cm-ySelectionCaret,.editor-instance .cm-ySelectionCaretDot,.editor-instance .cm-ySelectionInfo{display:none}.editor-loading{justify-content:center;align-items:center;height:100%;display:flex}.editor-loading .spinner{border-color:hsl(var(--muted-foreground));border-top-color:#0000;width:1.25rem;height:1.25rem;margin:0}.room-sidebar{border-left:1px solid hsl(var(--border));background:hsl(var(--sidebar));flex-direction:column;flex:0 0 16rem;width:16rem;display:flex;overflow-y:auto}.sidebar-section{border-bottom:1px solid hsl(var(--border));padding:.75rem}.sidebar-section__heading{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.sidebar-section__heading span{color:hsl(var(--muted-foreground));letter-spacing:0;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1rem}.sidebar-section__heading small{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:999px;padding:.125rem .375rem;font-size:.75rem;line-height:1rem}.room-sidebar__stack{gap:.125rem;display:grid}.room-sidebar__stack--attachments{gap:.25rem;margin-top:.5rem}.sidebar-form{gap:.5rem;display:grid}.sidebar-form input,.sidebar-form select{border-radius:.375rem;height:2rem;padding:0 .5rem;font-size:.75rem;line-height:1rem}.sidebar-form input{font-family:var(--font-mono)}.sidebar-form .primary-button{border-radius:.375rem;width:100%;height:2rem;font-size:.75rem;font-weight:500;line-height:1rem}.upload-trigger{border:1px dashed hsl(var(--border));width:100%;color:hsl(var(--muted-foreground));text-align:center;background:0 0;border-radius:.5rem;padding:.75rem;font-size:.75rem;line-height:1rem;transition:border-color .16s,color .16s,opacity .16s}.upload-trigger:hover{border-color:hsl(var(--primary));color:hsl(var(--foreground))}.room-sidebar__hidden-input{display:none}.file-row{color:hsl(var(--sidebar-foreground));cursor:pointer;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.25rem;padding:.375rem .5rem;transition:background-color .16s,color .16s;display:flex}.file-row:hover{background:hsl(var(--sidebar-accent))}.file-row--active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.file-row--active:hover{background:hsl(var(--primary))}.file-row__name{flex:1;align-items:center;gap:.375rem;min-width:0;display:flex}.file-row__name span{min-width:0;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;overflow:hidden}.file-row__actions{flex:none;align-items:center;gap:.25rem;display:flex}.file-row__tag{color:hsl(var(--muted-foreground));border-radius:.25rem;padding:0 .25rem;font-size:.75rem;line-height:1rem}.file-row--active .file-row__tag{background:hsl(var(--primary-foreground) / .2);color:hsl(var(--primary-foreground))}.delete-button{width:1rem;height:1rem;color:hsl(var(--muted-foreground));opacity:0;background:0 0;border:0;border-radius:.25rem;justify-content:center;align-items:center;padding:0;font-size:.75rem;line-height:1rem;transition:background-color .16s,color .16s,opacity .16s;display:flex}.file-row:hover .delete-button,.attachment-row:hover .delete-button,.delete-button:focus-visible{opacity:1}.delete-button:hover{background:hsl(var(--destructive) / .2);color:hsl(var(--destructive))}.file-row--active .delete-button{color:hsl(var(--primary-foreground))}.file-row--active .delete-button:hover{color:hsl(var(--destructive))}.attachment-row{align-items:center;gap:.375rem;display:flex}.attachment-row__link{min-width:0;color:hsl(var(--primary));text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;line-height:1rem;text-decoration:none;overflow:hidden}.attachment-row__link:hover{text-underline-offset:2px;text-decoration:underline}.attachment-row__size{color:hsl(var(--muted-foreground));flex:none;font-size:.75rem;line-height:1rem}.presence-list{flex-wrap:wrap;gap:.375rem;display:flex}.presence-chip{border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex}.presence-chip span{border-radius:999px;width:.375rem;height:.375rem}.presence-chip--self{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.presence-chip--self span{background:#4ade80}.presence-chip--remote{border:1px solid hsl(var(--accent) / .3);background:hsl(var(--accent) / .2);color:hsl(var(--foreground))}.presence-chip--remote span{background:#fbbf24}.room-error{background:hsl(var(--card));box-shadow:var(--shadow-sm);border-radius:.5rem;padding:.5rem .75rem;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.home-header{padding:1rem 1rem 0}.home-main{padding:2rem 1rem}.home-copy{margin-bottom:2.5rem}.home-copy h1{font-size:2rem;line-height:2.25rem}.feature-grid{gap:.5rem}.feature-card{padding:.75rem}.home-form{padding:1.25rem}.room-toolbar__meta code{display:none}.room-toolbar{gap:.75rem;padding:0 .75rem}}