.new-page{--home-gutter: clamp(24px, 4cqw, 80px);container-type:inline-size;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden;background:var(--surface-default);color:var(--text-primary)}.new-page-top-actions{position:absolute;top:-88px;right:0;z-index:2;display:flex;gap:12px}.new-page-start-from-scratch{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px 0 12px;border:1px solid var(--divider-strong);border-radius:999px;background:transparent;color:var(--text-primary);font:inherit;font-size:13px;font-weight:500;line-height:20px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.new-page-start-from-scratch svg{width:16px;height:16px;stroke-width:1.75}.new-page-start-from-scratch:not(:disabled):hover,.new-page-starter:not(:disabled):hover{border-color:var(--text-quaternary);background-image:linear-gradient(var(--surface-tint-hover),var(--surface-tint-hover));color:var(--text-primary)}.new-page-start-from-scratch:focus-visible,.new-page-sign-in:focus-visible{outline:2px solid var(--text-tertiary);outline-offset:3px}.new-page-start-from-scratch:disabled{opacity:.5;cursor:default}.new-page-sign-in{height:32px;padding:0 14px;border:0;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font:inherit;font-size:13px;font-weight:500;cursor:pointer}.new-page-sign-in:hover{background:color-mix(in srgb,var(--primary) 90%,transparent)}.new-page-scroll{flex:1;min-height:0;overflow:auto;padding:136px var(--home-gutter) 32px}.new-page-content{position:relative;width:100%;max-width:2000px;margin-inline:auto}.new-page-content h1{margin:0 0 24px;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.01em;text-align:center}.new-page-shelf{container-type:inline-size}.new-page-shelf+.new-page-shelf{margin-top:32px}.new-page-shelf h2{margin:0 0 12px;color:var(--r-ink);font-size:14px;line-height:22px;font-weight:500}.new-page-carousel{--home-card-height: var( --home-row-height, calc((100cqw - 16px)*.375) );position:relative;display:flow-root;min-width:0}@container (min-width: 436px){.new-page-carousel{--home-card-height: var( --home-row-height, calc((100cqw - 32px)*.225) )}}@container (min-width: 732px){.new-page-carousel{--home-card-height: var( --home-row-height, calc((100cqw - 48px) / 3.5 * .5625) )}}@container (min-width: 1028px){.new-page-carousel{--home-card-height: var( --home-row-height, calc((100cqw - 64px)/8) )}}@container (min-width: 1324px){.new-page-carousel{--home-card-height: var( --home-row-height, calc((100cqw - 80px) / 5.5 * .5625) )}}@container (min-width: 1620px){.new-page-carousel{--home-card-height: var( --home-row-height, calc((100cqw - 96px) / 6.5 * .5625) )}}@container (min-width: 1916px){.new-page-carousel{--home-card-height: var( --home-row-height, calc((100cqw - 112px)*.075) )}}.new-page-carousel[data-overflow-start]>.new-page-cards{--home-fade-start: 64px}.new-page-carousel[data-overflow-end]>.new-page-cards{--home-fade-end: 64px}.new-page-cards{--home-fade-start: 0px;--home-fade-end: 0px;display:flex;align-items:flex-start;gap:16px;margin:-5px;padding:5px;overflow-x:auto;overflow-anchor:none;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:5px;scroll-snap-type:x proximity;mask-image:linear-gradient(to right,transparent,#000 var(--home-fade-start),#000 calc(100% - var(--home-fade-end)),transparent)}.new-page-cards::-webkit-scrollbar{display:none}.new-page-shelf-arrow{position:absolute;top:calc(var(--home-card-height) / 2 - 18px);z-index:2;display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--divider-strong);border-radius:50%;background:var(--surface-raised);color:var(--r-ink-muted);cursor:pointer;transition:color .15s ease}.new-page-shelf-arrow:hover{color:var(--r-ink)}.new-page-shelf-arrow:focus-visible{outline:2px solid var(--text-tertiary);outline-offset:3px}.new-page-shelf-arrow svg{width:16px;height:16px;stroke-width:1.75}.new-page-shelf-previous{left:12px}.new-page-shelf-next{right:12px}.new-page-card{display:flex;flex-direction:column;flex:0 0 auto;gap:8px;width:max(128px,calc(var(--home-card-height) * var(--home-card-ratio, 1.77778)));min-width:0;padding:0;color:var(--r-ink);text-align:left;text-decoration:none;cursor:pointer;outline:none;scroll-snap-align:start}.new-page-card:disabled{cursor:default;opacity:.55}.new-page-card-media{position:relative;display:grid;place-items:center;width:100%;height:var(--home-card-height);overflow:hidden;border-radius:12px;background:var(--r-fill)}.new-page-card-media img{display:block;width:100%;height:100%;object-fit:cover}.new-page-card-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;background:var(--surface-tint)}.new-page-card:focus-visible .new-page-card-media{outline:2px solid var(--text-tertiary);outline-offset:3px}.new-page-card-title{padding:0 4px;display:block;overflow:hidden;font-size:14px;line-height:22px;text-overflow:ellipsis;white-space:nowrap}.new-page-card-placeholder{width:32px;height:32px;color:var(--text-quaternary)}.new-page-catalog-error{display:flex;gap:12px;align-items:center;margin-top:24px;color:var(--text-tertiary);font-size:13px}.new-page-composer-wrap{display:flex;justify-content:center}.new-page-composer{display:flex;flex-direction:column;width:100%;max-width:760px;min-width:0;border:1px solid var(--r-hairline);border-radius:24px;background:var(--r-card);box-shadow:0 2px 2px #00000008,0 8px 16px -4px #0000000d;transition:border-color .15s ease}.new-page-composer:focus-within{border-color:var(--r-hairline-strong)}.new-page-prompt{width:100%;padding:12px 12px 8px;border:0;background:transparent;color:var(--text-primary);font-family:inherit;font-size:16px;line-height:24px;outline:none;caret-color:var(--text-primary);scrollbar-width:thin}.new-page-placeholder{position:absolute;top:12px;left:12px;right:12px;color:var(--r-ink-faint);font-size:16px;line-height:24px;pointer-events:none}.new-page-composer-actions{display:flex;align-items:center;gap:6px;height:44px;padding:0 8px 10px}.new-page-attach{width:32px;height:32px;margin-right:auto;border:1px solid var(--divider-strong);border-radius:50%;color:var(--text-primary)}.new-page-attach svg{width:18px;height:18px;stroke-width:1.75}.new-page-send{border-radius:50%;width:32px;height:32px}.new-page-send:disabled{border-color:transparent;background:var(--r-fill-strong);color:var(--surface-default);opacity:1}.new-page-handoff-status{font-size:11px;color:var(--text-tertiary)}.new-page-starters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:960px;height:36px;margin:12px auto 48px;padding:2px;overflow:hidden}.new-page-starter{height:32px;padding:0 14px;border:1px solid var(--r-hairline);border-radius:999px;background-color:var(--r-card);color:var(--text-secondary);font-size:13px;line-height:20px;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}:root.dark .new-page-starter:not(:hover){border-color:#ffffff24;background-color:var(--surface-overlay);color:#f4f1eddb}.new-page-starter:focus-visible{outline:2px solid var(--text-tertiary);outline-offset:2px}.new-page-starter:disabled{opacity:.5;cursor:default}.new-page-scenario-preview{width:min(300px,calc(100vw - 24px));padding:6px;border:1px solid var(--divider-strong);border-radius:12px;background:var(--surface-raised);color:var(--text-secondary)}.new-page-scenario-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:7px;background:var(--surface-tint)}.new-page-scenario-preview p{margin:8px 6px 5px;font-size:12px;line-height:18px}@media(max-width:639px){.new-page-top-actions{position:static;justify-content:flex-end;margin-bottom:24px}.new-page-composer{border-radius:20px}.new-page-starters{height:auto;gap:7px;margin:12px auto 32px}.new-page-starter{padding-inline:11px;font-size:12px}}.new-page-card-container{position:relative;flex:0 0 auto;min-width:0;scroll-snap-align:start}.skill-preview-card-controls{opacity:0;transition:opacity .12s ease}.new-page-card-container:hover .skill-preview-card-controls,.new-page-card-container:focus-within .skill-preview-card-controls{opacity:1}@media(hover:none){.skill-preview-card-controls{opacity:1}}
