:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--radius:12px;--font:"Bricolage Grotesque", system-ui, sans-serif;--font-ui:"Bricolage Grotesque", system-ui, sans-serif}*{box-sizing:border-box}body,html{background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-green) 14%,transparent),transparent 42%),radial-gradient(circle at top right,color-mix(in srgb,var(--color-orange) 10%,transparent),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--color-deep-blue) 4%,var(--bg)) 0,var(--bg) 100%);min-height:100%;color:var(--ink);font-family:var(--font-ui);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}.shell{width:min(920px,100% - 2rem);margin:0 auto;padding:1.25rem 0 3rem}.topbar{justify-content:space-between;gap:1rem;margin-bottom:2rem;display:flex}.brand,.topbar{align-items:center}.brand{font-family:var(--font);color:var(--ink);gap:.65rem;font-size:1.5rem;font-weight:700;display:inline-flex}.brand,.brand:hover{text-decoration:none}.brand-mark{border-radius:50%;flex-shrink:0;width:2.25rem;height:2.25rem;display:block}.brand-name{letter-spacing:.02em;text-transform:uppercase;line-height:1}.brand-name-lead{color:var(--color-deep-blue)}.brand-name-tail{color:var(--color-orange)}.nav{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.panel{background:color-mix(in srgb,var(--surface) 92%,var(--color-off-white));border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.panel h1,.panel h2{font-family:var(--font);margin:0 0 .75rem}.stack{gap:.85rem;display:grid}label{color:var(--muted);gap:.35rem;font-size:.95rem;display:grid}input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;padding:.7rem .8rem}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.button{appearance:none;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;padding:.7rem 1.1rem}.button:disabled{opacity:.6;cursor:not-allowed}.button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.button.danger{background:var(--danger);color:var(--accent-ink)}.muted{color:var(--muted)}.alert{border-radius:8px;padding:.75rem .9rem}.alert.error{background:var(--danger-bg);color:var(--danger)}.alert.success{background:var(--ok-bg);color:var(--ok)}.locale-select{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.35rem .7rem}select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:.7rem .8rem}.field-hint{color:var(--muted);font-size:.85rem}.category-fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1rem 1rem}.category-fieldset legend{padding:0 .35rem;font-weight:600}.category-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem .75rem;margin-top:.5rem;display:grid}.category-option{color:var(--ink);align-items:center;gap:.45rem;font-size:.95rem;display:flex}.category-option input{width:auto}.item-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.invite-row,.item-list li{border-bottom:1px solid var(--line);gap:.25rem;padding:.75rem 0;display:grid}.invite-row:last-child,.item-list li:last-child{border-bottom:0}.item-link{color:inherit;gap:.2rem;display:grid}.item-link,.item-link:hover{text-decoration:none}.item-link:hover strong{color:var(--accent)}.chip-row{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:999px;padding:.15rem .55rem;font-size:.8rem;display:inline-block}.invite-row{grid-template-columns:1fr auto;align-items:center;gap:.75rem}code{word-break:break-all;font-size:.85em}.logo-preview{justify-content:center;align-items:center;min-width:96px;min-height:96px;margin:0;display:flex}.logo-preview img{-o-object-fit:contain;object-fit:contain;border:1px solid var(--line);background:var(--surface);border-radius:8px;max-width:min(160px,100%);max-height:160px;padding:.35rem}.group-hero{flex-wrap:wrap;align-items:flex-start;gap:1.25rem;display:flex}.group-hero-text{flex:220px;gap:.5rem;display:grid}.group-hero-text h1{font-family:var(--font);margin:0}.file-button{cursor:pointer;align-items:center;width:fit-content;margin:.35rem .5rem .35rem 0;display:inline-flex}.file-button input{display:none}.storage-meter{margin:1rem 0 .25rem}.meter{background:var(--line);border-radius:999px;height:.55rem;margin-top:.4rem;overflow:hidden}.meter-fill{background:var(--accent);height:100%}.media-row{grid-template-columns:1fr auto;align-items:center;gap:.75rem}.shared-file-list{gap:.15rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.social-links-edit-list{gap:.5rem;margin:.75rem 0;padding:0;list-style:none;display:grid}.social-links-edit-row{border-bottom:1px solid var(--line);grid-template-columns:7rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.45rem 0;display:grid}.social-links-edit-row:last-child{border-bottom:0}.social-links-edit-provider{font-weight:600}.social-links-edit-url{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-links-add{gap:.75rem;margin:.75rem 0 1rem;display:grid}@media (width>=640px){.social-links-add{grid-template-columns:10rem minmax(0,1fr) auto;align-items:end}}.shared-file-row{-moz-column-gap:1.25rem;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 5.5rem 2rem;align-items:center;column-gap:1.25rem;padding:.55rem 0;display:grid}.shared-file-row:last-child{border-bottom:0}.shared-file-name{appearance:none;text-align:left;color:var(--accent);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;margin:0;padding:0;font-weight:600;overflow:hidden}.shared-file-name:hover:not(:disabled){text-decoration:underline}.shared-file-name:disabled{opacity:.65;cursor:wait}.shared-file-size{font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:end}.icon-button,.shared-file-action-spacer{width:2rem;height:2rem}.icon-button{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--danger);background:var(--danger-bg)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tab-button{appearance:none;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;padding:.6rem .9rem}.tab-button.is-active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.page-preview-links{gap:.6rem;margin-bottom:1rem;display:flex}.page-builder-layout{gap:1.25rem;display:grid}.page-editor{gap:.75rem;display:grid}.editor-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;gap:.6rem;padding:.5rem;display:flex}.editor-toolbar-group{border-right:1px solid var(--line);gap:.25rem;padding-right:.6rem;display:flex}.editor-toolbar-group:last-child{border-right:0;padding-right:0}.toolbar-button{appearance:none;cursor:pointer;min-width:2rem;height:2rem;color:var(--ink);font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 .5rem;font-size:.9rem}.toolbar-button:hover:not(:disabled){background:var(--bg)}.toolbar-button.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--color-off-white))}.toolbar-button:disabled{opacity:.4;cursor:not-allowed}.toolbar-popover-anchor{display:inline-flex;position:relative}.style-panel{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:280px;max-height:70vh;box-shadow:0 8px 24px var(--shadow);gap:.9rem;padding:.9rem;display:grid;position:absolute;top:calc(100% + .4rem);left:0;overflow-y:auto}.style-panel-header{justify-content:space-between;align-items:center;display:flex}.style-panel-header h4{margin:0;font-size:.95rem}.style-section{border-top:1px solid var(--line);gap:.5rem;padding-top:.6rem;display:grid}.style-section:first-of-type{border-top:none;padding-top:0}.style-section h5{text-transform:uppercase;letter-spacing:.02em;opacity:.65;margin:0;font-size:.8rem;font-weight:600}.style-align-row{gap:.35rem;display:flex}.style-row{gap:.4rem;display:grid}.style-toggle{font-size:.9rem}.style-inline-input,.style-toggle{align-items:center;gap:.4rem;display:flex}.style-input-unit{opacity:.7;font-size:.85rem}.number-input{border:1px solid var(--line);border-radius:6px;width:4.5rem;padding:.35rem .5rem;font-size:.9rem}.page-surface{--page-border:color-mix(in srgb, var(--page-text,var(--ink)) 30%, var(--page-bg,var(--surface)));background:var(--page-bg,var(--surface));color:var(--page-text,var(--ink));font-family:var(--page-font-body,var(--font-ui));text-align:var(--page-text-align,left);border:1px solid var(--line);border-radius:var(--radius);min-height:200px;padding:1.5rem}.page-editor-surface .ProseMirror{outline:none;min-height:320px}.page-surface h1,.page-surface h2,.page-surface h3{color:var(--page-heading,var(--ink));font-family:var(--page-font-heading,var(--font))}.page-surface a{color:var(--page-link,var(--accent))}.page-surface blockquote{border-left:3px solid var(--page-accent,var(--accent));opacity:.9;margin:.75em 0;padding:.1em 0 .1em 1em}.page-surface hr{border:0;border-top:1px solid var(--page-border);margin:1.5em 0}.page-surface .tableWrapper{max-width:100%;margin:.75em 0;overflow-x:auto}.page-surface .page-social-links{margin:.75em 0}.page-surface .page-social-links-bar{box-sizing:border-box;border-width:var(--social-border-width,0);border-style:solid;border-color:var(--social-border-color,var(--page-border));flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;padding:.45em .55em;display:flex;overflow:hidden}.page-surface .page-social-links[data-align=center] .page-social-links-bar{justify-content:center}.page-surface .page-social-links[data-align=right] .page-social-links-bar{justify-content:flex-end}.page-surface .page-social-links[data-align=justify] .page-social-links-bar{justify-content:space-between}.page-surface .page-social-links[data-borders=false] .page-social-links-bar{border-width:0;padding:0}.page-editor-surface .page-social-links[data-borders=false] .page-social-links-bar{border-style:dashed;border-width:1px;border-color:color-mix(in srgb,var(--page-text,var(--ink)) 25%,transparent);padding:.45em .55em}.page-surface .page-social-links-item{width:2.5rem;height:2.5rem;color:var(--page-link,var(--page-accent,inherit));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.page-surface .page-social-links-item svg{display:block}.page-surface .page-social-links-item:hover{background:color-mix(in srgb,var(--page-link,var(--page-accent,currentColor)) 12%,transparent)}.page-surface .page-social-links-empty{border:1px dashed color-mix(in srgb,var(--page-text,var(--ink)) 25%,transparent);color:color-mix(in srgb,var(--page-text,var(--ink)) 65%,transparent);margin:0;padding:.65em .85em;font-size:.95em}.page-surface table{border-collapse:collapse;table-layout:fixed;max-width:100%;color:var(--table-text-color,inherit);width:100%!important;min-width:0!important}.page-surface td,.page-surface th{border-width:var(--table-border-width,1px);border-style:solid;border-color:var(--table-border-color,var(--page-border));text-align:inherit;vertical-align:top;word-wrap:break-word;padding:.4em .6em;position:relative}.page-surface th{font-weight:600}.page-editor-surface table[data-borders=false] td,.page-editor-surface table[data-borders=false] th{border-style:dashed;border-width:1px;border-color:color-mix(in srgb,var(--page-text,var(--ink)) 25%,transparent)}.page-surface table[data-cell-bg=true] td,.page-surface table[data-cell-bg=true] th{background:var(--table-bg-color,color-mix(in srgb,var(--page-text,var(--ink)) 6%,transparent))}.page-surface .selectedCell:after{content:"";background:color-mix(in srgb,var(--page-accent,var(--accent)) 20%,transparent);pointer-events:none;position:absolute;inset:0}.page-surface .page-columns-container{margin:.75em 0;container:page-columns/inline-size}.page-surface .page-columns{box-sizing:border-box;border-width:var(--columns-border-width,0);border-style:solid;border-color:var(--columns-border-color,var(--page-border));align-items:stretch;gap:1.5rem;padding:.6em;display:flex}.page-editor-surface .page-columns[data-borders=false]{border-style:dashed;border-width:1px;border-color:color-mix(in srgb,var(--page-text,var(--ink)) 25%,transparent)}.page-surface .page-column{box-sizing:border-box;min-width:0;padding:0 .75rem;position:relative}.page-surface .page-column:first-child{padding-left:0}.page-surface .page-column:last-child{padding-right:0}.page-surface .page-column>.page-column-content>:first-child,.page-surface .page-column>:first-child{margin-top:0}.page-surface .page-column-divider{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:5;justify-content:center;align-items:center;width:1.5rem;display:flex;position:absolute;top:0;bottom:0;right:-.75rem}.page-render .page-column-divider{display:none}.page-surface .page-column-divider:before{content:"";background:color-mix(in srgb,var(--page-text,var(--ink)) 30%,transparent);opacity:0;border-radius:2px;width:2px;height:70%;transition:opacity .15s,background-color .15s}.page-editor-surface .page-column-divider:before{opacity:.45}.page-surface .page-column-divider.is-dragging:before,.page-surface .page-column-divider:hover:before{opacity:1;background:var(--page-accent,var(--accent))}@container page-columns (width<=550px){.page-columns{flex-direction:column;gap:.9em}.page-column{flex-basis:auto!important;width:100%!important;padding:0!important}.page-column-divider{display:none!important}}.page-render{min-height:240px}.page-standalone-canvas{background:var(--page-bg,var(--surface));min-height:100vh;color:var(--page-text,var(--ink))}.page-standalone-frame{max-width:900px;margin:0 auto}.page-render-bare{background:0 0;border:none;border-radius:0}.publish-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.theme-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:0}.theme-panel-summary{cursor:pointer;font-family:var(--font);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:600;list-style:none;display:flex}.theme-panel-summary::-webkit-details-marker{display:none}.theme-panel-summary:before{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex-shrink:0;width:.45rem;height:.45rem;transition:transform .15s;transform:rotate(-45deg)}.theme-panel[open]>.theme-panel-summary:before{transform:rotate(45deg)}.theme-panel-body{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem 1.25rem;padding:1rem;display:grid}.theme-panel-section h3{margin:0 0 .5rem;font-size:.95rem}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;display:grid}.preset-swatch{border:2px solid var(--line);cursor:pointer;text-align:left;border-radius:8px;padding:.5rem;font-size:.8rem}.preset-swatch.is-active{outline:2px solid var(--accent);outline-offset:1px}.color-field{gap:.25rem;margin-bottom:.6rem;display:grid}.color-field-inputs{align-items:center;gap:.4rem;display:flex}.color-field-inputs input[type=color]{flex-shrink:0;width:2.4rem;height:2.1rem;padding:.15rem}.color-text-input{flex:1;font-size:.85rem}.color-text-input.is-invalid{border-color:var(--danger)}.modal-overlay{background:var(--overlay);z-index:50;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface);border-radius:var(--radius);width:min(560px,100%);max-height:80vh;padding:1.25rem;overflow-y:auto}.media-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;margin-top:.75rem;display:grid}.media-picker-item{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:100px;padding:.4rem;display:flex;overflow:hidden}.media-picker-item img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.media-picker-file-name{text-align:center;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.page-surface .page-audio-block,.page-surface .page-image-block,.page-surface .page-video-block{min-width:0;max-width:100%;margin:.75em 0}.page-surface .page-image-block-img,.page-surface img{max-width:100%;height:auto;display:block}.page-surface .page-video-block-player,.page-surface video{background:var(--color-black);width:100%;max-width:100%;height:auto;display:block}.page-surface .page-audio-block-name{margin:0 0 .4rem;font-size:.9rem}.page-surface .page-audio-block-player,.page-surface audio{width:100%;max-width:100%;display:block}.page-surface .page-file-block{max-width:100%;margin:.75em 0;display:block}.page-surface .page-file-card{border:1px solid color-mix(in srgb,var(--page-text,var(--ink)) 18%,transparent);background:var(--page-surface,var(--surface));color:inherit;border-radius:8px;align-items:center;gap:.5em;max-width:100%;padding:.5em .85em;text-decoration:none;display:inline-flex}.page-surface .page-file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.page-surface .page-file-size{opacity:.65;flex-shrink:0;font-size:.85em}.page-surface .page-column,.page-surface td,.page-surface th{overflow-wrap:anywhere}.page-public-status{text-align:center;max-width:40rem;margin:2rem auto;padding:1rem 1.25rem}.style-poster-preview{border:1px solid var(--line);border-radius:6px;max-width:160px;margin-bottom:.5rem;overflow:hidden}.style-poster-preview img{width:100%;height:auto;display:block}