@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/HankenGrotesk.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Sidequest;src:url(/fonts/ubuntu-medium.ttf)format("truetype");font-weight:500 800;font-display:swap}@font-face{font-family:Sidequest;src:url(/fonts/ubuntu-regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:SidequestMono;src:url(/fonts/ubuntu-mono.ttf)format("truetype");font-weight:400;font-display:swap}:root{--accent:#515eb3;--accent-soft:#eef0fa;--on-accent:#fff;--background:#fff;--surface:#fff;--text:#17181a;--muted:#535861;--border:#d0d3d9;--control-border:#a8aeb8;--radius:16px;--control-radius:12px;--button-radius:999px;--scroll-thumb:#b8bdc5;--scroll-track:transparent;--scroll-hover:#858b95;--danger:#b3344d;--warning:#9b5720;--page-max:1440px;--page-gutter:64px;--card-gap:22px;--shadow-card:0 2px 16px #16181d03;--shadow-raised:0 3px 12px #16181d06, 0 14px 32px #16181d08;--shadow-dialog:0 24px 80px #14161b2b;--motion-fast:.16s;--motion-surface:.24s;--motion-ease:cubic-bezier(.2, .7, .2, 1);--font-display:"Bricolage Grotesque", "Hanken Grotesk", Arial, sans-serif;--font-body:"Hanken Grotesk", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, monospace}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--surface);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background:var(--accent)}html{scrollbar-gutter:stable;scroll-behavior:smooth;background:var(--background)}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled),a,select:not(:disabled),input[type=checkbox]:not(:disabled),input[type=range]:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:hover:not(:disabled),a:hover{transition:background .18s,color .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-body);letter-spacing:-.03em;font-weight:550;line-height:1.2}h1{font-size:36px}h2{font-size:24px}h3{font-size:19px}.logo{font-family:var(--font-display);letter-spacing:-1.7px;font-size:39px;font-weight:600;line-height:1}img{max-width:100%;height:auto;display:block}svg{flex-shrink:0}textarea{resize:none}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}input[type=search]::-webkit-search-cancel-button{display:none}.site{--canvas-pattern:none;--canvas-size:auto;background:var(--background);background-image:var(--canvas-pattern);background-size:var(--canvas-size);min-height:100svh;color:var(--text);isolation:isolate;flex-direction:column;display:flex;position:relative}.site>main{z-index:1;flex:1;min-width:0;position:relative}.site[data-color=violet]{--accent:#7453c9;--accent-soft:#eee8ff}.site[data-color=green]{--accent:#287454;--accent-soft:#e2f1e8}.site[data-color=pink]{--accent:#ba447b;--accent-soft:#f9e6f0}.site[data-color=orange]{--accent:#b95428;--accent-soft:#fff0e4}.site[data-mode=dark]{--background:#161719;--surface:#202225;--text:#f0f1f3;--muted:#adb2bd;--border:#373a40;--control-border:#666c78;--accent:#aab8ff;--accent-soft:#2c3248;--on-accent:#161719;--scroll-thumb:#555a65;--scroll-hover:#878d9a;--danger:#ff9fae;--warning:#e9b879;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.site[data-mode=dark][data-color=violet]{--accent:#b8a1ef;--accent-soft:#3c3059}.site[data-mode=dark][data-color=green]{--accent:#8cc9ad;--accent-soft:#28483d}.site[data-mode=dark][data-color=pink]{--accent:#eca1c4;--accent-soft:#573247}.site[data-mode=dark][data-color=orange]{--accent:#f2b18d;--accent-soft:#513a30}.site[data-background=stars]{--canvas-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='170'%3E%3Cpath d='M28 23v10m-5-5h10M134 108v8m-4-4h8' stroke='%2394a8c9' stroke-width='1' opacity='.45'/%3E%3Ccircle cx='90' cy='68' r='1.2' fill='%2394a8c9' opacity='.4'/%3E%3C/svg%3E")}.site[data-background=dots]{--canvas-pattern:radial-gradient(var(--border) 1px, transparent 1px);--canvas-size:20px 20px}.site[data-background=grid]{--canvas-pattern:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);--canvas-size:32px 32px}.site[data-corners=square]{--radius:5px;--control-radius:4px}.container,.header-inner,.site-footer{width:min(var(--page-max), calc(100% - var(--page-gutter) * 2));z-index:1;margin-inline:auto;padding:28px 0 32px;position:relative}.site-header{z-index:10;background:0 0;border-bottom:0;position:relative}.header-inner{align-items:center;gap:72px;min-height:90px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.9px;white-space:nowrap;align-items:center;gap:10px;min-height:44px;font-size:25px;font-weight:600;display:inline-flex}.logo-mark{width:25px;height:25px;color:var(--text);transition:transform var(--motion-surface) var(--motion-ease)}.logo:hover .logo-mark{transform:translate(1px,-1px)}.header-inner nav{align-items:center;gap:28px;display:flex}.nav-link{color:var(--muted);white-space:nowrap;align-items:center;min-height:44px;font-size:14px;font-weight:500;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active:after{content:"";background:var(--text);height:1px;position:absolute;bottom:7px;left:0;right:0}.header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.button{border-radius:var(--button-radius);letter-spacing:-.015em;white-space:nowrap;min-height:44px;transition:background var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:500;line-height:1.4;display:inline-flex;position:relative}.button>span{justify-content:center;align-items:center;gap:8px;display:inline-flex}.post-button>span{display:inline}.button-primary{background:var(--text);color:var(--surface);box-shadow:none}.button-primary:hover:not(:disabled){background:color-mix(in srgb, var(--text) 85%, var(--muted))}.button-outline{background:var(--surface);border-color:color-mix(in srgb, var(--border) 80%, var(--muted));color:var(--text)}.button-outline:hover:not(:disabled){background:var(--background);border-color:var(--scroll-thumb)}.button-ghost{color:var(--muted);background:0 0}.button-ghost:hover:not(:disabled){background:var(--background);color:var(--text)}.button-danger{background:var(--danger);color:var(--surface)}.button-warning{background:var(--warning);color:var(--surface)}.busy-label{opacity:0}.button-spinner{position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.icon-button{border-radius:var(--control-radius);width:44px;min-width:44px;height:44px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--background);color:var(--text)}.signin-button{min-height:44px;color:var(--muted);padding:6px 4px;font-size:14px}.signin-button:hover{color:var(--text)}.avatar{background:var(--background);width:36px;height:36px;color:var(--text);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:inline-flex}.header-actions .avatar{width:44px;height:44px}.avatar.big{width:64px;height:64px;font-size:25px}.page-eyebrow,.category-label{color:var(--muted);letter-spacing:.04em;font-size:11px;font-weight:500}.gallery-section{padding-top:24px}.gallery-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:26px;display:flex}.gallery-title{font-size:30px;font-family:var(--font-display);letter-spacing:-.025em;align-items:center;gap:12px;font-weight:500;line-height:1.05;display:flex}.count-badge{color:var(--muted);font-family:var(--font-body);letter-spacing:0;font-size:12px;font-weight:400}.gallery-heading p{color:var(--muted);margin-top:6px;font-size:13px}.gallery-controls{align-items:center;gap:16px;display:flex}.search-box{border:1px solid var(--border);background:var(--surface);border-radius:var(--control-radius);width:250px;min-height:44px;color:var(--muted);align-items:center;gap:10px;padding:0 12px;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-box input{width:0;min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:11px 0;font-size:13px}.search-box input::placeholder{color:var(--muted);opacity:1}.search-box .icon-button{width:28px;min-width:28px;height:36px;margin-right:-8px}.filter-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.category-filters{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.filter-chip{border-radius:var(--control-radius);min-height:44px;color:var(--muted);white-space:nowrap;border:1px solid #0000;padding:9px 16px;font-size:13px;font-weight:500}.filter-chip:hover{color:var(--text);background:var(--surface)}.filter-chip.selected{color:var(--text);background:color-mix(in srgb, var(--text) 5%, var(--surface));box-shadow:none;border-color:#0000}.gallery-status{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;min-height:20px;font-size:11px;display:flex}.project-grid{gap:22px var(--card-gap);min-height:280px;transition:opacity var(--motion-fast);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.project-grid.updating{opacity:.55}.project-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);transition:transform var(--motion-surface) var(--motion-ease), box-shadow var(--motion-surface), border-color var(--motion-surface);flex-direction:column;padding:7px;display:flex;position:relative}.project-card:hover,.project-card:focus-within{border-color:color-mix(in srgb, var(--text) 20%, var(--border));box-shadow:var(--shadow-raised)}@media (hover:hover) and (pointer:fine){.project-card:hover{transform:translateY(-2px)}}.project-preview{aspect-ratio:24/17;border-radius:max(2px, calc(var(--radius) - 7px));background:var(--background);position:relative;overflow:hidden}.preview-link{height:100%;display:block}.preview-link:focus-visible{outline-offset:-4px;border-radius:inherit}.project-preview img{object-fit:cover;width:100%;height:100%}.save-button{border-radius:var(--control-radius);color:#3e4147;width:44px;height:44px;transition:color var(--motion-fast), background var(--motion-fast);background:#fffffff2;border:1px solid #ffffffbd;place-items:center;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #00000008}.save-button:hover,.save-button.saved{color:#25272b;background:#fff}.project-card-content{flex-direction:column;flex:1;padding:15px 13px 4px;display:flex}.card-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:5px;display:flex}.card-title-row a{min-width:0}.project-open-link:after{content:"";border-radius:var(--radius);z-index:1;position:absolute;inset:0}.project-open-link:focus-visible:after{outline:3px solid var(--accent);outline-offset:3px}.project-card .save-button,.project-card .card-share-button,.project-card .creator-name[href],.project-card .card-manage-button{z-index:2}.project-card .card-share-button,.project-card .creator-name[href],.project-card .card-manage-button{position:relative}.card-title-row h2{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:19px;font-weight:600;line-height:1.4;font-family:var(--font-display)}.card-title-row>svg{color:var(--scroll-thumb);transition:color var(--motion-fast), transform var(--motion-surface)}.project-card:hover .card-title-row>svg,.project-card:focus-within .card-title-row>svg{color:var(--text);transform:translate(1px,-1px)}.card-title-row a:hover{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border)}.card-description{color:var(--muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:47px;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.card-meta{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:8px;display:flex}.card-creator{align-items:center;gap:7px;min-width:0;display:flex}.creator-dot{background:var(--background);border:1px solid var(--border);width:22px;height:22px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.creator-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}a.creator-name:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.original-label{color:var(--muted);border:1px solid var(--border);border-radius:4px;flex-shrink:0;padding:1px 4px;font-size:10px}.card-category{color:var(--muted);flex-shrink:0;font-size:10px}.card-stats{color:var(--muted);align-items:center;gap:14px;margin-top:4px;padding-bottom:8px;font-size:12px;display:flex}.card-stats>span{align-items:center;gap:4px;display:inline-flex}.gallery-bottom{text-align:center;justify-content:center;align-items:center;min-height:124px;padding:28px 0;display:flex}.gallery-bottom p{color:var(--muted);font-size:12px;line-height:1.8}.gallery-bottom p a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:4px;align-items:center;gap:3px;margin-left:4px;display:inline-flex}.site[data-density=compact] .project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.site[data-density=compact] .project-card-content{padding:14px 9px 10px}.site[data-density=compact] .card-title-row h2{font-size:16px}.site[data-density=compact] .card-meta{gap:8px}.site[data-density=compact] .card-creator{gap:5px}.site-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:28px 0 34px;display:flex}.site-footer .logo{letter-spacing:-1px;gap:8px;min-height:30px;font-size:30px}.site-footer .logo-mark{width:19px;height:19px}.site-footer p{color:var(--muted);margin-top:5px;font-size:12px}.footer-right{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 24px;display:flex}.text-button{min-height:44px;color:var(--text);align-items:center;gap:7px;padding:0;font-size:13px;font-weight:500;display:inline-flex}.text-button:hover{text-underline-offset:3px;text-decoration:underline}.toast{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);box-shadow:var(--shadow-raised);z-index:100;opacity:0;pointer-events:none;align-items:center;gap:9px;max-width:min(500px,90vw);padding:12px 18px;font-size:14px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:27px;left:50%;transform:translate(-50%,12px)}.toast.visible{opacity:1;transform:translate(-50%)}.toast svg{color:var(--accent)}.modal{border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-dialog);opacity:0;width:min(520px,100% - 32px);max-height:calc(100svh - 40px);transition:opacity .18s var(--motion-ease), transform .22s var(--motion-ease), display .22s allow-discrete, overlay .22s allow-discrete;border-radius:20px;padding:30px;overflow:auto;transform:translateY(8px)scale(.985)}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17191c38}.modal-heading{justify-content:space-between;gap:14px;margin-bottom:24px;display:flex}.modal-heading h2{font-family:var(--font-display);letter-spacing:-.035em;font-size:25px;font-weight:550;line-height:1.2}.modal-heading p{color:var(--muted);max-width:390px;margin-top:9px;font-size:14px;line-height:1.6}.modal-heading>.icon-button{flex-shrink:0;margin-top:-6px;margin-right:-8px}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.modal-actions>.button-ghost:first-child{margin-right:auto}.modal>p{color:var(--muted);font-size:13px}.auth-content{text-align:center;flex-direction:column;align-items:center;gap:18px;padding-block:0 6px;display:flex}.auth-content small{color:var(--muted);font-size:12px;line-height:1.7}.studio-preview{background:var(--background);background-image:var(--canvas-pattern);background-size:var(--canvas-size);border:1px solid var(--border);border-radius:var(--control-radius);padding:17px 20px 21px;position:relative}.studio-mini-nav{font-family:var(--font-display);color:var(--text);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:11px;display:flex}.mini-pill{background:var(--accent);border-radius:4px;width:45px;height:12px}.studio-mini-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.mini-tile{border-radius:var(--control-radius);background:var(--surface);border:1px solid var(--border);height:62px;padding:5px}.mini-tile>span{background:#c4d9cf;border-radius:5px;height:33px;display:block}.mini-tile.peach>span{background:#edcabc}.mini-tile.lilac>span{background:#d9ceed}.mini-tile.sky>span{background:#c4d5ef}.mini-tile i{background:var(--border);border-radius:4px;width:65%;height:3px;margin-top:5px;display:block}.mini-tile i:last-child{width:45%;margin-top:3px}.studio-preview-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:1px;font-size:7px;position:absolute;bottom:6px;right:10px}.studio-chat{flex-direction:column;gap:10px;max-height:180px;margin-top:20px;padding:2px 0;display:flex;overflow:auto}.chat-message{border-radius:var(--control-radius);max-width:90%;color:var(--muted);background:var(--background);padding:11px 13px;font-size:12px;line-height:1.6}.chat-message.you{background:var(--accent-soft);color:var(--accent);align-self:flex-end}.prompt-suggestions{flex-wrap:wrap;gap:6px;margin-top:17px;margin-bottom:12px;display:flex}.prompt-suggestions button{border:1px solid var(--border);color:var(--muted);border-radius:6px;min-height:36px;padding:7px 10px;font-size:11px}.prompt-suggestions button:hover{background:var(--accent-soft);color:var(--accent)}.chat-input{border:1px solid var(--border);border-radius:var(--control-radius);align-items:center;gap:8px;padding:8px;display:flex}.chat-input:focus-within{border-color:var(--accent)}.chat-input input{width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:5px;font-size:13px}.send-button{background:var(--accent);color:var(--on-accent);border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.studio-help{color:var(--muted);margin-top:9px;font-size:11px;display:block}.studio-modal .modal-actions{border-top:1px solid var(--border);padding-top:15px}.back-link{color:var(--text);align-items:center;gap:7px;min-height:44px;margin:24px 0 28px;font-size:12px;display:inline-flex}.back-link:hover{color:var(--accent)}.detail-header{justify-content:space-between;align-items:center;gap:36px;margin-bottom:36px;display:flex}.detail-header h1{letter-spacing:-1px;margin-block:8px 10px;font-size:54px;font-weight:500;line-height:1.05}.detail-header>div>p{color:var(--muted);max-width:680px;font-size:16px;line-height:1.65}.category-label{color:var(--muted);font-size:11px}.detail-byline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.detail-byline>span:last-child{align-items:center;gap:4px;display:flex}.detail-byline a{color:var(--text);font-weight:600}.byline-dot{margin:0 3px}.detail-top-actions{align-self:center;gap:10px;display:flex}.detail-layout{grid-template-columns:minmax(0,1fr) 280px;gap:36px;display:grid}.large-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);aspect-ratio:1.43;position:relative;overflow:hidden}.large-preview>img{object-fit:cover;width:100%;height:100%}.try-button{box-shadow:var(--shadow-raised);position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.try-button:active:not(:disabled){transform:translate(-50%)translateY(1px)}.large-preview iframe{background:var(--surface);border:0;width:100%;height:calc(100% - 36px);display:block}.embed-toolbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:36px;padding:0 15px;font-size:10px;display:flex}.embed-toolbar button{font-size:10px}.about-project{padding:24px 0 12px}.about-project h2,.comments-heading h2{letter-spacing:-.6px;font-size:30px;font-weight:500}.about-project p{white-space:pre-wrap;color:var(--text);overflow-wrap:anywhere;max-width:760px;margin-top:16px;font-size:16px;line-height:1.8}.side-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:24px}.side-panel h2{letter-spacing:-.02em;font-size:17px;font-weight:500;font-family:var(--font-body)}.side-panel>p{color:var(--muted);margin-top:7px;margin-bottom:16px;font-size:14px;line-height:1.7}.side-panel>.button{width:100%;margin-top:6px}.rating-stars{gap:0;margin-bottom:15px;display:flex}.rating-stars button{min-width:44px;min-height:44px;color:var(--muted);place-items:center;padding:0;display:grid}.rating-stars button:hover{color:var(--text)}.rating-summary{color:var(--muted);font-size:12px;line-height:1.7;display:block}.project-info{color:var(--muted);flex-direction:column;gap:9px;padding:10px 4px;font-size:12px;display:flex}.project-info button{align-self:flex-start;min-height:36px;font-size:11px}.comments-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.comments-heading h2{align-items:center;gap:9px;display:flex}.live-label{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.status-dot{background:#5d9b77;border-radius:50%;width:5px;height:5px}.status-dot.offline{background:#bf854e}.comment-form{border:1px solid var(--border);background:var(--surface);border-radius:var(--control-radius);padding:16px}.comment-form .input{box-shadow:none;border:0;min-height:100px;padding:4px;font-size:15px}.comment-form-bottom{justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.checkbox-label{color:var(--muted);align-items:center;gap:7px;min-height:36px;font-size:12px;display:inline-flex}.comment-form .button{min-height:44px;padding:8px 11px;font-size:13px}.comment{border-bottom:1px solid var(--border);gap:12px;padding:23px 0;display:flex}.comment-body{flex:1;min-width:0}.comment-byline{align-items:center;gap:10px;min-height:27px;font-size:12px;display:flex}.comment-byline a,.comment-byline strong{font-weight:600}.comment-byline time{font-family:var(--font-body);color:var(--muted);font-size:11px}.comment-byline .icon-button{width:36px;min-width:36px;height:36px;margin-left:auto}.comment-body>p{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:15px;line-height:1.7}.comments-empty{min-height:0;color:var(--muted);justify-content:flex-start;align-items:center;gap:10px;padding:20px 0 0;font-size:14px;display:flex}.share-preview{border:1px solid var(--border);border-radius:var(--control-radius);margin-bottom:20px;overflow:hidden}.share-preview>img{object-fit:cover;aspect-ratio:1200/630;width:100%;max-height:none}.share-preview-loading{aspect-ratio:1200/630;background:var(--accent-soft);color:var(--muted);place-items:center;font-size:13px;display:grid}.share-count-error{color:var(--danger)}.share-preview>div{padding:18px}.share-preview strong{font-family:var(--font-display);font-size:19px;font-weight:500}.share-preview p{color:var(--muted);margin-block:4px 7px;font-size:13px}.share-preview small{color:var(--muted);font-size:11px}.copy-input{gap:7px;display:flex}.copy-input input{border:1px solid var(--border);background:var(--background);width:0;min-height:44px;color:var(--muted);border-radius:10px;flex:1;padding:10px;font-size:12px}.share-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.share-note{color:var(--muted);margin-top:17px;font-size:12px;line-height:1.7}.form-page{max-width:720px;margin:0 auto;padding:8px 0 64px}.form-page>.page-eyebrow{margin-top:15px}.form-page>h1,.account-heading h1,.portfolio-header h1,.account-signin h1{font-family:var(--font-display);letter-spacing:-.025em;margin-top:13px;margin-bottom:14px;font-size:36px;font-weight:550;line-height:1.1}.form-page>p{color:var(--muted);max-width:540px;margin-bottom:32px;font-size:14px;line-height:1.8}.post-form{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.post-main,.post-aside{min-width:0}.field{margin-bottom:24px}.field label,.field-label{color:var(--text);margin-bottom:9px;font-size:14px;font-weight:500;display:block}.input{border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--surface);width:100%;color:var(--text);min-height:48px;padding:13px 14px;font-size:15px;line-height:1.5;display:block}.input::placeholder{color:var(--muted);opacity:.75}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.input[aria-invalid=true]{border-color:var(--danger)}.field-message{min-height:21px;color:var(--muted);margin-top:6px;font-size:12px}.field-error{color:var(--danger);margin-top:7px;font-size:12px}.input-with-icon{position:relative}.input-with-icon>svg{color:var(--muted);position:absolute;top:15px;left:14px}.input-with-icon .input{padding-left:40px}.posting-identity{border:1px solid var(--border);background:var(--surface);border-radius:var(--control-radius);flex-direction:column;gap:15px;padding:20px;display:flex}.posting-identity strong{font-size:13px;font-weight:500}.posting-identity p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.7}.upload-zone{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:20px}.upload-zone>label{text-align:left}.upload-zone.dragging{border-color:var(--accent);background:var(--accent-soft)}.upload-placeholder{border:1px dashed var(--border);border-radius:var(--control-radius);min-height:183px;color:var(--muted);flex-direction:column;align-items:center;gap:10px;margin-bottom:15px;padding:31px 5px 25px;display:flex}.upload-placeholder svg{color:var(--accent)}.upload-placeholder strong{color:var(--text);font-size:13px;font-weight:500}.upload-placeholder p{font-size:11px}.upload-zone>small,.file-upload>small{color:var(--muted);margin-top:13px;font-size:9px;line-height:1.8;display:block}.upload-preview{aspect-ratio:1.43;border-radius:var(--control-radius);background:var(--accent-soft);margin-bottom:15px;position:relative;overflow:hidden}.upload-preview>img{object-fit:cover;width:100%;height:100%}.upload-preview>button{background:var(--surface);position:absolute;top:6px;right:6px}.file-upload{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:20px;padding:22px}.file-upload>svg{color:var(--accent)}.file-upload h3{letter-spacing:-.4px;font-size:18px;font-weight:500;font-family:var(--font-body);margin-top:10px}.file-upload>p{color:var(--muted);margin-block:8px 15px;font-size:12px;line-height:1.8}.file-upload .button{font-size:12px}.selected-file{color:var(--accent);align-items:center;gap:5px;margin-top:12px;font-size:12px;display:flex}.selected-file>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-file>button{margin-left:auto}.form-wide{grid-column:1/-1}.form-actions{border-top:1px solid var(--border);align-items:center;gap:10px;padding-top:23px;display:flex}.form-actions>span{color:var(--muted);margin-right:auto;font-size:12px}.signin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:480px;margin-block:25px;padding:32px}.signin-card h2{letter-spacing:-.7px;font-size:32px;font-weight:500;line-height:1.15}.signin-card p{color:var(--muted);margin-block:12px 22px;font-size:13px;line-height:1.8}.signin-card small{color:var(--muted);margin-top:17px;font-size:12px;display:block}.account-signin{min-height:600px;padding-top:70px}.account-page{padding-top:48px;padding-bottom:30px}.account-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px;display:flex}.account-heading p{color:var(--muted);font-size:14px}.account-top-actions{align-items:center;gap:25px;display:flex}.profile-strip{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);align-items:center;gap:21px;margin-bottom:27px;padding:24px;display:flex}.profile-strip>div:nth-child(2){flex:1;min-width:0}.profile-strip h2{letter-spacing:-.02em;font-size:21px;font-weight:500;font-family:var(--font-body)}.profile-strip p{color:var(--muted);overflow-wrap:anywhere;margin-top:7px;font-size:14px}.profile-strip>div:last-child{align-items:center;gap:23px;display:flex}.profile-strip .button{font-size:12px}.profile-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:1fr 1fr;gap:10px 24px;margin-bottom:27px;padding:28px;display:grid}.profile-form-footer{border-top:1px solid var(--border);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:15px;padding-top:20px;font-size:12px;display:flex}.account-tabs{border-bottom:1px solid var(--border);align-items:center;gap:25px;margin-bottom:28px;display:flex}.account-tabs>a{margin-left:auto}.account-page .gallery-section{width:100%;margin:0;padding-top:8px}.account-page .gallery-heading{margin-top:25px}.portfolio-header{align-items:center;gap:25px;padding-top:48px;padding-bottom:16px;display:flex}.portfolio-header>div>p{color:var(--muted);max-width:600px;font-size:13px}.portfolio-header .portfolio-bio{margin-top:14px;line-height:1.8}.portfolio-header .text-button{margin-top:14px}.notice{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--accent-soft);color:var(--text);margin-bottom:20px;padding:15px;font-size:13px}.error-notice{background:color-mix(in srgb, var(--danger) 6%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 25%, var(--border));border-radius:var(--control-radius);color:var(--danger);justify-content:space-between;align-items:center;gap:12px;margin-block:10px;padding:13px 15px;font-size:13px;display:flex}.error-notice .text-button{color:var(--danger);white-space:nowrap}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:330px;padding:55px 25px;display:flex}.empty-spark{color:var(--accent);background:var(--accent-soft);border-radius:20px;place-items:center;width:60px;height:60px;display:grid}.empty-state h2{letter-spacing:-.7px;font-size:32px;font-weight:500}.empty-state h1{letter-spacing:-1px;font-size:44px;font-weight:500}.empty-state p{color:var(--muted);max-width:350px;font-size:13px;line-height:1.8}.loading-region{min-height:500px;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.muted{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--accent);color:var(--on-accent);z-index:200;border-radius:8px;padding:12px 20px;position:fixed;top:-70px;left:20px}.skip-link:focus{top:15px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.play-site>.site-header,.play-site>.site-footer{display:none}.original-app{--font-display:Sidequest, system-ui, sans-serif;--font-mono:SidequestMono, monospace;color:#344b3b;--app-primary:#557a60;--app-surface:#f9faf5;--app-border:#d0dac5;--app-muted:#798574;--app-text:#344b3b;min-height:100svh;font-family:var(--font-body);background:#e9edde}.original-nav{max-width:1050px;color:var(--app-muted);justify-content:space-between;align-items:center;margin:auto;padding:25px 30px;font-size:11px;display:flex}.original-nav>a{align-items:center;gap:7px;display:flex}.original-content{justify-content:center;align-items:center;min-height:calc(100svh - 130px);padding:35px 30px;display:flex}.original-content>div{text-align:center;width:100%;max-width:680px}.original-content h1{font-family:var(--font-display);letter-spacing:-1px;margin:15px 0 10px;font-size:29px;font-weight:500;line-height:1.2}.original-content p{color:var(--app-muted);font-size:12px}.app-caption{font-family:var(--font-mono);letter-spacing:2px;color:var(--app-muted);font-size:9px}.original-nav .logo{font-size:18px;font-family:var(--font-body);gap:7px;min-height:36px;font-weight:600}.original-nav .logo-mark{width:19px;height:19px;color:inherit}.original-footer{text-align:center;color:var(--app-muted);padding:20px;font-size:9px}.app-primary,.app-secondary,.app-icon{color:#fff;background:var(--app-primary);border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:41px;padding:10px 18px;font-size:11px;display:inline-flex}.app-secondary{background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-border)}.app-icon{background:var(--app-surface);color:var(--app-primary);border:1px solid var(--app-border);padding:10px}.app-primary:hover:not(:disabled){filter:brightness(.9)}.app-actions{justify-content:center;align-items:center;gap:10px;margin-top:22px;display:flex}.app-status{min-height:22px;margin-top:20px;font-size:10px;line-height:1.5}.app-options{justify-content:center;gap:9px;margin-top:23px;display:flex}.app-options>button{font-family:var(--font-mono);color:var(--app-muted);border-radius:7px;padding:8px 12px;font-size:10px}.app-options>button[aria-pressed=true]{background:var(--app-surface);color:var(--app-primary)}.timer-circle{border-radius:50%;place-items:center;width:220px;height:220px;margin:28px auto 0;padding:3px;display:grid}.timer-circle>div{background:#e9edde;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.timer-value{font-family:var(--font-mono);letter-spacing:-2px;font-size:58px;line-height:1.2}.timer-value>span{color:#a1b198}.timer-circle small{color:var(--app-muted);margin-top:7px;font-size:9px}.original-color-study{--app-text:#615664;--app-primary:#786283;--app-muted:#9a8d9c;--app-border:#ddd6dc;--app-surface:#fffaf9;color:var(--app-text);background:#f5f2ed}.palette-swatches{border-radius:13px;height:250px;margin:32px 0 25px;display:flex;overflow:hidden;box-shadow:0 10px 35px #73607313}.palette-swatch{flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:18px 5px;display:flex;position:relative}.palette-lock{color:#26324a80;background:#ffffff40;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.palette-lock[aria-pressed=true]{background:#ffffffa0}.hex-button{font-family:var(--font-mono);color:#26324a;background:#ffffffb0;border-radius:5px;padding:5px 7px;font-size:12px}.original-tiny-notes{--app-muted:#9e8c6c;--app-text:#6e5e47;--app-primary:#a88a5b;color:var(--app-text);background:#f6eddc}.notes-app,.notes-app .app-caption,.notes-app h1,.notes-app>p{text-align:left}.notes-paper{color:#6e5e47;width:100%;font-family:var(--font-display);background:repeating-linear-gradient(#fffaf0 0 29px,#eae2d6 30px);border:1px solid #e9ddc7;border-radius:9px;min-height:295px;margin-top:26px;padding:19px 22px;font-size:14px;line-height:30px;display:block;box-shadow:0 5px 20px #8b704209}.notes-paper::placeholder{color:#b2a287}.notes-status{font-family:var(--font-mono);color:#a59173;justify-content:space-between;margin-top:14px;font-size:9px;display:flex}.original-loop-pad{--app-primary:#c4a1e3;--app-muted:#a0a1b6;--app-text:#eee7f6;--app-border:#4d4b66;--app-surface:#34384f;color:var(--app-text);background:#272c42}.drums-app .app-primary{color:#272c42}.sequencer{margin:35px 0}.sequencer-row{align-items:center;gap:14px;margin:10px 0;display:flex}.sequencer-row>span{text-align:left;width:36px;font-family:var(--font-mono);color:var(--app-muted);font-size:10px}.sequencer-row>div{flex:1;grid-template-columns:repeat(16,1fr);gap:5px;display:grid}.sequencer-row button{background:#3a3d55;border-radius:5px;height:27px}.sequencer-row button:nth-child(4n+1){background:#454960}.sequencer-row button.on{background:#c4a1e3}.sequencer-row:nth-child(2) button.on{background:#dfa88f}.sequencer-row:nth-child(3) button.on{background:#b6cbbb}.sequencer-row:nth-child(4) button.on{background:#acc0df}.sequencer-row button.current{outline-offset:2px;outline:2px solid #fff}.tempo{font-family:var(--font-mono);align-items:center;gap:10px;font-size:10px;display:flex}.tempo input{accent-color:#c4a1e3;width:90px}.drums-app small{color:var(--app-muted);margin-top:24px;font-size:9px;display:block}.original-weekend-picker{--app-primary:#7c63aa;--app-muted:#9a88b1;--app-text:#645477;--app-border:#d7cfe5;--app-surface:#faf7ff;color:var(--app-text);background:#eee8fa}.picker-layout{grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin-top:30px;display:grid}.wheel-area{position:relative}.wheel{border:7px solid #f9f6ff;border-radius:50%;place-items:center;width:210px;height:210px;margin:0 auto 23px;transition:transform 2s cubic-bezier(.12,.6,.2,1);display:grid;box-shadow:0 6px 25px #76629b17}.wheel>span{color:#8f79ad;background:#fcf8ff;border-radius:50%;place-items:center;width:65px;height:65px;font-size:35px;display:grid;box-shadow:0 0 0 4px #ffffff40}.wheel-pointer{z-index:2;color:#8467b1;font-size:23px;position:absolute;top:-7px;left:calc(50% - 8px)}.picker-result{min-height:28px;margin-top:14px;font-size:11px}.wheel-options>form{background:#faf7ff;border:1px solid #d8cee6;border-radius:8px;gap:7px;margin-bottom:14px;padding:6px 9px;display:flex}.wheel-options input{color:#645477;background:0 0;border:0;outline:0;flex:1;width:0;min-height:30px;font-size:11px}.wheel-options form button{color:#8467b1;place-items:center;width:28px;display:grid}.wheel-option{text-align:left;background:#ffffff58;border:1px solid #ffffff6b;border-radius:7px;justify-content:space-between;align-items:center;gap:7px;margin-bottom:6px;padding:6px 10px;font-size:10px;display:flex}.wheel-option button{color:#9a88b1;place-items:center;min-width:25px;min-height:25px;display:grid}.original-breathing-room{--app-primary:#698faa;--app-muted:#86a1b2;--app-text:#4f738b;color:var(--app-text);background:#e3eef3}.breathing-circle{background:#b6d0df66;border-radius:50%;place-items:center;width:220px;height:220px;margin:40px auto;display:grid;box-shadow:0 0 0 23px #c3d9e438,0 0 0 45px #c3d9e421}.breathing-circle>div{flex-direction:column;gap:8px;display:flex}.breathing-circle span{font-family:var(--font-display);letter-spacing:-.6px;font-size:23px;font-weight:400}.breathing-circle small{font-family:var(--font-mono);font-size:9px}.breathing-circle.active{animation:14s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(.8)}28.57%,57.14%{transform:scale(1.05)}}.breathing-app>small{color:var(--app-muted);margin-top:22px;font-size:9px;display:block}.original-pixel-garden{--app-primary:#608057;--app-muted:#90a285;--app-text:#527249;color:var(--app-text);background:#e6eddf}.pixel-canvas{touch-action:none;background:#d0dbbf;border:9px solid #f5f8ec;border-radius:5px;grid-template-columns:repeat(16,1fr);gap:1px;width:288px;height:288px;margin:25px auto 19px;display:grid;box-shadow:0 4px 22px #73905814}.pixel-canvas button{border-radius:1px;min-width:0;padding:0}.pixel-colors{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.pixel-colors>button{border:2px solid #f5f8ec;border-radius:50%;width:23px;height:23px}.pixel-colors>button[aria-pressed=true]{outline-offset:2px;outline:2px solid #608057}.original-good-password{--app-primary:#5c7ca8;--app-muted:#8d9eb6;--app-text:#4c6385;--app-border:#c7d4e5;--app-surface:#f4f8fc;color:var(--app-text);background:#e5edf6}.password-app{max-width:470px!important}.password-icon{color:#7899be;background:#d6e2f0;border-radius:19px;place-items:center;width:65px;height:65px;margin:20px auto 0;display:grid}.password-output{background:#f4f8fc;border:1px solid #c7d4e5;border-radius:11px;align-items:center;gap:12px;margin:30px 0 25px;padding:14px 18px;display:flex}.password-output input{color:#4c6385;font-family:var(--font-mono);text-align:center;letter-spacing:.5px;background:0 0;border:0;outline:0;flex:1;width:0;font-size:21px}.password-output button{color:#718cac;place-items:center;min-width:30px;min-height:30px;display:grid}.password-length{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:13px;font-size:11px;display:flex}.password-length input{accent-color:#718cac;width:100%}.password-length strong{font-family:var(--font-mono)}.password-symbols{justify-content:center;align-items:center;gap:6px;margin:22px 0;font-size:11px;display:flex}.password-symbols input{accent-color:#718cac}.original-app.embedded{min-height:100svh}.embedded .original-content{min-height:100svh;padding:20px}.embedded .original-content h1{font-size:25px}.embedded .timer-circle{width:190px;height:190px;margin-top:20px}.embedded .palette-swatches{height:200px}.embedded .breathing-circle{width:165px;height:165px;margin:35px auto}.embedded .pixel-canvas{width:224px;height:224px}.embedded .wheel{width:165px;height:165px}.embedded .original-content .notes-paper{min-height:220px;max-height:300px}.embedded .app-caption{font-size:8px}@media (min-width:1600px){:root{--card-gap:28px}}@media (max-width:1100px){:root{--page-gutter:32px;--card-gap:20px}.header-inner{gap:36px}.header-actions{gap:12px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site[data-density=compact] .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 264px;gap:28px}.post-form{grid-template-columns:minmax(0,1fr) 300px;gap:32px}}@media (max-width:800px){:root{--page-gutter:24px}.header-inner{flex-wrap:nowrap;gap:28px;min-height:82px}.header-inner nav{gap:20px}.header-actions{gap:8px}.studio-header{display:none}.logo{font-size:34px}.nav-link.active:after{bottom:7px}.post-button{padding:10px 13px;font-size:12px}.gallery-heading{align-items:flex-start;gap:20px}.gallery-controls{gap:12px}.search-box{width:200px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{grid-template-columns:1fr 1fr;gap:18px;display:grid}.side-panel{margin-bottom:0}.detail-sidebar .project-info{grid-column:1/-1;padding-bottom:24px}.detail-top-actions{flex-direction:column;align-items:flex-end}.detail-header h1{font-size:36px}.post-form{grid-template-columns:1fr;gap:32px}.post-aside{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.file-upload{margin-top:0}.profile-strip>div:last-child{flex-direction:column;align-items:flex-end;gap:8px}.account-heading{gap:24px}.account-top-actions{gap:16px}.site[data-density=compact] .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){:root{--page-gutter:20px;--card-gap:20px}.header-inner{gap:12px;min-height:72px}.header-inner nav{display:none}.logo{gap:8px;font-size:34px}.logo-mark{width:23px;height:23px}.header-actions{gap:10px}.post-button{min-height:44px;padding:10px 12px}.post-button .post-button-extra{display:none}.post-button svg{width:16px;height:16px}.signin-button{font-size:12px}.header-actions .avatar{width:44px;height:44px}.gallery-section{padding-top:32px}.gallery-heading{flex-direction:column;gap:22px;margin-bottom:18px}.gallery-title{font-size:26px}.gallery-controls{gap:16px;width:100%}.search-box{flex:1;width:auto}.search-box input{font-size:16px}.sort-label select{max-width:124px;font-size:12px}.filter-row{gap:0;margin-bottom:22px}.category-filters{gap:3px}.filter-chip{min-height:44px;padding:8px 11px;font-size:12px}.gallery-status{width:0;overflow:hidden}.project-grid,.site[data-density=compact] .project-grid{grid-template-columns:minmax(0,1fr);gap:24px}.project-card{padding:8px}.project-card-content,.site[data-density=compact] .project-card-content{padding:16px 14px 14px}.card-title-row h2,.site[data-density=compact] .card-title-row h2{font-size:18px}.card-description{min-height:47px;font-size:15px}.card-meta{margin-top:8px}.creator-name{font-size:12px}.card-category{font-size:11px}.save-button{width:44px;height:44px}.gallery-bottom{min-height:112px;padding:24px 0}.gallery-bottom p{max-width:300px}.site-footer{align-items:flex-start;gap:16px;padding:24px 0 30px}.site-footer p{max-width:180px;font-size:11px}.footer-right .text-button{font-size:11px}.toast{bottom:max(20px, env(safe-area-inset-bottom));font-size:12px}.modal{width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:24px 20px}.modal-heading h2{font-size:30px}.modal-heading p{font-size:13px}.modal-actions{flex-wrap:wrap;gap:8px}.modal-actions .button{padding:10px 12px;font-size:12px}.chat-input input{font-size:16px}.back-link{margin:16px 0 20px}.detail-header{margin-bottom:28px;display:block}.detail-header h1{font-size:42px}.detail-header>div>p{font-size:14px}.detail-byline{gap:7px;font-size:12px}.detail-top-actions{flex-direction:row;align-items:center;margin-top:24px}.detail-top-actions .button{font-size:12px}.detail-layout{gap:24px}.large-preview:has(iframe){aspect-ratio:auto;height:480px}.try-button{font-size:12px;bottom:20px}.about-project h2,.comments-heading h2{font-size:28px}.about-project p{font-size:14px}.live-label{font-size:10px}.comment-form .input{font-size:16px}.comment-form-bottom{flex-wrap:wrap;gap:8px}.comment-form .button{margin-left:auto}.comments-empty{font-size:12px}.detail-sidebar{grid-template-columns:1fr;gap:16px}.side-panel{padding:24px}.rating-stars{gap:4px}.rating-summary{font-size:12px}.share-options{gap:8px}.share-options .button{padding:10px;font-size:13px}.copy-input input{font-size:16px}.form-page{padding-top:0}.form-page>h1,.account-heading h1,.portfolio-header h1,.account-signin h1{letter-spacing:-.025em;font-size:42px}.form-page>p{margin-bottom:32px;font-size:14px}.post-form,.post-aside{flex-direction:column;gap:24px;display:flex}.post-aside>div{width:100%}.input{font-size:16px}.form-actions{flex-wrap:wrap;gap:10px}.form-actions>span{width:100%;margin-bottom:8px}.form-actions>.button-outline{margin-left:auto}.account-page{padding-top:32px}.account-heading{margin-bottom:28px;display:block}.account-top-actions{justify-content:space-between;margin-top:20px}.profile-strip{flex-wrap:wrap;gap:16px;padding:24px 20px}.profile-strip .avatar.big{width:48px;height:48px;font-size:21px}.profile-strip h2{font-size:19px}.profile-strip>div:last-child{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:6px}.profile-form{padding:24px 20px;display:block}.profile-form-footer{flex-wrap:wrap;gap:16px}.account-tabs{gap:20px}.account-tabs>button{gap:5px;font-size:12px}.account-tabs svg{width:14px}.account-tabs>.text-button{display:none}.portfolio-header{gap:18px;padding-top:32px;padding-bottom:0}.portfolio-header .avatar.big{width:56px;height:56px;font-size:24px}.account-signin{min-height:540px;padding-top:40px}.signin-card{padding:28px 24px}.original-content{padding:28px 20px}.original-content h1{font-size:25px}.palette-swatches{height:220px;margin-top:25px}.palette-swatch{padding:13px 3px}.hex-button{padding:5px 3px;font-size:9px}.sequencer-row{gap:7px}.sequencer-row>span{width:30px;font-size:8px}.sequencer-row>div{gap:3px}.sequencer-row button{border-radius:3px;height:21px}.tempo{gap:7px;font-size:8px}.tempo input{width:65px}.picker-layout{display:block}.wheel-options{max-width:320px;margin:25px auto 0}.password-output input{font-size:16px}.original-app.embedded .original-content{padding:20px 14px}.embedded .original-content h1{font-size:22px}.embedded .palette-swatches{height:185px}.embedded .pixel-canvas{width:224px;height:224px}.embedded .picker-layout{display:block}.embedded .wheel{width:160px;height:160px}.embedded .wheel-options{max-width:290px;margin:20px auto 0}.embedded .original-content{align-items:flex-start}.embedded .original-content>div{padding-top:12px}.embedded .notes-paper{min-height:240px;max-height:290px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.breathing-circle.active{animation:none}.project-card:hover,.logo:hover .logo-mark,.project-card:hover .card-title-row>svg,.project-card:focus-within .card-title-row>svg{transform:none}}@media (forced-colors:active){*{scrollbar-color:auto}.button,.input,.filter-chip.selected,.save-button{border:1px solid buttontext}.logo-mark,.rating-stars{color:buttontext}.status-dot{background:canvastext}}.project-preview .save-button,.card-creator a{z-index:3;position:relative}.project-preview .save-button{position:absolute}.share-options a[aria-disabled=true]{opacity:.5;cursor:wait}.detail-page{max-width:1080px}.detail-layout{grid-template-columns:minmax(0,1fr)}.detail-header{flex-wrap:wrap;gap:24px}.detail-top-actions{flex-wrap:wrap;justify-content:flex-start}.large-preview{aspect-ratio:auto}.large-preview>img{object-fit:contain;max-height:560px}.large-preview iframe{height:min(560px,70svh);min-height:360px}.detail-main .rating-panel{grid-template-columns:1fr auto;align-items:center;column-gap:24px;margin:24px 0;display:grid}.detail-main .rating-panel h2,.detail-main .rating-panel p{grid-column:1}.detail-main .rating-panel .rating-stars{grid-area:1/2/3}.detail-main .rating-summary{grid-column:1/-1}.detail-main .project-info{flex-flow:wrap;align-items:center;margin:20px 0}.launch-success{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:16px;margin:20px 0;padding:16px 20px;display:flex}.launch-success>span{align-items:center;gap:10px;font-weight:500;display:flex}.discussion-signin{justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.discussion-signin p{color:var(--muted);font-size:14px}#discussion{scroll-margin-top:24px}.project-source{gap:8px;display:flex}.project-source>.button{flex:1}.optional-details{border-top:1px solid var(--border);padding-top:18px}.optional-details summary{cursor:pointer;color:var(--text);padding:10px 0;font-size:13px;font-weight:500}.optional-details summary span{color:var(--muted);margin-left:8px;font-weight:400}.optional-details .field{margin-top:16px}.launch-card-caption{padding:0 18px 18px}.launch-card-caption strong{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:17px;font-weight:550}.launch-card-caption p{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 14px;font-size:13px;line-height:1.65}.launch-card-caption small{color:var(--muted);font-size:11px}.launch-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 20px;display:grid}.launch-options a{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);flex-direction:column;gap:12px;padding:28px;display:flex;position:relative}.launch-options a:hover{border-color:var(--scroll-thumb);box-shadow:var(--shadow-raised)}.launch-options strong{margin-top:8px;font-size:17px;font-weight:500}.launch-options span{color:var(--muted);font-size:13px;line-height:1.6}.launch-options a>svg:last-child{color:var(--muted);position:absolute;top:28px;right:24px}.launch-entry>small{font-size:12px;line-height:1.7;display:block}.account-tabs>a:not(.text-button){color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:8px;margin:0;padding:12px 15px;font-size:13px;display:flex}.account-tabs>a.selected{color:var(--text);border-bottom-color:var(--text)}.modal .profile-form{background:0 0;border:0;flex-direction:column;margin-top:0;padding:0;display:flex}.modal .profile-form-footer{flex-wrap:wrap}@media (max-width:640px){.detail-top-actions{width:100%;display:flex}.detail-top-actions .button{flex:1;justify-content:center}.detail-top-actions .button:first-child{flex-basis:100%}.detail-main .rating-panel{display:block}.detail-main .rating-stars{margin:14px 0}.launch-success,.discussion-signin{flex-direction:column;align-items:stretch}.launch-options{grid-template-columns:1fr}.account-tabs>a:not(.text-button){padding:12px 10px;font-size:12px}.post-aside{flex-direction:column;display:flex}.post-aside .launch-card-caption{border:0}}.project-source{margin-bottom:24px}.post-main>.file-upload{margin:0 0 24px}.large-preview:has(iframe){height:auto}.modal .profile-form .optional-details{width:100%}.account-tabs{flex-wrap:wrap;column-gap:12px}.project-card{scroll-margin-top:24px}.gallery-toolbar{flex-direction:column;align-items:flex-end;gap:7px;min-width:0;display:flex}.gallery-toolbar .filter-row{gap:0;margin:0}.gallery-toolbar .category-filters{justify-content:flex-end}.gallery-toolbar .gallery-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.discovery-gallery .gallery-toolbar .filter-chip{padding-inline:13px}.discovery-gallery .gallery-heading{align-items:flex-end;margin-bottom:22px}.discovery-gallery .gallery-title{letter-spacing:-.04em;padding-bottom:4px;font-size:clamp(29px,2.8vw,38px);font-weight:500;line-height:1.12}.discovery-gallery .gallery-title>span{display:block}.discovery-gallery .gallery-controls{padding-bottom:4px}.collection-gallery .gallery-title{font-size:34px}.gallery-heading>div:first-child{min-width:0}.creator-dot.anonymous{background:#e4e5e7;border:0;position:relative}.creator-dot.anonymous:before{content:"";background:#b8bbc0;border-radius:50%;width:7px;height:7px;position:absolute;top:4px}.creator-dot.anonymous:after{content:"";background:#b8bbc0;border-radius:8px 8px 4px 4px;width:12px;height:7px;position:absolute;bottom:3px}.card-share-button{z-index:3;min-height:44px;color:var(--text);white-space:nowrap;justify-content:flex-end;align-items:center;gap:5px;padding:0 0 0 8px;font-size:13px;display:inline-flex;position:relative}.card-share-button:hover{text-underline-offset:4px;text-decoration:underline}.card-share-button>svg{transition:transform var(--motion-fast) var(--motion-ease)}.card-share-button:hover>svg{transform:translate(1px,-1px)}.card-management{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;padding-top:3px;display:flex}.card-management>span{color:var(--muted);margin-right:auto;font-size:11px}.card-manage-button{z-index:3;color:var(--muted);position:relative}.mobile-menu-button{display:none}.mobile-navigation{display:grid}.mobile-navigation>a,.mobile-navigation>button{border-top:1px solid var(--border);text-align:left;justify-content:space-between;align-items:center;min-height:58px;padding:10px 2px;font-size:16px;display:flex}.mobile-navigation>a:hover,.mobile-navigation>button:hover{color:var(--accent)}.navigation-modal .modal-heading h2{font-size:25px}body:has(dialog[open]){overflow:hidden}.modal[open]{opacity:1;transform:translateY(0)scale(1)}@starting-style{.modal[open]{opacity:0;transform:translateY(8px)scale(.985)}}.site>main>.container,.site>main>.account-page,.site>main>.portfolio-header{animation:surface-arrive .24s var(--motion-ease) both}@keyframes surface-arrive{0%{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}.ambient-orbs{--orb-width:100vw;--orb-height:0px;visibility:hidden;z-index:0;pointer-events:none;height:0;position:absolute;top:0;left:0;right:0;overflow:hidden}.ambient-orbs-top{-webkit-mask-image:linear-gradient(#000 0 calc(100% - 72px),#0000 100%);mask-image:linear-gradient(#000 0 calc(100% - 72px),#0000 100%)}.ambient-orbs-bottom{top:auto;bottom:0;-webkit-mask-image:linear-gradient(#0000 0,#000 72px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 72px calc(100% - 24px),#0000 100%)}.ambient-orbs-bottom .ambient-orb:first-child{--orb-y-phase:.45}.ambient-orbs-bottom .ambient-orb:nth-child(2){--orb-y-phase:.7}.ambient-orb{--orb-size:6px;--orb-x-time:44s;--orb-y-time:31s;--orb-float-time:7s;--orb-x-phase:.025;--orb-y-phase:.14;width:var(--orb-size);height:var(--orb-size);transform:translate3d(calc((var(--orb-width) - var(--orb-size) - 44px) * var(--orb-x-phase)), 0, 0);animation:orb-travel-x var(--orb-x-time) linear infinite alternate;animation-delay:calc(var(--orb-x-time) * var(--orb-x-phase) * -1);position:absolute;top:22px;left:22px}.orb-height{width:100%;height:100%;transform:translate3d(0, calc((var(--orb-height) - var(--orb-size) - 44px) * var(--orb-y-phase)), 0);animation:orb-travel-y var(--orb-y-time) linear infinite alternate;animation-delay:calc(var(--orb-y-time) * var(--orb-y-phase) * -1);display:block}.orb-core{filter:blur(1.1px);width:100%;height:100%;animation:orb-float var(--orb-float-time) ease-in-out infinite;animation-delay:calc(var(--orb-float-time) * var(--orb-y-phase) * -1);background:#151515b3;border-radius:50%;display:block;position:relative}.orb-core:before{content:"";width:calc(var(--orb-size) * 4.2);height:calc(var(--orb-size) * 4.2);left:calc(var(--orb-size) * -1.6);top:calc(var(--orb-size) * -1.6);background:radial-gradient(circle,#15151512 0,#15151509 30%,#15151502 50%,#0000 75%);border-radius:50%;position:absolute}.ambient-orb:first-child{--orb-size:9px}.ambient-orb:nth-child(2){--orb-x-time:49s;--orb-y-time:38s;--orb-float-time:8.3s;--orb-x-phase:.58;--orb-y-phase:.065}.ambient-orb:nth-child(3){--orb-size:7px;--orb-x-time:39s;--orb-y-time:29s;--orb-float-time:6.4s;--orb-x-phase:.979;--orb-y-phase:.3}.ambient-orb:nth-child(4){--orb-x-time:53s;--orb-y-time:34s;--orb-float-time:7.8s;--orb-x-phase:.018;--orb-y-phase:.65}@keyframes orb-travel-x{0%{transform:translate(0,0)}to{transform:translate3d(calc(var(--orb-width) - var(--orb-size) - 44px), 0, 0)}}@keyframes orb-travel-y{0%{transform:translate(0,0)}to{transform:translate3d(0, calc(var(--orb-height) - var(--orb-size) - 44px), 0)}}@keyframes orb-float{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}.site[data-mode=dark] .ambient-orbs{opacity:.55}.site[data-mode=dark] .orb-core{background:#d1d3d5a3}.site[data-mode=dark] .orb-core:before{background:radial-gradient(circle,#d1d3d526 0,#d1d3d512 34%,#0000 70%)}.site[data-background=stars] .ambient-orbs,.site[data-background=dots] .ambient-orbs,.site[data-background=grid] .ambient-orbs,.play-site .ambient-orbs{display:none}.site[data-motion=paused] .ambient-orbs span{animation-play-state:paused}.site[data-motion=paused]>main>.container,.site[data-motion=paused]>main>.account-page,.site[data-motion=paused]>main>.portfolio-header{animation:none}.site[data-motion=paused] .project-card:hover,.site[data-motion=paused] .card-share-button:hover>svg{transform:none}@media (max-width:800px){.discovery-gallery .gallery-heading{flex-wrap:wrap}.discovery-gallery .gallery-toolbar{align-items:stretch;width:100%}.discovery-gallery .gallery-controls,.discovery-gallery .category-filters{justify-content:flex-start}.discovery-gallery .gallery-title{font-size:34px}}@media (max-width:640px){.header-inner{flex-wrap:nowrap;gap:12px;min-height:78px}.header-actions{gap:4px}.header-actions .signin-button,.header-actions>.avatar{display:none}.mobile-menu-button{display:inline-flex}.logo{letter-spacing:-1.3px;font-size:34px}.post-button{padding:10px 13px;font-size:13px}.gallery-heading{align-items:stretch}.discovery-gallery .gallery-title{font-size:29px}.discovery-gallery .gallery-heading{align-items:stretch;gap:20px;margin-bottom:18px}.discovery-gallery .gallery-controls{justify-content:stretch;padding:0}.gallery-controls{gap:12px}.gallery-toolbar{align-items:stretch;gap:9px;width:100%}.gallery-toolbar .category-filters{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.gallery-toolbar .category-filters::-webkit-scrollbar{display:none}.gallery-toolbar .filter-row{min-width:0}.sort-label{max-width:38%}.filter-row{align-items:flex-start}.category-filters{gap:4px}.filter-chip{padding:8px 11px;font-size:12px}.card-share-button{font-size:14px}.site-footer{flex-direction:column;align-items:stretch;gap:16px}.site-footer p{max-width:none;font-size:12px}.footer-right{justify-content:flex-start;gap:4px 20px}.footer-right .text-button{font-size:12px}.ambient-orb:first-child{--orb-x-time:18s;--orb-y-time:25s}.ambient-orb:nth-child(2){--orb-x-time:22s;--orb-y-time:29s;--orb-x-phase:.7;--orb-y-phase:.11}.ambient-orb:nth-child(3){--orb-x-time:16s;--orb-y-time:23s;--orb-y-phase:.32}.ambient-orb:nth-child(4){--orb-x-time:24s;--orb-y-time:27s}.collection-gallery .gallery-title{font-size:32px}.account-tabs{gap:2px}.account-tabs>a:not(.text-button){padding:12px 8px;font-size:12px}.account-tabs>a:not(.text-button) svg{width:14px}.form-page>p{line-height:1.6}.detail-header h1{font-size:44px}.modal .profile-form-footer p{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-orbs span,.site>main>.container,.site>main>.account-page,.site>main>.portfolio-header{animation:none}.card-share-button:hover>svg{transform:none}.modal{transition:none;transform:none}}@media (forced-colors:active){.ambient-orbs{display:none}}.choice-trigger{border-radius:var(--control-radius);background:var(--surface);width:100%;min-height:44px;color:var(--muted);box-shadow:none;font:500 14px/1.4 var(--font-body);letter-spacing:-.01em;border:1px solid #0000;justify-content:space-between;align-items:center;gap:9px;padding:9px 12px;display:flex}.choice-trigger:hover,.choice-trigger[data-state=open]{color:var(--text);background:color-mix(in srgb, var(--text) 4%, var(--surface))}.choice-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.choice-trigger>svg{width:14px;height:14px}.field .choice-trigger{border-color:var(--border);color:var(--text);padding:11px 13px;font-size:15px}.field .choice-trigger[aria-invalid=true]{border-color:var(--danger)}.review-toolbar .choice-trigger{width:180px}.choice-content{z-index:70;min-width:max(180px, var(--radix-select-trigger-width));max-height:var(--radix-select-content-available-height);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--control-radius);box-shadow:var(--shadow-dialog);font:14px/1.4 var(--font-body);padding:5px;overflow:hidden}.choice-content [data-radix-select-viewport]{height:auto;max-height:280px;padding:0}.choice-item{cursor:pointer;border-radius:8px;outline:none;align-items:center;min-height:40px;padding:9px 30px 9px 12px;display:flex;position:relative}.choice-item[data-highlighted]{background:color-mix(in srgb, var(--text) 5%, var(--surface))}.choice-item[data-state=checked]{font-weight:550}.choice-item [data-slot=select-item-indicator]{place-items:center;display:grid;position:absolute;right:10px}.choice-item [data-slot=select-item-indicator] svg{width:14px;height:14px}.auth-page{max-width:540px;padding-block:42px 80px}.auth-page h1{font:550 32px/1.15 var(--font-body);letter-spacing:-.04em;margin-bottom:30px}.auth-form-wrap{min-width:0}.auth-tabs{border-radius:var(--control-radius);background:color-mix(in srgb, var(--text) 4%, var(--surface));gap:4px;margin:14px 0 26px;padding:4px;display:flex}.auth-tabs>button{color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:10px;font-size:14px}.auth-tabs>button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #11111108}.auth-form .field{margin-bottom:16px}.auth-form>.button,.auth-google{width:100%}.auth-form input:not([type=checkbox]){border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);width:100%;min-height:46px;color:var(--text);padding:11px 13px;font-size:16px}.auth-form input[aria-invalid=true]{border-color:var(--danger)}.password-input{align-items:center;display:flex;position:relative}.auth-form .password-input input{padding-right:48px}.password-input>button{position:absolute;right:5px}.auth-terms{color:var(--muted);margin:4px 0 22px;font-size:13px}.auth-terms>label{align-items:flex-start;gap:9px;display:flex}.auth-terms input{flex:none;margin-top:3px}.auth-terms a,.auth-privacy a,.policy-page a{text-underline-offset:3px;text-decoration:underline}.auth-privacy{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.7}.auth-legacy{color:var(--muted);margin-top:18px;font-size:12px}.share-composer{margin:20px 0 15px}.share-composer-label{margin-bottom:8px;font-size:13px;font-weight:550;display:block}.share-composer textarea{resize:none;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);width:100%;min-height:95px;color:var(--text);font:15px/1.55 var(--font-body);padding:13px 15px;display:block}.share-composer-footer{color:var(--muted);justify-content:space-between;gap:12px;margin-top:8px;font-size:11px;display:flex}.share-primary-action{background:var(--text);color:var(--surface);border-color:#0000}.share-options{gap:8px}.share-options .button{font-size:13px}.review-policy,.draft-notice{color:var(--muted);font-size:13px;line-height:1.65}.project-card .review-policy{margin:6px 0 0;font-size:11px}.draft-notice{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);margin-bottom:20px;padding:12px 14px}.policy-page{max-width:760px;padding-block:35px 80px}.policy-page h1,.moderation-page h1{font:550 36px/1.15 var(--font-display);letter-spacing:-.04em}.policy-page h2,.moderation-page h2{font:550 21px/1.3 var(--font-display);letter-spacing:-.02em;margin:32px 0 12px}.policy-page p,.policy-page li{color:var(--muted);margin-bottom:13px;font-size:15px;line-height:1.8}.policy-page>small{color:var(--muted);margin:12px 0 32px;font-size:12px;display:block}.policy-links{flex-wrap:wrap;gap:18px;margin-top:18px;font-size:12px;display:flex}.moderation-page{max-width:1040px;padding-block:28px 70px}.review-toolbar,.review-actions,.review-links{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.review-item{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);margin:16px 0;padding:24px}.review-item-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.review-item h3{font:550 19px/1.3 var(--font-body);overflow-wrap:anywhere}.review-content{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0}.review-preview{object-fit:contain;object-position:left;border-radius:8px;max-width:100%;height:auto;max-height:320px}.review-reason{color:var(--muted);margin:16px 0;font-size:13px}.review-item textarea{resize:none;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);width:100%;min-height:84px;color:var(--text);margin-top:8px;padding:12px;display:block}.review-item .checkbox-label{align-items:flex-start;margin:18px 0;font-size:13px}@media (max-width:640px){.choice-trigger{padding-inline:8px;font-size:12px}.auth-page{padding-block:24px 60px}.auth-page h1,.policy-page h1,.moderation-page h1{font-size:29px}.review-item{padding:18px}.share-composer-footer{flex-wrap:wrap}.policy-links{gap:12px 18px}}.launch-page .launch-intro{margin-bottom:30px;font-size:15px}.launch-page .post-form{grid-template-columns:minmax(0,1fr)}.launch-page .source-switch{color:var(--muted);margin-top:-12px;font-size:13px}.launch-page .form-actions{border:0;padding-top:4px}.post-identity{border:0;min-width:0;margin:22px 0 36px;padding:0}.post-identity legend{margin-bottom:10px;font-size:14px;font-weight:500}.identity-options{border-radius:var(--button-radius);background:color-mix(in srgb, var(--text) 4%, var(--surface));gap:4px;padding:4px;display:inline-flex}.identity-options label{border-radius:var(--button-radius);cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:14px;display:flex}.identity-options input{opacity:0;width:1px;height:1px;position:absolute}.identity-options label.selected{background:var(--surface);box-shadow:0 1px 4px #0000000a}.identity-options label:focus-within{outline:2px solid var(--accent);outline-offset:2px}.identity-options label:hover{color:var(--accent)}.identity-options label:has(input:disabled){cursor:default;opacity:.55}.identity-note{color:var(--muted);min-height:28px;padding-top:10px;font-size:12px}.identity-note .text-button{min-height:28px;font-size:12px}.optional-heading{align-items:baseline;gap:10px;margin-bottom:24px;display:flex}.optional-heading h2{font-size:16px;font-weight:500;font-family:var(--font-display)}.optional-heading span{color:var(--muted);font-size:12px}.post-media{gap:12px;display:grid}.file-picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;padding:16px 18px}.file-picker.dragging{background:var(--accent-soft);border-color:var(--accent)}.file-picker-row{align-items:center;gap:12px;display:flex}.file-picker-icon{background:color-mix(in srgb, var(--text) 4%, var(--surface));border-radius:12px;place-items:center;min-width:40px;height:40px;display:grid}.file-picker-copy{flex:1;min-width:0}.file-picker-copy label{cursor:pointer;font-size:14px;font-weight:500;display:block}.file-picker-copy p{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.5}.file-picker .button{padding:9px 16px;font-size:13px}.file-picker .selected-file{margin-top:10px;padding-left:52px;font-size:12px}.media-image{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:250px;margin-top:14px;display:block}.media-video{margin-top:14px}.demo-video{background:var(--background);width:100%}.demo-video video{aspect-ratio:24/17;object-fit:contain;border-radius:inherit;background:#17181a;width:100%;max-height:650px;display:block}.media-video video{max-height:250px}.demo-video p{padding:14px;font-size:13px}.demo-video p a{text-underline-offset:4px;text-decoration:underline}.large-preview .demo-video{border-radius:inherit}.project-ratings{justify-content:space-between;align-items:center;gap:24px;padding:28px 0;display:flex}.rating-total{color:var(--text);font-variant-numeric:tabular-nums;flex-direction:column;gap:3px;display:inline-flex}.rating-total strong{font-family:var(--font-display);letter-spacing:-.045em;font-size:42px;font-weight:500;line-height:1.05}.rating-total>span{color:var(--muted);font-size:13px}.rating-total.compact{flex-direction:row;align-items:center;gap:5px}.rating-total.compact strong{font-family:var(--font-body);letter-spacing:0;font-size:12px;font-weight:500;line-height:1.5}.rating-total.compact>span{font-size:12px}.rating-choice{align-items:center;gap:14px;display:flex}.rating-caption{color:var(--muted);font-size:13px}.rating-choice .rating-stars{margin:0}.rating-stars button{transition:background var(--motion-fast), color var(--motion-fast);border-radius:50%}.rating-stars button:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.rating-stars button:focus-visible{background:var(--accent-soft);color:var(--text)}.rating-stars button[aria-pressed=true]{color:var(--text)}.card-video-label{margin-left:auto}.comments-heading h2{font-family:var(--font-display);gap:10px;font-size:24px;font-weight:500;line-height:1.25}.comment-count{min-width:24px;height:24px;font:13px/1 var(--font-body);color:var(--muted);background:color-mix(in srgb, var(--text) 4%, var(--surface));border-radius:50%;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.comments-connection{color:var(--muted);font-size:12px}.comments-section{padding:24px 0 36px}.comment-form{border-radius:var(--radius);background:color-mix(in srgb, var(--text) 3%, var(--surface));border:0;padding:18px 20px}.comment-form:focus-within{outline:1px solid var(--border)}.comment-form .input{background:0 0;min-height:88px;padding:0}.comment-form-bottom{padding-top:10px}.comment-form .button{min-width:82px;padding:10px 20px}.comment-identity{color:var(--muted);font-size:12px}.comments-empty{text-align:left;margin:0;display:block}.appearance-trigger{border-radius:var(--button-radius);min-height:44px;color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.appearance-trigger:hover{background:color-mix(in srgb, var(--text) 4%, var(--surface));color:var(--text)}.site-footer{grid-template-columns:1fr auto;align-items:start;gap:56px;padding:40px 0;display:grid}.footer-brand p{margin-top:12px;font-size:12px}.footer-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.footer-group{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.footer-group>span{color:var(--muted);margin:0 0 10px;font-size:11px}.footer-group a,.footer-group button{text-align:left;align-items:center;gap:6px;min-height:44px;padding:0;font-size:13px;font-weight:400;line-height:1.4;display:inline-flex}.footer-group a:hover,.footer-group button:hover{color:var(--accent)}.community-rules{max-width:570px;margin-top:36px}.community-rules p{color:var(--text);margin:0 0 26px;font-size:17px;line-height:1.65}.resource-group{margin-top:32px}.resource-group h2{margin-bottom:10px;font-size:15px;font-weight:500}.resource-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.resource-list a{border:1px solid var(--border);border-radius:var(--radius);min-height:88px;transition:border-color var(--motion-fast), background var(--motion-fast);justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.resource-list a:hover{border-color:var(--muted);background:color-mix(in srgb, var(--text) 2%, var(--surface))}.resource-list strong{font-size:15px;font-weight:500;display:block}.resource-list small{color:var(--muted);margin-top:5px;font-size:13px;display:block}.resource-list svg{color:var(--muted);flex-shrink:0}@media (max-width:800px){.site-footer{grid-template-columns:1fr;gap:28px}.footer-navigation{gap:16px}.rating-choice{flex-direction:column;align-items:flex-end;gap:4px}}@media (max-width:640px){.appearance-trigger{display:none}.launch-page{padding-bottom:32px}.launch-page .launch-intro{font-size:14px;line-height:1.6}.file-picker{padding:14px}.file-picker-icon{display:none}.file-picker .selected-file{padding-left:0}.comments-heading h2{font-size:23px}.comment-form{padding:16px}.project-ratings{gap:12px}.rating-stars button{min-width:40px}.rating-total strong{font-size:36px}.resource-list{grid-template-columns:1fr}}.launch-page .form-actions{justify-content:flex-end}.launch-page .form-actions>span:empty{display:none}.project-artwork{aspect-ratio:24/17;text-align:center;background:color-mix(in srgb, var(--text) 3%, var(--surface));flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;min-height:240px;padding:28px;display:flex}.project-artwork strong{font-family:var(--font-display);letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(28px,3.4vw,44px);font-weight:500;line-height:1.15}.project-artwork span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.large-preview .project-artwork{min-height:350px}.card-custom-category{color:var(--muted);overflow-wrap:anywhere;text-align:right;margin-left:auto;font-size:11px}.identity-options{grid-template-columns:repeat(2,minmax(0,1fr));width:fit-content;max-width:100%;display:grid}.identity-options label{overflow-wrap:anywhere;justify-content:center;min-width:0}.file-picker .button{min-width:90px}.file-picker .selected-file>span{white-space:normal;overflow-wrap:anywhere}.site[data-corners=square]{--button-radius:4px}.browse-layout{flex-shrink:0}.browse-layout .choice-trigger{min-width:0;min-height:44px;color:var(--muted);box-shadow:none;background:0 0;border-color:#0000;gap:7px;padding:9px 5px;font-size:13px}.browse-layout .choice-trigger:hover,.browse-layout .choice-trigger[data-state=open]{color:var(--text);background:0 0}.studio-controls{border-top:1px solid var(--border);margin-top:18px;padding-top:12px}.studio-controls>summary{color:var(--muted);cursor:pointer;min-height:36px;font-size:13px;list-style-position:inside;display:list-item}.studio-controls>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.studio-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:8px 0 14px;display:grid}.studio-control{color:var(--muted);gap:6px;font-size:13px;display:grid}.studio-control select{width:100%;min-width:0;min-height:44px;color:var(--text);background:var(--surface);border:1px solid var(--control-border);border-radius:var(--control-radius);font:inherit;padding:9px 12px}.studio-control select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-browse{padding:0 0 22px}.studio-browse h3{font:500 14px var(--font-body);margin:0 0 12px}.studio-browse small{color:var(--muted);margin-top:8px;font-size:11px;display:block}.spatial-gallery{min-width:0}.spatial-stage,.spatial-loader{border-radius:var(--radius);border:1px solid var(--border);contain:layout paint;background:#e9d7bb;height:clamp(450px,52vw,670px);position:relative;overflow:hidden}.spatial-stage canvas{width:100%;height:100%;display:block}.spatial-loading,.spatial-loader{color:#423e36;place-items:center;font-size:14px;display:grid}.spatial-loading{z-index:1;background:#e9d7bb;position:absolute;inset:0}.spatial-pause{z-index:2;color:#17181a;cursor:pointer;background:#fff;border:1px solid #d0d3d9;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 3px 12px #16181d12}.spatial-pause:hover{background:#eef0fa}.spatial-pause:active{transform:scale(.96)}.spatial-pause:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.spatial-caption{justify-content:space-between;align-items:center;gap:16px;padding:19px 2px 10px;display:flex}.spatial-selection{min-width:0}.spatial-selection>span{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:11px;display:block}.spatial-selection>button{max-width:100%;font:600 22px/1.25 var(--font-display);text-align:left;overflow-wrap:anywhere;cursor:pointer;align-items:center;gap:8px;display:inline-flex}.spatial-selection>button:hover{color:var(--accent)}.spatial-selection>button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}.spatial-controls{flex-shrink:0;gap:8px;display:flex}.spatial-controls .button{min-width:46px;min-height:46px;padding:10px}.spatial-index input{width:100%;accent-color:var(--text);cursor:pointer;min-height:30px;margin:0;display:block}.spatial-index input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spatial-project-links{flex-wrap:wrap;gap:6px 14px;padding:6px 0 10px;display:flex}.spatial-project-links button{min-height:38px;color:var(--muted);text-align:left;cursor:pointer;overflow-wrap:anywhere;padding:4px 0;font-size:12px}.spatial-project-links button:hover,.spatial-project-links button.selected{color:var(--text)}.spatial-project-links button.selected{text-underline-offset:4px;text-decoration:underline}.spatial-project-links button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.spatial-card-modal{max-width:510px}.spatial-card-modal .project-card{width:100%;box-shadow:none}.spatial-updating{opacity:.55;pointer-events:none}.launch-page h1{margin-bottom:32px}.launch-page .file-picker,.launch-page .select-trigger{border-color:var(--control-border)}@media (max-width:640px){.discovery-gallery .gallery-controls{flex-wrap:wrap;gap:4px 14px}.discovery-gallery .gallery-controls>.search-box{flex-basis:100%;width:100%}.discovery-gallery .gallery-controls>.browse-layout{margin-left:auto}.spatial-stage,.spatial-loader{height:480px}.spatial-caption{gap:12px}.spatial-selection>button{font-size:19px}.spatial-pause{top:12px;right:12px}}@media (prefers-reduced-motion:reduce){.browse-layout .choice-trigger,.spatial-pause{transition:none;transform:none}}