@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/fonts/archivo-latin-wght-normal.woff2?v=1) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/fonts/archivo-latin-ext-wght-normal.woff2?v=1) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--peach: #ffddb4;--peach-2: color-mix(in srgb, var(--peach) 55%, white);--peach-3: color-mix(in srgb, var(--peach) 28%, white);--peach-deep: color-mix(in srgb, var(--peach) 88%, black);--black: #000;--teal: #1d8a70;--teal-soft: #dff1ea;--red: #d42a3c;--red-soft: #fde9eb;--blue: #1032cf;--blue-soft: #e7ebfd;--amber: #a15c00;--bg: #ffffff;--bg-2: #f4f4f4;--surface: #ffffff;--surface-2: #f4f4f4;--surface-3: #eaeaea;--border: #d6d6d6;--border-soft: #e7e7e7;--text: #000000;--text-2: #1f1f1f;--muted: #5c5c5c;--faint: #8c8c8c;--header-bg: var(--peach);--header-fg: #000;--band-bg: #000;--band-fg: #fff;--band-accent: var(--peach);--btn-bg: #000;--btn-fg: var(--peach);--btn-hover: #1f1f1f;--ring: rgba(245, 170, 90, .45);--overlay: rgba(0, 0, 0, .55);--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-xl: 24px;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .22);--container: 1296px;--gutter: 40px;color-scheme:light only}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-width:1100px;font-family:var(--font);font-size:15.5px;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.08}h1{font-size:clamp(34px,4.4vw,56px)}h2{font-size:22px;letter-spacing:-.015em}h3{font-size:17px;font-weight:700}p{margin:0}code,.mono{font-family:var(--mono);font-size:.9em}hr{border:0;border-top:1px solid var(--border);margin:24px 0}::selection{background:var(--peach);color:#000}:focus-visible{outline:3px solid var(--peach-deep);outline-offset:2px}.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.i-sm{width:15px;height:15px}.i-lg{width:24px;height:24px}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13.5px}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.row{display:flex;align-items:center;gap:12px}.row-wrap{flex-wrap:wrap}.spacer{flex:1}.stack{display:grid;gap:18px}.stack-sm{display:grid;gap:8px}.plain{text-decoration:none}.plain:hover{text-decoration:underline}[hidden]{display:none!important}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter)}.site-header{background:var(--header-bg);color:var(--header-fg);position:sticky;top:0;z-index:40}.site-header .container{display:flex;align-items:center;gap:44px;height:96px;transition:height .2s}.logo{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:inherit;flex:none}.logo-badge{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#000;color:var(--peach);font-weight:800;font-size:15px;line-height:.92;letter-spacing:-.01em;text-transform:uppercase;text-align:center}.logo-badge-sm{width:44px;height:44px;font-size:9.5px}.main-nav{display:flex;align-items:center;gap:34px}.main-nav a{text-decoration:none;font-size:16px;font-weight:450;padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}.main-nav a:hover{border-bottom-color:currentColor}.main-nav a.active{font-weight:700;border-bottom-color:currentColor}.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.user-pill{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 6px;border:1.5px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:15px;cursor:pointer}.user-pill .avatar{width:36px;height:36px}.user-pill:hover{background:#0000000f}.band{background:var(--band-bg);color:var(--band-fg);padding:72px 0 64px}.band-sm{padding:48px 0 44px}.band .container{display:flex;gap:48px;align-items:flex-end;flex-wrap:wrap}.band .band-text{flex:1 1 520px;min-width:0}.eyebrow{display:inline-block;color:var(--band-accent);font-weight:700;font-size:14.5px;letter-spacing:.01em;text-transform:uppercase;margin-bottom:18px}.band h1{color:#fff}.band .lede{font-size:18px;line-height:1.45;margin-top:18px;max-width:680px;color:#ffffffdb}.band .lede-accent{color:var(--band-accent);font-weight:500}.band a:not(.btn){color:var(--band-accent)}.band .crumbs{color:#ffffffa6;margin-bottom:18px}.band .crumbs a{color:#fffc}.band-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.band-stats{display:flex;gap:56px;flex-wrap:wrap;margin-top:40px}.band-stat .v{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--band-accent);font-variant-numeric:tabular-nums}.band-stat .k{color:#fff;font-size:15px;margin-top:10px;font-weight:500}.crumbs{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs .i{width:14px;height:14px;opacity:.6}.section{padding:44px 0 80px;flex:1}.btn{--b-bg: transparent;--b-fg: var(--text);--b-bd: var(--text);display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 26px;border-radius:999px;font:inherit;font-size:15.5px;font-weight:500;white-space:nowrap;text-decoration:none;color:var(--b-fg);background:var(--b-bg);border:1.5px solid var(--b-bd);cursor:pointer;user-select:none;transition:background .15s,color .15s,border-color .15s,transform .06s}.btn:hover{text-decoration:none;background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn.disabled{opacity:.45;pointer-events:none}.btn .i{width:17px;height:17px}.btn-primary{--b-bg: var(--btn-bg);--b-fg: var(--btn-fg);--b-bd: var(--btn-bg)}.btn-primary:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.btn-peach{--b-bg: var(--peach);--b-fg: #000;--b-bd: var(--peach)}.btn-peach:hover{background:var(--peach-deep);border-color:var(--peach-deep)}.btn-white{--b-bg: #fff;--b-fg: #000;--b-bd: #fff}.btn-white:hover{background:var(--peach);border-color:var(--peach)}.btn-outline-light{--b-fg: #fff;--b-bd: rgba(255, 255, 255, .7)}.btn-outline-light:hover{background:#ffffff1a}.btn-ghost{--b-bd: transparent}.btn-danger{--b-fg: var(--red);--b-bd: var(--red)}.btn-danger:hover{background:var(--red-soft)}.btn-danger-solid{--b-bg: var(--red);--b-fg: #fff;--b-bd: var(--red)}.btn-danger-solid:hover{background:#b51f30;border-color:#b51f30}.btn-sm{height:38px;padding:0 18px;font-size:14px;gap:7px}.btn-xs{height:32px;padding:0 13px;font-size:13px;gap:6px;border-width:1px}.btn-lg{height:56px;padding:0 36px;font-size:16.5px}.btn-block{width:100%}.btn .arrow{transition:transform .15s}.btn:hover .arrow{transform:translate(3px)}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;flex:none;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;text-decoration:none}.icon-btn:hover{background:var(--surface-3)}.icon-btn-sm{width:32px;height:32px}.btn-ms{--b-bg: var(--surface);--b-fg: var(--text);--b-bd: var(--border);height:56px;gap:12px}.btn-ms:hover{border-color:var(--text);background:var(--surface)}.btn-ms svg{width:20px;height:20px}.field{display:grid;gap:8px}.field>label,.label{font-weight:700;font-size:14.5px}.hint{font-size:13.5px;color:var(--muted)}.input,.select,.textarea{width:100%;height:50px;padding:0 16px;font:inherit;font-size:15.5px;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.textarea{height:auto;min-height:96px;padding:13px 16px;resize:vertical;line-height:1.5}.select{appearance:none;padding-right:42px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.input:hover,.select:hover,.textarea:hover{border-color:var(--faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 4px var(--ring)}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input-pill{border-radius:999px;padding:0 20px}.form-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.check{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;font-size:14.5px}.check input{width:18px;height:18px;accent-color:#000}.search{position:relative;width:340px;max-width:100%}.search .i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}.search .input{padding-left:46px;border-radius:999px;height:48px}.search kbd{position:absolute;right:14px;top:50%;transform:translateY(-50%)}kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;font:12px var(--font);font-weight:700;color:var(--faint);border:1px solid var(--border);border-radius:6px;background:var(--surface-2)}.link-pill{display:flex;align-items:center;background:#fff;border-radius:999px;padding:5px 5px 5px 22px;gap:10px;min-width:0;max-width:560px;width:100%}.link-pill input{flex:1;min-width:0;border:0;background:transparent;font:14px var(--mono);color:#000;height:38px}.link-pill input:focus{outline:none}.link-pill .btn{flex:none}.copy-field{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:999px;padding:5px 5px 5px 20px;gap:10px;background:var(--surface)}.copy-field input{flex:1;min-width:0;border:0;background:transparent;font:14px var(--mono);color:var(--text);height:38px}.copy-field input:focus{outline:none}.choices{display:grid;gap:12px}.choices-2{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}.choice-body{display:grid;gap:6px;height:100%;padding:16px 18px;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .15s,background .15s}.choice-body strong{display:flex;align-items:center;gap:9px;font-size:15.5px;font-weight:700}.choice-body span{font-size:13.5px;color:var(--muted);line-height:1.4}.choice:hover .choice-body{border-color:var(--text)}.choice input:checked+.choice-body{border-color:#000;background:var(--peach);color:#000}.choice input:checked+.choice-body span{color:#3a3a3a}.choice input:focus-visible+.choice-body{outline:3px solid var(--peach-deep);outline-offset:2px}.choice input:disabled+.choice-body{opacity:.45;cursor:not-allowed}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl)}.card+.card{margin-top:24px}.card-head{display:flex;align-items:center;gap:14px;padding:22px 26px;border-bottom:1.5px solid var(--border-soft);flex-wrap:wrap}.card-head h2{flex:1;font-size:20px;display:flex;align-items:center;gap:10px;min-width:0}.card-body{padding:24px 26px}.card-foot{padding:18px 26px;border-top:1.5px solid var(--border-soft)}.card-dark{background:#000;color:#fff;border-color:#000}.card-dark h2,.card-dark h3{color:var(--peach)}.danger-zone{border-color:color-mix(in srgb,var(--red) 45%,var(--border))}.danger-zone .card-head h2{color:var(--red)}.grid-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}.grid-2>div>.card+.card{margin-top:24px}.grid-2>.card+.card{margin-top:0}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{background:#000;color:#fff;border-radius:var(--radius-xl);padding:30px}.feature-card h3{color:var(--peach);font-size:19px;margin-bottom:14px}.feature-card p{color:#ffffffd9}.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap;background:var(--surface-3);color:var(--text-2)}.pill .i{width:13px;height:13px;stroke-width:2.4}.pill-peach,.pill-admin{background:var(--peach);color:#000}.pill-public{background:#000;color:var(--peach)}.pill-teal,.pill-editor,.pill-start{background:var(--teal-soft);color:var(--teal)}.pill-azure{background:var(--blue-soft);color:var(--blue)}.pill-disabled{background:var(--red-soft);color:var(--red)}.pill-outline{background:transparent;border:1.5px solid currentColor}.band .pill-outline{color:var(--peach)}.avatar{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;font-size:13.5px;font-weight:800;letter-spacing:.01em}.av-0{background:var(--peach);color:#000}.av-1{background:#000;color:var(--peach)}.av-2{background:var(--teal-soft);color:var(--teal)}.av-3{background:var(--surface-3);color:var(--text)}.avatar-sm{width:30px;height:30px;font-size:11px}.avatar-lg{width:84px;height:84px;font-size:26px}.avatar-sq{border-radius:12px}.toolbar{display:flex;align-items:center;gap:16px;margin-bottom:30px;flex-wrap:wrap}.tabs{display:flex;gap:30px;border-bottom:1.5px solid var(--border)}.tabs a{display:inline-flex;align-items:center;gap:8px;padding:14px 0;margin-bottom:-1.5px;text-decoration:none;font-size:16px;font-weight:500;color:var(--muted);border-bottom:3px solid transparent}.tabs a:hover{color:var(--text)}.tabs a.active{color:var(--text);font-weight:700;border-bottom-color:var(--text)}.tabs a .n{font-size:12.5px;font-weight:700;background:var(--surface-3);color:var(--text);border-radius:999px;padding:1px 8px}.tabs a.active .n{background:#000;color:var(--peach)}.tabs-bar{border-bottom:1.5px solid var(--border);background:var(--bg);position:sticky;top:96px;z-index:20}.tabs-bar .tabs{border:0}.view-toggle{display:inline-flex;border:1.5px solid var(--border);border-radius:999px;padding:3px}.view-toggle button{display:grid;place-items:center;width:38px;height:36px;border:0;border-radius:999px;background:none;color:var(--faint);cursor:pointer}.view-toggle button.active{background:#000;color:var(--peach)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px}.project-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface);border:1.5px solid var(--border);transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.cover{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden}.cover-0{background:var(--peach)}.cover-1{background:#000}.cover-2{background:#cfe9e0}.cover-3{background:#e9e9e9}.cover .sheet{position:absolute;inset:20% 14% -12%;background:#fff;border-radius:14px 14px 0 0;border:1.5px solid #000;padding:26px 18px 0;display:grid;gap:8px;align-content:start;transition:transform .35s cubic-bezier(.2,.7,.3,1)}.cover-1 .sheet{border-color:#fff}.cover .sheet:before{content:"";position:absolute;top:10px;left:14px;width:34px;height:7px;background:radial-gradient(circle,#000 2.6px,transparent 3.1px) 0 0 / 11px 7px repeat-x}.cover .sheet i{display:block;height:7px;border-radius:4px;background:#e6e6e6}.cover .sheet i:nth-child(1){width:62%;height:12px;background:#000}.cover .sheet i:nth-child(2){width:92%}.cover .sheet i:nth-child(3){width:78%}.cover .sheet i:nth-child(4){width:42%;height:18px;border-radius:999px;background:var(--peach);margin-top:4px}.cover-0 .sheet i:nth-child(4){background:#000}.project-card:hover .cover .sheet{transform:translateY(-8px)}.cover .badge{position:absolute;top:14px;left:14px;z-index:2}.cover .badge .pill{background:#fff;color:#000}.cover-1 .badge .pill{background:var(--peach)}.project-body{padding:20px 22px 14px;display:grid;gap:8px;flex:1}.project-title{font-weight:800;font-size:19px;letter-spacing:-.015em;text-decoration:none;line-height:1.2}.project-title:hover{text-decoration:underline}.project-title:after{content:"";position:absolute;inset:0;z-index:1}.project-desc{color:var(--muted);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta{display:flex;align-items:center;gap:10px;padding:14px 22px 18px;font-size:13.5px;color:var(--muted)}.project-meta .owner{flex:1;min-width:0}.project-updated{font-size:13px;color:var(--faint)}.project-actions{position:relative;z-index:2;display:flex;gap:2px;margin-left:auto}.project-grid.list{grid-template-columns:1fr;gap:0;border:1.5px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.project-grid.list .project-card{flex-direction:row;align-items:center;border:0;border-radius:0;border-bottom:1.5px solid var(--border-soft)}.project-grid.list .project-card:last-child{border-bottom:0}.project-grid.list .project-card:hover{transform:none;box-shadow:none;background:var(--surface-2)}.project-grid.list .cover{width:76px;aspect-ratio:1;border-radius:14px;margin:14px 0 14px 18px;flex:none}.project-grid.list .cover .sheet{left:18%;right:18%;top:26%;padding:14px 6px 0;gap:4px;border-radius:6px 6px 0 0}.project-grid.list .cover .sheet:before,.project-grid.list .cover .badge{display:none}.project-grid.list .cover .sheet i{height:4px}.project-grid.list .cover .sheet i:nth-child(1){height:6px}.project-grid.list .cover .sheet i:nth-child(4){height:8px}.project-grid.list .project-body{padding:14px 18px;gap:4px}.project-grid.list .project-desc{-webkit-line-clamp:1}.project-grid.list .project-meta{padding:0 20px;flex:none}.files-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.path-crumbs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:17px;font-weight:700}.path-crumbs a{text-decoration:none;padding:4px 8px;border-radius:8px;color:var(--muted);font-weight:500}.path-crumbs a:hover{background:var(--surface-2);color:var(--text)}.path-crumbs span.cur{padding:4px 8px}.path-crumbs .i{width:16px;height:16px;color:var(--faint)}.file-table{width:100%;border-collapse:separate;border-spacing:0}.file-table th{text-align:left;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:12px 18px;border-bottom:1.5px solid var(--border);background:var(--surface-2)}.file-table th:first-child{border-top-left-radius:calc(var(--radius-xl) - 2px)}.file-table th:last-child{border-top-right-radius:calc(var(--radius-xl) - 2px)}.file-table td{padding:10px 18px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.file-table tr:last-child td{border-bottom:0}.file-table tbody tr:hover{background:var(--peach-3)}.file-name{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;font-weight:600}.file-name:hover .fn{text-decoration:underline}.ficon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;background:var(--surface-3);color:var(--text)}.ficon .i{width:18px;height:18px}.ficon-dir{background:var(--peach);color:#000}.ficon-html{background:#000;color:var(--peach)}.ficon-image{background:var(--teal-soft);color:var(--teal)}.ficon-css,.ficon-code{background:var(--blue-soft);color:var(--blue)}.file-actions{display:flex;justify-content:flex-end;align-items:center;gap:4px;white-space:nowrap}.file-table .col-size,.file-table .col-date{color:var(--muted);font-size:14px;white-space:nowrap}.thumb{width:38px;height:38px;border-radius:11px;object-fit:cover;background:var(--surface-3);flex:none;border:1px solid var(--border-soft)}.dropzone{position:relative;display:grid;place-items:center;gap:12px;text-align:center;padding:38px 24px;border:2px dashed var(--faint);border-radius:var(--radius-xl);background:var(--peach-3);transition:border-color .15s,background .15s}.dropzone.drag{border-color:#000;background:var(--peach);color:#000}.dropzone.drag .hint{color:#333}.dz-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#000;color:var(--peach)}.dz-icon .i{width:26px;height:26px}.dropzone strong{font-size:19px;font-weight:800;letter-spacing:-.01em}.dropzone .hint{max-width:520px}.dz-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.dropzone-compact{padding:22px 26px;grid-template-columns:auto 1fr auto;text-align:left;gap:20px;justify-items:start}.dropzone-compact .dz-buttons{justify-self:end;margin:0}.dropzone-compact .dz-icon{width:48px;height:48px}.dropzone-compact strong{font-size:17px}.queue{border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.queue-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--surface-2)}.queue-list{max-height:210px;overflow:auto}.queue-item{display:flex;align-items:center;gap:10px;padding:8px 18px;border-top:1px solid var(--border-soft);font-size:14px}.queue-item .p{flex:1;min-width:0}.progress{height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden}.progress>span{display:block;height:100%;width:0;background:#000;border-radius:inherit;transition:width .15s}.page-overlay-drop{position:fixed;inset:0;z-index:90;background:#ffddb4eb;display:grid;place-items:center;pointer-events:none}.page-overlay-drop div{text-align:center;color:#000}.page-overlay-drop strong{display:block;font-size:40px;font-weight:800;letter-spacing:-.02em}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{text-align:left;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:14px 22px;border-bottom:1.5px solid var(--border);white-space:nowrap}.table td{padding:14px 22px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--peach-3)}.table tr.is-disabled td{opacity:.5}.table .actions{text-align:right;white-space:nowrap}.person{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}.person .who{min-width:0;line-height:1.3}.person .who strong{display:block;font-weight:700}.person .who span{display:block;color:var(--muted);font-size:13.5px}a.person:hover strong{text-decoration:underline}.list-rows{display:grid;grid-template-columns:minmax(0,1fr)}.list-rows>*{min-width:0}.list-row{display:flex;align-items:center;gap:14px;padding:14px 26px;border-bottom:1px solid var(--border-soft)}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0}.list-row>.nowrap,.list-row>.pill,.list-row>form,.list-row>.btn,.list-row>.icon-btn{flex:none}.timeline{display:grid;grid-template-columns:minmax(0,1fr)}.timeline .ev .body{overflow-wrap:anywhere}.list-empty{padding:34px 26px;text-align:center;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat{padding:20px 22px;border-radius:var(--radius-lg);background:var(--surface-2);text-decoration:none}.stat .v{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.stat .k{font-size:14px;color:var(--muted);margin-top:8px;font-weight:500}a.stat:hover{background:var(--peach);color:#000}a.stat:hover .k{color:#333}dialog.modal{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:var(--radius-xl);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);overflow:auto}dialog.modal-lg{width:min(760px,calc(100vw - 32px))}dialog.modal[open]{animation:pop .22s cubic-bezier(.2,.8,.3,1)}dialog.modal::backdrop{background:var(--overlay);animation:fade .2s}.modal-head{display:flex;align-items:flex-start;gap:14px;padding:30px 32px 0}.modal-head h2{font-size:28px;flex:1}.modal-head p{color:var(--muted);margin-top:8px}.modal-body{padding:24px 32px;display:grid;gap:20px}.modal-foot{display:flex;gap:12px;justify-content:flex-end;padding:18px 32px 24px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--surface);border-top:1.5px solid var(--border-soft);z-index:2}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes fade{0%{opacity:0}}.menu{position:relative}.menu>summary{list-style:none;cursor:pointer}.menu>summary::-webkit-details-marker{display:none}.menu-list{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:230px;padding:8px;background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop .14s ease}.menu-list .menu-head{padding:10px 12px 12px;border-bottom:1px solid var(--border-soft);margin-bottom:6px}.menu-list .menu-head strong{display:block}.menu-list .menu-head span{font-size:13px;color:var(--muted)}.menu-list a,.menu-list button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;background:none;border-radius:10px;font:inherit;font-size:14.5px;color:inherit;text-align:left;text-decoration:none;cursor:pointer}.menu-list a:hover,.menu-list button:hover{background:var(--peach-3)}.menu-list .danger{color:var(--red)}.menu-list .danger:hover{background:var(--red-soft)}.menu-list hr{margin:6px 0}.menu-list form{margin:0}.picker-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:70;padding:8px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:320px;overflow:auto}.picker-results button{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border:0;background:none;border-radius:10px;font:inherit;text-align:left;color:var(--text);cursor:pointer}.picker-results button:hover,.picker-results button.active{background:var(--peach-3)}.picker-results .who{line-height:1.3;min-width:0}.picker-results .who span{display:block;font-size:13px;color:var(--muted)}.picker-results .none{padding:14px;color:var(--muted);text-align:center}.toasts{position:fixed;right:24px;bottom:24px;z-index:1000;display:grid;gap:10px;width:min(420px,calc(100vw - 48px))}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:var(--radius-lg);background:#000;color:#fff;box-shadow:var(--shadow-lg);font-weight:500;animation:slide-in .25s cubic-bezier(.2,.8,.3,1)}.toast .i{margin-top:2px;color:var(--peach)}.toast-error{background:var(--red)!important;color:#fff!important}.toast-error .i{color:#fff!important}.toast .msg{flex:1}.toast button{border:0;background:none;color:inherit;opacity:.6;cursor:pointer;padding:0}.toast.out{animation:slide-out .2s ease forwards}@keyframes slide-in{0%{opacity:0;transform:translateY(12px)}}@keyframes slide-out{to{opacity:0;transform:translateY(8px)}}.empty{display:grid;justify-items:center;gap:14px;text-align:center;padding:72px 24px;border-radius:var(--radius-xl);background:var(--surface-2)}.empty .art{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:var(--peach);color:#000;margin-bottom:8px}.empty .art .i{width:40px;height:40px;stroke-width:1.8}.empty h2{font-size:28px}.empty p{color:var(--muted);max-width:480px;font-size:16px}.alert{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:var(--radius);font-size:14.5px}.alert-error{background:var(--red-soft);color:var(--red)}.alert-info{background:var(--blue-soft);color:var(--blue)}.alert-warn{background:var(--peach-2);color:var(--amber)}.alert .i{margin-top:2px}.secret-box{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);background:var(--peach);color:#000;margin-bottom:24px;flex-wrap:wrap}.secret-box code{font-size:15px;font-weight:700;background:#fff;padding:3px 10px;border-radius:8px}.callout{display:flex;align-items:center;gap:18px;padding:22px 26px;border-radius:var(--radius-xl);background:var(--peach);color:#000;margin-bottom:28px;flex-wrap:wrap}.callout h3{font-size:20px}.callout .copy-field{background:#fff;border-color:#000;flex:1;min-width:260px}.callout .copy-field input{color:#000}.auth-page{flex:1;display:flex;flex-direction:column}.auth-hero{flex:1;background:#000;color:#fff;display:flex;align-items:center;padding:64px 0}.auth-hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.auth-hero h1{color:#fff;font-size:clamp(40px,5vw,64px)}.auth-hero .lede{font-size:18.5px;margin-top:22px;color:#ffffffdb;max-width:560px}.auth-hero .lede-accent{color:var(--peach);margin-top:18px;font-weight:500;font-size:18.5px;max-width:560px}.auth-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.auth-points span{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;background:var(--peach);color:#000;font-weight:600;font-size:14.5px}.auth-points span:nth-child(2){background:#fff}.auth-card{background:var(--surface);color:var(--text);border-radius:var(--radius-xl);padding:40px;display:grid;gap:22px;box-shadow:var(--shadow-lg)}.auth-card h2{font-size:32px}.mfa-qr{justify-self:center;width:200px;padding:10px;background:#fff;border-radius:var(--radius-lg);border:1.5px solid var(--border)}.mfa-qr svg{display:block;width:100%;height:auto}.mfa-code{font-family:var(--mono);font-size:20px;letter-spacing:.15em}.mfa-codes{margin:0;padding:18px 22px 18px 44px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 32px;background:var(--surface-2);border-radius:var(--radius-lg);font-size:15px}.mfa-card{max-width:560px}.divider{display:flex;align-items:center;gap:14px;color:var(--faint);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.divider:before,.divider:after{content:"";flex:1;height:1.5px;background:var(--border)}.site-footer{background:#000;color:#ffffffb3;padding:28px 0;font-size:14px}.site-footer .container{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.site-footer strong{color:var(--peach)}.viewer{display:flex;flex-direction:column;height:100vh}.viewer-bar{display:flex;align-items:center;gap:14px;height:72px;padding:0 20px;background:var(--header-bg);color:var(--header-fg);flex:none;z-index:5}.viewer-bar .title{min-width:0;line-height:1.2}.viewer-bar .title strong{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em}.viewer-bar .title span{font-size:13px;opacity:.75}.viewer-bar .btn{--b-fg: currentColor;--b-bd: currentColor}.viewer-bar .btn-primary{--b-bg: #000;--b-fg: var(--peach);--b-bd: #000}.viewer-bar .icon-btn:hover{background:#00000014}.page-select{height:40px;max-width:260px;border-radius:999px;border:1.5px solid currentColor;background-color:transparent;color:inherit;font-weight:600;font-size:14px;padding:0 38px 0 16px}.viewer-frame{flex:1;position:relative;background:#fff}.viewer-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.viewer-frame .loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);transition:opacity .3s;pointer-events:none}.viewer-frame.loaded .loading{opacity:0}.spinner{width:34px;height:34px;border-radius:50%;border:4px solid var(--peach);border-top-color:#000;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-hero{flex:1;background:#000;color:#fff;display:flex;align-items:center;padding:80px 0}.error-hero .code{font-size:clamp(90px,14vw,180px);font-weight:800;letter-spacing:-.05em;line-height:.9;color:var(--peach)}.error-hero h1{color:#fff;margin:18px 0 14px}.error-hero p{color:#fffc;max-width:560px;font-size:18px;margin-bottom:32px}.timeline .ev{display:flex;gap:14px;padding:16px 26px;border-bottom:1px solid var(--border-soft);align-items:flex-start}.timeline .ev:last-child{border-bottom:0}.timeline .dot{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--peach);color:#000;flex:none}.timeline .dot .i{width:16px;height:16px}.timeline .body{flex:1;min-width:0}.timeline code{background:var(--surface-3);padding:2px 8px;border-radius:6px;font-size:12.5px}.pager{display:flex;justify-content:space-between;align-items:center;padding:16px 26px;border-top:1.5px solid var(--border-soft)}.logo-img{display:block;height:64px;max-width:220px;object-fit:contain}.logo-img-sm{height:40px;max-width:140px}.search-trigger{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 12px 0 16px;border-radius:999px;border:1.5px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:15px;cursor:pointer;opacity:.85}.search-trigger:hover{opacity:1;background:#0000000d}.search-trigger kbd{background:transparent;border-color:currentColor;color:inherit;opacity:.7}.admin-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:44px;align-items:start}.admin-nav{position:sticky;top:124px;display:grid;gap:2px}.admin-nav .group-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:18px 16px 8px}.admin-nav .group-label:first-child{padding-top:0}.admin-nav a{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:999px;text-decoration:none;font-weight:500;color:var(--text-2);transition:background .12s}.admin-nav a:hover{background:var(--surface-2)}.admin-nav a .i{color:var(--muted)}.admin-nav a .count{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.admin-nav a .state{margin-left:auto;width:9px;height:9px;border-radius:50%;background:var(--faint)}.admin-nav a .state.on{background:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.admin-nav a.active{background:#000;color:var(--peach);font-weight:700}.admin-nav a.active .i,.admin-nav a.active .count{color:var(--peach)}.admin-main{min-width:0}.admin-layout>aside{min-width:0}.admin-main>.card+.card,.admin-main>form>.card+.card{margin-top:24px}.admin-help{padding:18px 16px 0;font-size:13.5px;color:var(--muted)}.admin-help a{font-weight:600;color:var(--text)}.setting{display:flex;align-items:flex-start;gap:20px;padding:20px 26px;border-bottom:1px solid var(--border-soft)}.setting:last-child{border-bottom:0}.setting .desc{flex:1;min-width:0}.setting .desc strong{display:block;font-size:15.5px}.setting .desc span{display:block;color:var(--muted);font-size:14px;margin-top:3px}.setting .control{flex:0 0 auto;min-width:0}.setting .control-wide{flex:0 1 380px;width:100%}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch .track{width:52px;height:30px;border-radius:999px;background:var(--surface-3);border:1.5px solid var(--border);position:relative;transition:background .15s,border-color .15s}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .18s cubic-bezier(.2,.8,.3,1)}.switch input:checked+.track{background:#000;border-color:#000}.switch input:checked+.track:after{transform:translate(22px);background:var(--peach)}.switch input:focus-visible+.track{outline:3px solid var(--peach-deep);outline-offset:2px}.status{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:var(--radius-lg)}.status .dot{width:12px;height:12px;border-radius:50%;flex:none}.status-ok{background:var(--teal-soft);color:var(--teal)}.status-ok .dot{background:var(--teal)}.status-warn{background:var(--peach-2);color:var(--amber)}.status-warn .dot{background:var(--amber)}.status-off{background:var(--surface-2);color:var(--muted)}.status-off .dot{background:var(--faint)}.status strong{color:var(--text)}.steps{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--text-2);font-size:14.5px}.steps code{background:var(--surface-3);padding:1px 6px;border-radius:6px}.swatches{display:flex;flex-wrap:wrap;gap:12px}.swatch{position:relative;cursor:pointer;text-align:center;font-size:12.5px;font-weight:600;color:var(--muted)}.swatch input{position:absolute;opacity:0}.swatch span{display:block;width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(0,0,0,.12);margin-bottom:6px;transition:transform .12s}.swatch:hover span{transform:scale(1.06)}.swatch input:checked+span{outline:3px solid var(--text);outline-offset:3px}.color-input{width:52px;height:52px;padding:0;border:1.5px solid var(--border);border-radius:50%;overflow:hidden;background:none;cursor:pointer}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:0;border-radius:50%}.brand-preview{border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--border)}.brand-preview .bp-head{display:flex;align-items:center;gap:18px;padding:16px 22px;background:var(--bp-accent, var(--peach));color:#000}.brand-preview .bp-nav{display:flex;gap:18px;font-size:14px}.brand-preview .bp-nav b{border-bottom:2px solid #000}.brand-preview .bp-btn{margin-left:auto;background:#000;color:var(--bp-accent, var(--peach));border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.brand-preview .bp-band{background:#000;color:#fff;padding:26px 22px}.brand-preview .bp-band small{color:var(--bp-accent, var(--peach));font-weight:700;text-transform:uppercase;font-size:12px}.brand-preview .bp-band div{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:6px}.logo-drop{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.logo-frame{display:grid;place-items:center;width:200px;height:104px;border-radius:var(--radius-lg);background:var(--bp-accent, var(--peach));padding:14px}.logo-frame img{max-width:100%;max-height:100%;object-fit:contain}.save-bar{position:relative;z-index:30;margin-top:24px;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 22px;border-radius:999px;background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow);transition:background .2s,border-color .2s}.save-bar-msg{font-weight:600;color:var(--muted)}.save-bar.dirty{position:sticky;bottom:16px;background:#000;border-color:#000;color:#fff;box-shadow:var(--shadow-lg)}html:has(.save-bar.dirty){scroll-padding-bottom:110px}form:has(.save-bar.dirty) .card:last-of-type{margin-bottom:8px}.save-bar.dirty .save-bar-msg{color:var(--peach)}.save-bar.dirty .btn-primary{--b-bg: var(--peach);--b-fg: #000;--b-bd: var(--peach)}.save-bar.dirty .btn-ghost{--b-fg: #fff}dialog.palette{width:min(640px,calc(100vw - 32px));margin-top:12vh;padding:0;border:0;border-radius:var(--radius-xl);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);overflow:hidden}dialog.palette[open]{animation:pop .18s cubic-bezier(.2,.8,.3,1)}dialog.palette::backdrop{background:var(--overlay)}.palette-input{display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1.5px solid var(--border-soft)}.palette-input input{flex:1;height:64px;border:0;background:transparent;font:inherit;font-size:18px;color:var(--text)}.palette-input input:focus{outline:none}.palette-results{max-height:420px;overflow:auto;padding:8px}.palette-results .section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);padding:12px 14px 6px}.palette-results a{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:14px;text-decoration:none;color:var(--text)}.palette-results a .ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--surface-2);flex:none}.palette-results a .who{min-width:0;flex:1;line-height:1.3}.palette-results a .who span{display:block;font-size:13px;color:var(--muted)}.palette-results a.active{background:var(--peach);color:#000}.palette-results a.active .who span{color:#333}.palette-results a.active .ic{background:#000;color:var(--peach)}.palette-results .none{padding:30px;text-align:center;color:var(--muted)}.palette-foot{display:flex;gap:18px;padding:12px 22px;border-top:1.5px solid var(--border-soft);font-size:12.5px;color:var(--muted)}.editor-page{height:100vh;overflow:hidden}.editor-app{display:flex;flex-direction:column;height:100vh;--split: 50%;position:relative}.editor-app .history-panel{top:72px;bottom:32px}.editor-bar .title span:first-child{font-size:12.5px;opacity:.75}.editor-bar .title strong{font-size:15.5px}.save-state{flex:none;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:#00000014}.save-state.dirty{background:#000;color:var(--peach)}.save-state.saving{opacity:.7}.seg{display:inline-flex;border:1.5px solid currentColor;border-radius:999px;padding:2px;gap:2px}.seg button,.seg a{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:999px;background:none;color:inherit;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;opacity:.7}.seg button:hover,.seg a:hover{opacity:1}.seg button.active,.seg a.active{background:#000;color:var(--peach);opacity:1}.editor-body{flex:1;min-height:0;display:grid;grid-template-columns:260px minmax(0,var(--split)) 8px minmax(0,1fr)}.editor-app.files-hidden .editor-body{grid-template-columns:0 minmax(0,var(--split)) 8px minmax(0,1fr)}.editor-app.layout-code .editor-body{grid-template-columns:260px minmax(0,1fr) 0 0}.editor-app.layout-code.files-hidden .editor-body{grid-template-columns:0 minmax(0,1fr) 0 0}.editor-app.layout-preview .editor-body{grid-template-columns:260px 0 0 minmax(0,1fr)}.editor-app.layout-preview.files-hidden .editor-body{grid-template-columns:0 0 0 minmax(0,1fr)}.editor-app.layout-code .editor-preview,.editor-app.layout-code .editor-resizer,.editor-app.layout-preview .editor-code,.editor-app.layout-preview .editor-resizer,.editor-app.files-hidden .editor-files{display:none}.editor-files{border-right:1.5px solid var(--border-soft);background:var(--surface-2);display:flex;flex-direction:column;min-height:0;overflow:hidden}.ef-head{display:flex;gap:6px;padding:12px;align-items:center}.ef-head .input{height:40px;font-size:14px}.ef-list{overflow:auto;padding:0 8px 16px;display:grid;align-content:start;gap:1px}.ef-list a{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:10px;text-decoration:none;font-size:13.5px;color:var(--text-2);min-width:0}.ef-list a:hover{background:var(--surface-3)}.ef-list a.active{background:#000;color:var(--peach);font-weight:600}.ef-list a.active .faint{color:var(--peach);opacity:.7}.editor-code{min-width:0;min-height:0;position:relative;background:var(--surface)}.editor-resizer{cursor:col-resize;background:var(--border-soft);position:relative}.editor-resizer:hover,.editor-resizer.dragging{background:var(--peach-deep)}.editor-resizer:after{content:"";position:absolute;top:50%;left:2px;width:4px;height:36px;margin-top:-18px;border-radius:4px;background:var(--faint);opacity:.6}.editor-preview{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface-2)}.preview-bar{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 16px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:1.5px solid var(--border-soft)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.live-dot.busy{background:var(--amber);box-shadow:0 0 0 3px var(--peach-2)}.preview-stage{flex:1;min-height:0;display:flex;justify-content:center;overflow:auto}.preview-stage iframe{width:100%;height:100%;border:0;background:#fff}.editor-status{display:flex;align-items:center;gap:18px;height:32px;padding:0 16px;font-size:12.5px;color:var(--muted);border-top:1.5px solid var(--border-soft);background:var(--surface);flex:none}.editor-status kbd{height:18px;min-width:18px;font-size:11px}.editor-body.resizing iframe{pointer-events:none}.editor-code .CodeMirror{position:absolute;inset:0;height:100%;font-family:var(--mono);font-size:14px;line-height:1.6;background:var(--surface);color:var(--text)}.editor-code .CodeMirror-gutters{background:var(--surface);border-right:1px solid var(--border-soft)}.editor-code .CodeMirror-linenumber{color:var(--faint);padding:0 12px 0 8px}.editor-code .CodeMirror-cursor{border-left:2px solid var(--text)}.editor-code .CodeMirror-activeline-background{background:var(--peach-3)}.editor-code .CodeMirror-activeline .CodeMirror-gutter-background,.editor-code .CodeMirror-gutter-elt{background:transparent}.editor-code .CodeMirror-activeline-gutter{background:var(--peach-3)}.editor-code .CodeMirror-selected,.editor-code .CodeMirror-focused .CodeMirror-selected{background:color-mix(in srgb,var(--peach) 60%,transparent)!important}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:color-mix(in srgb,var(--peach) 60%,transparent)}.editor-code .CodeMirror-matchingtag{background:color-mix(in srgb,var(--peach) 45%,transparent)}.editor-code .CodeMirror-matchingbracket{color:var(--teal)!important;font-weight:700;text-decoration:underline}.editor-code .CodeMirror-dialog{background:var(--surface-2);color:var(--text);border-bottom:1.5px solid var(--border)!important;padding:8px 14px;font-family:var(--font);font-size:14px}.editor-code .CodeMirror-dialog input{font-family:var(--mono);color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:4px 8px;width:16em}.editor-code .CodeMirror-dialog button{font:inherit}.editor-code .cm-searching{background:color-mix(in srgb,var(--peach) 70%,transparent)}.cm-s-default .cm-tag{color:#1a55c4}.cm-s-default .cm-attribute{color:#9c4a00}.cm-s-default .cm-string,.cm-s-default .cm-string-2{color:#16794a}.cm-s-default .cm-keyword{color:#8424c9}.cm-s-default .cm-comment{color:#8c8c8c;font-style:italic}.cm-s-default .cm-number,.cm-s-default .cm-atom{color:#b4308d}.cm-s-default .cm-def,.cm-s-default .cm-variable-2,.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#0f6e8c}.cm-s-default .cm-property{color:#1a55c4}.cm-s-default .cm-qualifier,.cm-s-default .cm-builtin{color:#9c4a00}.cm-s-default .cm-meta,.cm-s-default .cm-bracket{color:#6b6b6b}.cm-s-default .cm-variable{color:var(--text)}.cm-s-default .cm-header{color:#1a55c4;font-weight:700}.band-compact{padding:30px 0 28px}.band-compact .container{align-items:center;gap:28px}.band-compact h1{font-size:clamp(28px,3vw,40px)}.band-compact .lede{font-size:16px;margin-top:8px}.band-compact .crumbs{margin-bottom:10px}.band-compact .eyebrow{margin-bottom:8px;font-size:13px}.band-compact .band-stats{margin-top:18px;gap:36px}.band-compact .band-stat .v{font-size:30px}.band-compact .band-stat .k{margin-top:6px;font-size:14px}.band-compact .row[style*="margin-top:22px"]{margin-top:14px!important}.toast{align-items:center}.toast-action{margin:0}.toast-action .btn{--b-bg: var(--peach);--b-fg: #000;--b-bd: var(--peach);height:30px}.toast.has-action{animation-duration:.3s}.fav-btn{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#ffffffeb;color:#000;cursor:pointer;box-shadow:0 2px 8px #0000001f;opacity:0;transition:opacity .15s,transform .1s}.fav-btn .i{width:17px;height:17px}.project-card:hover .fav-btn,.fav-btn.on,.fav-btn:focus-visible{opacity:1}.fav-btn.on .i{fill:#f5a623;stroke:#d48806}.fav-btn:active{transform:scale(.9)}.project-grid.list .fav-btn{position:static;opacity:1;box-shadow:none;background:transparent;margin-left:6px;flex:none;order:3}.cover.has-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.project-card:hover .cover.has-image img{transform:scale(1.03)}.cover.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 40%);pointer-events:none}.new-badge{position:absolute;left:14px;bottom:14px;z-index:2;height:26px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;background:#000;color:var(--peach);box-shadow:0 2px 10px #0003}.new-badge.updated{background:var(--teal);color:#fff}.project-grid.list .cover.has-image img{border-radius:14px}.project-grid.list .new-badge{display:none}.recent{margin-bottom:36px}.recent-title{font-size:20px;margin-bottom:14px}.recent-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.recent-card{display:flex;align-items:center;gap:14px;padding:10px;border-radius:var(--radius-lg);background:var(--surface-2);text-decoration:none;min-width:0;transition:background .15s}.recent-card:hover{background:var(--peach);color:#000}.recent-card:hover .who span{color:#333}.recent-thumb{position:relative;flex:none;width:64px;height:48px;border-radius:10px;overflow:hidden;display:grid;place-items:center}.recent-thumb img{width:100%;height:100%;object-fit:cover}.recent-thumb.cover-1{color:var(--peach)}.recent-card .who{min-width:0;line-height:1.3}.recent-card .who strong{display:block}.recent-card .who span{font-size:13px;color:var(--muted)}.trash-link{margin-top:28px;text-align:center;font-size:14px}.trash-link a{color:var(--muted);text-decoration:none;display:inline-flex;gap:8px;align-items:center}.trash-link a:hover{color:var(--text);text-decoration:underline}.col-check{width:44px;padding-right:0!important}.col-check input{width:18px;height:18px;accent-color:#000;cursor:pointer}.file-table tbody tr.selected{background:var(--peach-2)}.file-table tbody tr.dragging{opacity:.45}.file-table tbody tr.drop-over,.path-crumbs a.drop-over{background:var(--peach)!important;color:#000;outline:2px dashed #000;outline-offset:-2px}.selection-bar{position:sticky;top:164px;z-index:25;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 20px;margin-bottom:14px;border-radius:999px;background:#000;color:#fff;box-shadow:var(--shadow-lg);flex-wrap:wrap}.selection-bar .btn{--b-fg: #fff;--b-bd: rgba(255,255,255,.6)}.selection-bar .btn:hover{background:#ffffff1f}.selection-bar .btn-danger{--b-fg: #ffb3bb;--b-bd: #ffb3bb}.selection-bar .icon-btn{color:#fff}.selection-bar .check input{accent-color:var(--peach)}.folder-picker{max-height:320px;overflow:auto;border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:6px}.folder-option{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:10px;cursor:pointer;min-width:0}.folder-option:hover{background:var(--surface-2)}.folder-option input{accent-color:#000}.folder-option:has(input:checked){background:var(--peach);color:#000;font-weight:600}.folder-option:has(input:disabled){opacity:.5;cursor:not-allowed}.share-loading{display:grid;place-items:center;padding:40px}.share-list{border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);max-height:260px;overflow:auto}.share-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border-soft)}.share-row:last-child{border-bottom:0}.share-row .who{flex:1;min-width:0;line-height:1.3}.share-row .who strong{display:block}.share-row .who span{display:block;font-size:13px;color:var(--muted)}.general-access{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:var(--radius-lg);background:var(--surface-2)}.ga-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--surface-3);flex:none}.ga-icon.internal{background:var(--peach);color:#000}.ga-icon.public{background:#000;color:var(--peach)}.general-access .hint{display:block;margin-top:2px}.file-table tbody tr:last-child td:first-child{border-bottom-left-radius:calc(var(--radius-xl) - 2px)}.file-table tbody tr:last-child td:last-child{border-bottom-right-radius:calc(var(--radius-xl) - 2px)}.select-plain{border:0;background-color:transparent;padding-left:0;height:30px;font-weight:700;width:auto;max-width:100%}.select-plain:focus{box-shadow:none;text-decoration:underline}.help{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;flex:none;border-radius:50%;border:1.5px solid currentColor;font-size:11px;font-weight:800;color:var(--muted);cursor:help;line-height:1}.help:hover,.help:focus{color:var(--text);outline:none}.help:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(4px);width:max-content;max-width:280px;padding:10px 12px;border-radius:12px;background:#000;color:#fff;font-size:13px;font-weight:500;line-height:1.4;text-align:left;white-space:normal;text-transform:none;letter-spacing:0;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:90}.help:hover:after,.help:focus:after{opacity:1;transform:translate(-50%)}.card-head .help:after{left:auto;right:-10px;transform:translateY(4px)}.card-head .help:hover:after,.card-head .help:focus:after{transform:none}.welcome .welcome-steps{padding:40px 40px 8px;min-height:330px}.welcome-step{text-align:center;display:grid;justify-items:center;gap:14px;animation:fade .25s}.welcome-step h2{font-size:30px}.welcome-step p{color:var(--muted);font-size:16.5px;max-width:480px;line-height:1.55}.welcome-art{margin-bottom:8px}.welcome-art .logo-badge{width:96px;height:96px;font-size:19px}.welcome-art .dz-icon{width:84px;height:84px}.welcome-art .dz-icon .i{width:36px;height:36px}.welcome-foot{align-items:center;border-top:0}.dots{display:flex;gap:8px}.dots span{width:9px;height:9px;border-radius:50%;background:var(--border);transition:width .2s,background .2s}.dots span.on{width:26px;border-radius:99px;background:var(--text)}.shortcuts{display:grid;gap:10px;width:100%;max-width:420px;text-align:left}.shortcuts div{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:12px;background:var(--surface-2)}.shortcuts span{margin-left:auto;color:var(--muted);font-size:14px}.ef-dir>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text-2)}.ef-dir>summary::-webkit-details-marker{display:none}.ef-dir>summary:hover{background:var(--surface-3)}.ef-dir>summary .chev{transition:transform .15s;color:var(--faint)}.ef-dir[open]>summary .chev{transform:rotate(90deg)}.ef-list.filtering details{display:contents}.ef-list.filtering summary{display:none}.dropzone-slim{padding:12px 14px 12px 18px;gap:14px;border-width:1.5px}.dropzone-slim .dz-icon{width:38px;height:38px}.dropzone-slim .dz-icon .i{width:19px;height:19px}.dropzone-slim strong{font-size:15px}.dropzone-slim .hint{display:none}.inline-edit{cursor:text;border-radius:10px;margin-left:-8px;padding:2px 8px;transition:background .12s;display:flex;width:fit-content;align-items:center;gap:12px;max-width:100%}.inline-edit:hover,.inline-edit:focus{background:#ffffff14;outline:none}.inline-edit .edit-hint{width:18px;height:18px;opacity:0;color:var(--peach);transition:opacity .12s;flex:none}h1.inline-edit .edit-hint{width:24px;height:24px}.inline-edit:hover .edit-hint,.inline-edit:focus .edit-hint{opacity:1}.inline-edit.placeholder{color:#ffffff73;font-style:italic}.inline-input{font:inherit;letter-spacing:inherit;color:#fff;background:#ffffff14;border:1.5px solid var(--peach);border-radius:10px;padding:2px 8px;margin-left:-8px;width:min(100%,900px);outline:none}.inline-hint{display:block;font-size:12.5px;color:#ffffff8c;margin-top:6px}dialog.lightbox{width:min(1200px,calc(100vw - 48px));height:min(820px,calc(100vh - 48px));padding:0;border:0;border-radius:var(--radius-xl);background:#0d0d0d;color:#fff;overflow:hidden}dialog.lightbox[open]{display:flex;flex-direction:column;animation:pop .18s ease}dialog.lightbox::backdrop{background:#000000bf}.lb-bar{display:flex;align-items:center;gap:10px;padding:12px 14px 12px 22px;border-bottom:1px solid #222}.lb-bar .btn{--b-fg: #fff;--b-bd: rgba(255,255,255,.4)}.lb-bar .btn:hover{background:#ffffff1a}.lb-bar .icon-btn{color:#fff}.lb-bar .icon-btn:hover{background:#ffffff1a}.lb-stage{flex:1;min-height:0;display:grid;place-items:center;position:relative;padding:24px 72px;background-image:linear-gradient(45deg,#161616 25%,transparent 25%),linear-gradient(-45deg,#161616 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#161616 75%),linear-gradient(-45deg,transparent 75%,#161616 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.lb-stage img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 40px #00000080}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;display:grid;place-items:center;cursor:pointer}.lb-nav:hover{background:var(--peach);color:#000}.lb-nav.prev{left:14px}.lb-nav.next{right:14px}.lb-nav[hidden]{display:none}.version-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-soft)}.version-row:last-child{border-bottom:0}.version-row.current{background:var(--peach-3)}.version-row .who{flex:1;min-width:0;line-height:1.3}.version-row .who strong{display:block}.version-row .who span{font-size:13px;color:var(--muted)}.history-panel{position:absolute;top:0;right:0;bottom:0;width:340px;background:var(--surface);border-left:1.5px solid var(--border);z-index:20;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.history-panel[hidden]{display:none}.history-panel .hp-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1.5px solid var(--border-soft)}.history-panel .hp-list{overflow:auto;flex:1}.history-panel .hp-foot{padding:12px 16px;font-size:12.5px;color:var(--muted);border-top:1.5px solid var(--border-soft)}.autosave-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}.autosave-toggle .switch .track{width:40px;height:24px}.autosave-toggle .switch .track:after{width:16px;height:16px}.autosave-toggle .switch input:checked+.track:after{transform:translate(16px)}.nav-menu>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:450;padding:6px 0;border-bottom:2px solid transparent;cursor:pointer}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu>summary:hover,.nav-menu[open]>summary{border-bottom-color:currentColor}.nav-menu>summary.active{font-weight:700;border-bottom-color:currentColor}.nav-menu>summary .i{transition:transform .15s}.nav-menu[open]>summary .i{transform:rotate(180deg)}.nav-projects{left:-12px;right:auto;min-width:300px}.menu-label{display:flex;align-items:center;gap:6px;padding:10px 12px 4px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.mini-cover{width:22px;height:22px;border-radius:6px;flex:none}.project-tabs a{text-decoration:none}.project-tabs a:not(.active){cursor:pointer}.viewer-crumbs{display:block;font-size:12.5px;opacity:.75}.viewer-crumbs a{color:inherit;text-decoration:none;font-weight:600}.viewer-crumbs a:hover{text-decoration:underline}.viewer-bar .title strong{font-size:16.5px}.go-hint{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:1000;background:#000;color:#fff;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);display:flex;gap:14px}.go-hint kbd{background:#222;border-color:#333;color:var(--peach)}.share-scope{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}.share-scope .select{height:44px}.guest-row.expired{opacity:.55}.picker-results .badge-ms{margin-left:auto;font-size:11px;font-weight:700;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:2px 8px;flex:none}.chips{position:relative;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:50px;padding:6px 8px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:text}.chips:focus-within{border-color:var(--text);box-shadow:0 0 0 4px var(--ring)}.chips-input{flex:1;min-width:180px;border:0;outline:none;font:inherit;font-size:15px;padding:6px;background:transparent}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 6px 0 4px;border-radius:999px;background:var(--peach);color:#000;font-size:13.5px;font-weight:600;max-width:100%}.chip.guest{background:var(--surface-3)}.chip .avatar{width:24px;height:24px;font-size:10px}.chip button{border:0;background:none;cursor:pointer;display:grid;place-items:center;width:20px;height:20px;border-radius:50%}.chip button:hover{background:#0000001a}.chips .picker-results{top:calc(100% + 6px)}.notify-person{cursor:pointer}.notify-person input{width:18px;height:18px;accent-color:#000;flex:none}.share-update{border-radius:var(--radius-lg);background:var(--surface-2)}.share-update>summary{display:flex;align-items:center;gap:14px;padding:14px;cursor:pointer;list-style:none}.share-update>summary::-webkit-details-marker{display:none}.share-update>summary .hint{display:block;margin-top:2px}.share-update>summary .chev{transition:transform .15s;color:var(--muted)}.share-update[open]>summary .chev{transform:rotate(180deg)}.share-update>form{padding:0 14px 14px}.share-update .share-list{background:var(--surface);max-height:200px}.guest-banner{position:fixed;left:50%;bottom:18px;transform:translate(-50%);background:#000;color:#fff;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);opacity:.9}@media(max-width:1100px){.grid-2{grid-template-columns:1fr}.admin-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}.search-trigger .lbl{display:none}.main-nav{gap:22px}.site-header .container{gap:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.env-lock{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;color:var(--amber)}.env-lock code{font-size:12px}[data-env-locked] input[readonly]{background:var(--surface-2, #f4f4f4);color:var(--muted, #666);cursor:not-allowed}