@charset "UTF-8";
:root{color-scheme:dark;--bg:#141b1c;--surface:#1b2526;--line:#354141;--text:#eeeae2;--muted:#b0b9b4;--mint:#63dfbd;--paper:#e9e5d7;--ink:#23352f;--display:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;--sans:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,select,summary{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:5px}#content:focus{outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(48px,5.35vw,76px)}h2{font-size:42px}h3{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.025em}em{font-style:normal;color:var(--mint)}.wrap{max-width:1240px;margin-inline:auto;padding-inline:48px}
.preview-bar{min-height:30px;padding:5px 26px;display:flex;justify-content:space-between;background:#20302c;color:#b5c7be;font-size:10px}.preview-bar>span{display:flex;align-items:center;gap:9px}.preview-bar i,.dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--mint)}.preview-bar b{font-weight:400;color:#758d82}.site-header{display:flex;align-items:center;gap:44px;min-height:99px}.brand{font-size:28px;font-weight:700;letter-spacing:-1px;display:inline-flex;align-items:center;gap:9px;line-height:1}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.site-header nav a{color:var(--muted);padding-block:10px}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--mint)}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:45px;padding:11px 20px;border:1px solid #465451;border-radius:5px;font-size:13px;font-weight:600;line-height:1.45;transition:background .15s}.button:hover{background:#2d3b36}.button.primary{background:var(--mint);border-color:var(--mint);color:#15372b}.button.primary:hover{background:#91eccf}.button.subtle{background:transparent}.button.subtle:hover{background:var(--surface)}.button span{font-weight:400;font-size:18px}.sign-in{font-size:12px;min-height:40px;padding:9px 17px;white-space:nowrap}.text-link{display:inline-flex;align-items:center;gap:16px;color:var(--mint);font-size:13px;line-height:1.5;padding:4px 0;border-bottom:1px solid #466a5e}.text-link:hover{color:#adf4dc;border-color:var(--mint)}.kicker{font-size:12px;color:var(--muted);margin-bottom:18px;display:flex;align-items:center;gap:9px}.kicker .rule{width:24px;height:1px;background:var(--mint)}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:530px}.fine{font-size:12px;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:27px}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #50625a;border-radius:3px;padding:3px 8px;font-size:10px;line-height:1.4;color:#c2d7cd}.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:30px;background:#274238;color:#b8efd8;font-size:11px}.pill.neutral{background:#303b37;color:#c5ceca}.avatar{flex-shrink:0;width:50px;height:50px;border-radius:12px;background:#456154;color:#e2f1d9;font-family:var(--display);font-size:34px;display:grid;place-items:center;line-height:1}.avatar.large{width:88px;height:88px;border-radius:18px;font-size:62px}.avatar.sample{background:#3b4248;color:#d2d5db}.creator-byline{display:flex;align-items:center;gap:12px}.creator-byline strong{font-size:15px;display:block;font-weight:600}.creator-byline small{font-size:11px;color:var(--muted)}
/* An editorial introduction, with the creator's work at its centre. */
.home-intro{padding-top:52px;padding-bottom:55px;display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end}.home-intro h1{max-width:760px}.intro-side{padding-bottom:6px}.intro-side .lead{font-size:15px;max-width:355px}.intro-side .actions{gap:22px}.intro-footnote{font-size:11px;color:var(--muted);margin-top:19px}.creator-feature{display:grid;grid-template-columns:1.5fr 1fr;min-height:405px;border-block:1px solid var(--line)}.feature-art{position:relative;overflow:hidden;min-height:400px;background:#173334}.feature-art>img{width:100%;height:100%;object-fit:cover;position:absolute;filter:saturate(.72)}.feature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#101f24bf)}.art-caption{position:absolute;bottom:23px;left:25px;color:#d4e2d8;font-size:10px;z-index:1}.art-label{position:absolute;top:23px;left:25px;z-index:1;font-size:12px;background:#182d2bd9;padding:6px 12px;border:1px solid #536c5a;border-radius:3px}.feature-story{padding:31px 35px;background:#1e2a28;display:flex;flex-direction:column;align-items:flex-start}.feature-story .kicker{font-size:11px;margin-bottom:20px}.feature-story h2{font-size:56px;margin:15px 0}.feature-story p:not(.kicker){font-size:14px;color:#c4cdc5;line-height:1.8}.feature-story .text-link{margin-top:25px}.feature-story .creator-byline{margin-top:auto;padding-top:26px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section-heading p{font-size:13px;color:var(--muted);max-width:400px}.section-heading .kicker{margin-bottom:9px}.section-heading h2{font-size:39px}.section{padding-top:60px;padding-bottom:60px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-card{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;padding-top:25px;border-top:1px solid var(--line)}.work-image{height:135px;overflow:hidden;border-radius:3px;background:#263b35}.work-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.work-card h3{font-size:23px;font-family:var(--display);font-weight:600;margin:6px 0 8px}.work-card p{font-size:12px;color:var(--muted);line-height:1.7}.work-card .text-link{font-size:12px;margin-top:13px}.work-card .fine{font-size:10px}.membership-note{margin-block:4px 32px;display:grid;grid-template-columns:1fr 1.6fr;gap:50px;padding:35px 38px;background:var(--paper);color:var(--ink);border-radius:3px}.membership-note .note-label{font-family:var(--display);font-style:normal;font-size:29px;line-height:1.2;letter-spacing:-.03em}.membership-note p{font-size:14px;line-height:1.8}.membership-note .text-link{color:#255b46;border-color:#82978a;margin-top:14px}.invitation{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;border-top:1px solid var(--line);padding-top:44px;padding-bottom:54px}.invitation h2{font-size:36px;max-width:430px}.invitation p{font-size:14px;color:var(--muted)}.invitation .text-link{margin-top:17px}.site-footer{padding-block:35px 30px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:24px;align-items:start}.site-footer .brand{font-size:23px}.site-footer p{font-size:11px;color:var(--muted);margin-top:13px}.site-footer nav{margin-left:auto;display:flex;gap:26px;align-items:center;font-size:12px;color:var(--muted)}.site-footer button{padding:0;font-size:12px}.site-footer small{width:100%;color:#8d9b95;font-size:10px;margin-top:8px}
/* Creator directory and individual pages. */
.page-intro{padding-block:43px 39px}.page-intro h1{font-size:60px;margin-bottom:20px}.page-intro .lead{max-width:640px;font-size:16px}.directory-feature{margin-bottom:38px}.directory-note{padding:24px 0 46px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center}.directory-note h3{font-size:18px;margin-bottom:6px}.directory-note p{font-size:13px;color:var(--muted);max-width:590px}.directory-note .button{flex-shrink:0}.breadcrumb{padding-block:17px 22px;font-size:12px;color:var(--muted);display:flex;gap:12px}.breadcrumb a:hover{color:var(--mint)}.creator-cover{height:220px;overflow:hidden;position:relative;background:#28413b;border-radius:4px}.creator-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:saturate(.7)}.creator-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101d2190,transparent 70%)}.cover-caption{position:absolute;z-index:1;bottom:22px;left:25px;font-family:var(--display);font-size:24px;color:#e5ebdf}.cover-caption small{font-family:var(--sans);font-size:10px;display:block;color:#cedbd1;margin-top:3px}.creator-identity{display:flex;gap:22px;align-items:center;padding:29px 0 27px}.creator-identity h1{font-size:48px}.creator-identity p{color:var(--muted);font-size:13px;margin-top:9px;max-width:600px}.creator-identity .identity-action{margin-left:auto;flex-shrink:0}.profile-tabs{display:flex;gap:32px;border-bottom:1px solid var(--line);font-size:13px}.profile-tabs a{display:flex;gap:10px;padding:13px 0 15px;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--muted)}.profile-tabs a[aria-current=page]{border-bottom-color:var(--mint);color:var(--text)}.profile-tabs small{font-size:10px;padding:0 6px;background:#2b3833;border-radius:3px;align-self:center}.creator-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:54px;padding-block:35px 64px}.creator-aside{padding-top:5px}.creator-aside h3{font-size:19px;margin-bottom:12px}.creator-aside p{font-size:13px;color:var(--muted);line-height:1.8}.creator-aside .button{width:100%;margin-block:18px 12px}.creator-aside .fine{font-size:11px}.aside-block{padding-top:24px;margin-top:25px;border-top:1px solid var(--line)}.aside-block a{font-size:12px}.aside-block h3{font-size:16px;margin-bottom:8px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.filters{display:flex;gap:6px}.filters button{font-size:12px;padding:8px 13px;border-radius:4px;color:var(--muted)}.filters button[aria-pressed=true]{background:#2b4239;color:#d4f3e3}.filters button:hover{background:#253832}.filter-count{font-size:11px;color:var(--muted)}.release-row{display:grid;grid-template-columns:126px minmax(0,1fr);gap:23px;padding:25px 0;border-top:1px solid var(--line)}.release-row:first-child{padding-top:0;border-top:0}.release-thumb{height:128px;overflow:hidden;border-radius:3px;background:#31403d}.release-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.release-row h2{font:600 29px/1.15 var(--display);letter-spacing:-.035em;margin:8px 0}.release-row p{font-size:13px;color:var(--muted)}.release-meta{font-size:11px;color:#a0b3a8;margin-top:10px;display:flex;gap:14px;flex-wrap:wrap}.release-bottom{display:flex;align-items:center;gap:16px;margin-top:15px}.release-bottom .button{font-size:12px;min-height:39px;padding:9px 14px;gap:18px}.release-bottom .text-link{font-size:11px}.release-label{font-size:10px;color:#b9d3c4}.small-notice{border-top:1px solid var(--line);margin-top:12px;padding-top:19px;font-size:12px;color:var(--muted)}.small-notice strong{font-weight:600;color:var(--text)}.sample-cover{background:repeating-linear-gradient(135deg,#273533,#273533 1px,#26312f 1px,#26312f 24px);display:flex;align-items:center;justify-content:center;color:#cad6cd}.sample-cover>span{font:500 31px var(--display)}.sample-banner{background:#32372e;color:#d5d8c8;font-size:12px;padding:13px 17px;border-radius:4px;margin-bottom:22px}.sample-project{padding:30px;border:1px dashed #4b5a52;border-radius:4px}.sample-project h2{font-size:29px;margin-bottom:13px}.sample-project p{font-size:13px;color:var(--muted)}.sample-project .button{margin-top:20px}.story-content{max-width:630px}.story-content h2{font-size:34px;margin-bottom:20px}.story-content p{font-size:15px;line-height:1.85;color:#c3cbc3;margin-bottom:19px}.story-content h3{margin:28px 0 12px;font-size:19px}.update-entry{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.update-entry time{color:var(--muted);font-size:11px}.update-entry h2{font-size:29px;margin:12px 0}.update-entry p{font-size:14px;color:var(--muted);line-height:1.8}.update-entry .text-link{margin-top:13px;font-size:12px}
/* Member and creator workspaces. */
.workspace{display:grid;grid-template-columns:180px minmax(0,1fr);gap:50px;padding-block:30px 68px}.side-nav{padding-top:7px}.side-nav .nav-caption{font-size:11px;color:var(--muted);margin:0 0 14px 10px}.side-nav nav{display:flex;flex-direction:column;gap:5px}.side-nav a{padding:9px 12px;font-size:13px;color:var(--muted);border-radius:4px}.side-nav a.selected{background:#263c32;color:#c3ead7}.side-nav a:hover{background:#21312b}.side-nav .fine{border-top:1px solid var(--line);padding:17px 10px 0;margin-top:30px;font-size:10px}.workspace h1{font-size:47px;margin:0 0 16px}.workspace-header{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:27px}.workspace-header p{color:var(--muted);font-size:13px;max-width:520px}.workspace-header .button{flex-shrink:0}.scenario{display:flex;align-items:center;gap:14px;font-size:11px;color:#a2b5aa;margin-bottom:27px}.scenario select{font-size:11px;padding:7px 25px 7px 10px;max-width:100%;background:#202d27;border:1px dashed #4b6658;border-radius:4px;color:#c3d6c9}.account-status{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#1d2b25;border:1px solid #36473c;padding:20px;border-radius:4px;margin-bottom:28px}.account-status p{font-size:11px;color:var(--muted);margin-top:4px}.account-status .avatar{width:39px;height:39px;font-size:29px;border-radius:8px}.library-group .release-row{grid-template-columns:115px minmax(0,1fr)}.account-banner{background:#39382b;padding:18px 20px;border-radius:4px;margin-bottom:25px}.account-banner h3{font-size:17px;margin-bottom:7px}.account-banner p{font-size:12px;color:#d0cbbc}.account-banner button{margin-top:13px}.app-download{margin-top:22px;display:flex;gap:18px;align-items:center;padding:24px;background:var(--surface);border-radius:5px}.app-download img{width:35px;height:35px}.app-download h3{font-size:17px;margin-bottom:5px}.app-download p{font-size:12px;color:var(--muted)}.app-download .button{margin-left:auto;flex-shrink:0}.device-count{font-family:var(--display);font-size:44px;white-space:nowrap}.device-count small{font-family:var(--sans);font-size:12px;color:var(--muted)}.device-row{display:flex;gap:22px;align-items:center;padding:27px 0;border-block:1px solid var(--line)}.device-row h2{font-family:var(--sans);font-size:20px;letter-spacing:-.025em;font-weight:500}.device-row p{font-size:12px;color:var(--muted);margin-top:6px}.device-row .button{margin-left:auto;min-height:38px;font-size:11px}.computer-icon{width:48px;height:32px;border:2px solid #81958a;border-radius:3px;position:relative;flex-shrink:0;margin-bottom:10px}.computer-icon:after{content:"";position:absolute;bottom:-10px;left:13px;width:18px;border-bottom:2px solid #81958a;height:8px}.empty-device{padding:23px 0;display:flex;gap:24px;align-items:center}.empty-device>span{font-size:37px;color:#83998a;width:48px;text-align:center;font-weight:300}.empty-device h3{font-size:15px}.empty-device p{color:var(--muted);font-size:12px;margin-top:4px}.device-note{margin-block:20px;padding:23px 26px;background:var(--paper);color:var(--ink);border-radius:4px}.device-note h3{font:600 26px var(--display);margin-bottom:9px}.device-note p{font-size:13px}.studio-selector{margin-bottom:28px}.studio-selector label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.studio-selector select{width:100%;font-size:12px;padding:9px;background:#26382f;border:1px solid #4b5d4f;border-radius:4px;color:var(--text)}.storage-note{display:flex;align-items:start;gap:25px;padding:22px 24px;margin-bottom:30px;background:#1e3028;border-radius:4px}.storage-note h3{font-size:17px;margin-bottom:7px}.storage-note p{font-size:12px;color:var(--muted)}.storage-note .storage-value{font:600 29px var(--display);color:#cce9d5;white-space:nowrap;margin-left:auto}.file-list{border-top:1px solid var(--line)}.file-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.file-row strong{font-size:14px;font-weight:500;display:block}.file-row small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.file-row .file-size{font-size:12px;color:var(--muted)}.file-row .pill{justify-self:end;font-size:10px}.studio-explainer{margin-top:25px;padding-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:27px}.studio-explainer h3{font-size:16px;margin-bottom:8px}.studio-explainer p{font-size:12px;color:var(--muted)}.form-field{margin-top:18px}.form-field label{font-size:12px;color:var(--muted);display:block;margin-bottom:7px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:11px 12px;border:1px solid #4c5f52;border-radius:4px;background:#18251f;color:var(--text);font-size:13px}.form-field textarea{resize:vertical;min-height:88px}.sample-file{padding:16px;border:1px dashed #617164;border-radius:4px;font-size:12px;margin-top:19px;color:#c4d1c6}.draft-badge{background:#353830;color:#d5d4bd}
/* Help and the invitation for creators. */
.guide{max-width:900px;padding-top:37px;padding-bottom:65px}.guide h1{font-size:57px;margin-bottom:20px}.guide>.lead{max-width:620px;font-size:15px;margin-bottom:40px}.step{display:grid;grid-template-columns:55px 1fr;gap:20px;padding-block:28px;border-top:1px solid var(--line)}.step>span{font:500 30px var(--display);color:#93af9c}.step h2{font:600 29px var(--display);letter-spacing:-.02em;margin-bottom:13px}.step p{font-size:14px;color:var(--muted);max-width:660px}.step .text-link{margin-top:15px}.faq-title{font-size:35px;margin:45px 0 24px}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--mint);font-size:20px;font-weight:300}details[open] summary span{transform:rotate(45deg)}details p{margin-top:14px;font-size:13px;color:var(--muted);max-width:650px}.creator-invite{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding-block:49px 54px;align-items:center}.creator-invite h1{font-size:65px;margin-bottom:24px}.creator-invite .lead{font-size:15px}.creator-invite .fine{margin-top:20px}.page-sketch{background:var(--paper);color:var(--ink);padding:26px;border-radius:3px;transform:rotate(1deg)}.sketch-top{display:flex;gap:11px;align-items:center;padding-bottom:20px;border-bottom:1px solid #bfc8b7;font-size:11px}.sketch-top .avatar{width:39px;height:39px;font-size:26px;border-radius:6px}.page-sketch h2{font-size:30px;margin:26px 0 9px}.page-sketch p{font-size:12px;line-height:1.8}.sketch-file{padding-block:16px;border-top:1px solid #bbc5b6;margin-top:15px;display:flex;justify-content:space-between;font-size:12px}.sketch-file+.sketch-file{margin-top:0}.page-sketch .sketch-caption{font:500 18px var(--display);margin-top:17px}.creator-benefits{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-block:38px 49px}.creator-benefits h2{font-size:28px;margin-bottom:16px}.creator-benefits p{font-size:13px;color:var(--muted);line-height:1.85}.creator-roadmap{padding:32px;background:var(--surface);display:grid;grid-template-columns:1fr 1.5fr;gap:50px;border-radius:4px;margin-bottom:58px}.creator-roadmap h2{font-size:31px}.creator-roadmap p{font-size:14px;color:var(--muted)}.creator-roadmap .actions{margin-top:20px}
/* All dialogs operate on local sample data. */
dialog{color:var(--text);background:#202d27;border:1px solid #5c7160;border-radius:8px;padding:38px;width:min(500px,calc(100% - 30px));max-height:calc(100dvh - 34px);overflow:auto;box-shadow:0 25px 90px #0006}dialog::backdrop{background:#081311bd;backdrop-filter:blur(5px)}.close{position:absolute;right:13px;top:8px;font-size:26px;color:#a7b9aa;padding:2px 9px}dialog .kicker{font-size:11px;margin-bottom:16px}dialog h2{font-size:35px;max-width:370px;margin-bottom:17px}dialog p{font-size:14px;color:#c3d0c2;line-height:1.8}dialog .modal-note{font-size:11px;margin-top:19px;color:#9eb3a3}dialog .button{width:100%;margin-top:23px}dialog .cancel-button{margin-top:10px}dialog .release-info{padding:18px 0;margin-top:17px;border-block:1px solid #485d4b}dialog .release-info strong{font-size:14px;font-weight:600}dialog .release-info p{font-size:12px;margin-top:7px}dialog .warning-copy{margin-top:14px;font-size:12px;color:#d7d0b2}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--paper);color:var(--ink);border:1px solid #fff5;border-radius:5px;padding:14px 23px;max-width:calc(100% - 32px);width:max-content;font-size:13px;z-index:5;box-shadow:0 10px 30px #0004}.toast[hidden]{display:none}
@media(min-width:1500px){.wrap{max-width:1340px}.home-intro h1{font-size:82px}.creator-feature{min-height:445px}}
@media(max-width:1050px){.wrap{padding-inline:32px}.site-header{gap:26px}.site-header nav{gap:23px}.home-intro{gap:35px;grid-template-columns:1.4fr 1fr}.home-intro h1{font-size:61px}.intro-side .actions{gap:17px}.creator-feature{grid-template-columns:1.3fr 1fr}.feature-story{padding:27px}.feature-story h2{font-size:48px}.work-card{grid-template-columns:110px 1fr;gap:17px}.work-image{height:128px}.membership-note{gap:34px}.creator-layout{grid-template-columns:minmax(0,1fr) 240px;gap:32px}.creator-identity .identity-action{font-size:11px;padding:10px 13px}.workspace{grid-template-columns:160px minmax(0,1fr);gap:30px}.app-download{flex-wrap:wrap}.app-download .button{margin-left:53px}.creator-invite{gap:40px}.creator-invite h1{font-size:56px}.creator-benefits{gap:29px}.site-footer nav{gap:18px}}
@media(max-width:760px){.wrap{padding-inline:26px}.site-header{gap:20px;min-height:90px;flex-wrap:wrap}.site-header nav{gap:20px;font-size:12px}.brand{font-size:25px}.sign-in{padding:8px 12px;gap:13px}.home-intro{grid-template-columns:1fr;padding-top:30px;gap:25px;padding-bottom:38px}.home-intro h1{font-size:67px;max-width:610px}.intro-side .lead{max-width:550px;font-size:15px}.intro-side .actions{margin-top:20px;gap:25px}.intro-footnote{margin-top:15px}.creator-feature{grid-template-columns:1.1fr 1fr;min-height:370px}.feature-art{min-height:370px}.feature-story{padding:24px}.feature-story h2{font-size:43px;margin:12px 0}.feature-story p:not(.kicker){font-size:12px}.feature-story .kicker{margin-bottom:13px}.feature-story .text-link{margin-top:17px;font-size:12px}.feature-story .creator-byline{padding-top:20px}.feature-story .avatar{width:35px;height:35px;font-size:25px;border-radius:7px}.feature-story .creator-byline strong{font-size:12px}.feature-story .creator-byline small{font-size:9px}.section{padding-block:43px}.work-grid{gap:23px}.work-card{grid-template-columns:1fr;gap:17px}.work-image{height:170px}.work-card h3{font-size:25px}.section-heading h2{font-size:35px}.membership-note{grid-template-columns:1fr;gap:16px;padding:26px}.membership-note .note-label{font-size:27px}.invitation{gap:35px;grid-template-columns:1fr 1fr;padding-block:35px}.invitation h2{font-size:32px}.invitation p{font-size:13px}.site-footer nav{margin-left:0;width:100%}.site-footer p{font-size:11px}.page-intro{padding-top:30px}.page-intro h1{font-size:51px}.directory-note{align-items:flex-start;flex-direction:column;gap:16px}.creator-cover{height:190px}.creator-identity{flex-wrap:wrap;gap:17px}.creator-identity h1{font-size:42px}.creator-identity .avatar.large{width:70px;height:70px;font-size:48px;border-radius:14px}.creator-identity .identity-action{margin-left:87px;margin-top:-4px}.creator-identity .identity-copy{max-width:calc(100% - 87px)}.creator-layout{grid-template-columns:1fr;gap:30px;padding-block:28px 43px}.creator-aside{border-top:1px solid var(--line);padding-top:26px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.creator-aside .aside-block{border:0;padding:0;margin:0}.creator-aside .button{max-width:270px}.workspace{grid-template-columns:1fr;gap:29px;padding-top:15px}.side-nav{border-block:1px solid var(--line);padding-block:14px}.side-nav .nav-caption,.side-nav .fine{display:none}.side-nav nav{flex-direction:row;gap:10px;flex-wrap:wrap}.side-nav a{font-size:12px;padding:7px 12px}.workspace h1{font-size:43px}.studio-selector{margin-bottom:13px;max-width:270px}.studio-selector label{display:none}.creator-invite{grid-template-columns:1fr;gap:35px;padding-block:32px 43px}.creator-invite h1{max-width:620px;font-size:57px}.creator-invite .lead{max-width:600px}.page-sketch{max-width:500px;transform:rotate(-.6deg);margin-inline:4px}.creator-benefits{grid-template-columns:1fr;gap:30px;padding-block:30px}.creator-benefits h2{font-size:30px;margin-bottom:12px}.creator-benefits p{max-width:580px}.creator-roadmap{grid-template-columns:1fr;gap:20px;padding:27px}.guide h1{font-size:51px}.guide{padding-top:25px}}
@media(max-width:520px){.wrap{padding-inline:21px}.preview-bar{padding:6px 14px;font-size:9px;min-height:31px}.preview-bar>span:last-child{display:none}.site-header{display:grid;grid-template-columns:1fr auto;gap:0;padding-top:22px;padding-bottom:17px}.site-header nav{grid-column:1/-1;grid-row:2;margin:0;justify-content:space-between;padding-top:23px;gap:14px;font-size:12px}.sign-in{grid-column:2;grid-row:1;min-height:38px;font-size:11px;padding:8px 13px}.brand{font-size:26px}.home-intro{padding-top:24px;gap:23px}.home-intro h1{font-size:clamp(44px,11.3vw,58px)}.kicker{font-size:11px;margin-bottom:15px}.intro-side .lead{font-size:14px;line-height:1.8}.intro-side .actions{gap:20px}.intro-side .button{font-size:12px}.intro-side .text-link{font-size:12px}.intro-footnote{font-size:10px;max-width:290px}.creator-feature{grid-template-columns:1fr}.feature-art{min-height:240px}.art-label{font-size:10px;top:18px;left:18px}.art-caption{left:18px;bottom:17px;font-size:9px}.feature-story{padding:25px}.feature-story h2{font-size:47px}.feature-story p:not(.kicker){font-size:13px}.feature-story .creator-byline{margin-top:3px}.section-heading{align-items:start;flex-direction:column;gap:14px;margin-bottom:22px}.section-heading h2{font-size:33px}.section-heading .text-link{font-size:12px}.work-grid{grid-template-columns:1fr;gap:28px}.work-card{grid-template-columns:100px minmax(0,1fr);gap:18px;padding-top:21px}.work-image{height:145px}.work-card h3{font-size:25px;margin-top:6px}.work-card p{font-size:12px}.work-card .text-link{font-size:11px}.membership-note{padding:25px 23px;margin-bottom:30px}.membership-note p{font-size:13px}.invitation{grid-template-columns:1fr;gap:20px}.invitation h2{font-size:34px}.site-footer{gap:21px;padding-block:30px}.site-footer nav{gap:23px;font-size:11px}.site-footer button{font-size:11px}.site-footer p{max-width:260px;line-height:1.8}.site-footer small{margin-top:0;font-size:9px}.page-intro{padding-top:25px;padding-bottom:30px}.page-intro h1{font-size:47px}.page-intro .lead{font-size:14px}.directory-note h3{font-size:17px}.directory-note p{font-size:12px}.breadcrumb{font-size:11px;padding-top:10px}.creator-cover{height:170px}.cover-caption{font-size:23px;left:20px;bottom:18px}.cover-caption small{font-size:9px}.creator-identity{padding-block:24px;gap:15px}.creator-identity .avatar.large{width:58px;height:58px;font-size:43px;border-radius:12px}.creator-identity h1{font-size:38px}.creator-identity p{font-size:12px;margin-top:6px}.creator-identity .identity-copy{max-width:calc(100% - 73px)}.creator-identity .identity-action{margin-left:73px}.profile-tabs{gap:26px;font-size:12px}.profile-tabs a{padding-bottom:13px;gap:7px}.creator-layout{padding-top:24px}.filter-bar{gap:8px}.filters{gap:3px}.filters button{padding:7px 11px;font-size:11px}.filter-count{font-size:10px}.release-row,.library-group .release-row{grid-template-columns:82px minmax(0,1fr);gap:16px}.release-thumb{height:97px}.release-row h2{font-size:27px;margin-top:6px}.release-row p{font-size:12px}.release-meta{font-size:10px;gap:8px;margin-top:8px}.release-bottom{flex-wrap:wrap;gap:10px}.release-bottom .button{font-size:11px;min-height:38px;padding:8px 11px;gap:12px}.release-bottom .text-link{font-size:11px}.release-label{font-size:9px}.creator-aside{grid-template-columns:1fr;gap:25px}.creator-aside .aside-block{border-top:1px solid var(--line);padding-top:22px}.story-content h2{font-size:31px}.story-content p{font-size:14px}.sample-banner{font-size:11px;padding:12px 15px}.sample-project{padding:23px}.sample-project h2{font-size:27px}.sample-project p{font-size:12px}.workspace{padding-bottom:43px}.workspace-header{align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:25px}.workspace h1{font-size:41px;margin-bottom:13px}.workspace-header p{font-size:12px}.scenario{flex-wrap:wrap;gap:8px;margin-bottom:24px}.scenario label{width:100%;font-size:10px}.scenario select{font-size:11px;width:100%}.account-status{padding:17px;gap:14px;align-items:flex-start;flex-wrap:wrap}.account-status .creator-byline{gap:10px}.account-status .creator-byline strong{font-size:14px}.account-status .pill{margin-left:49px;margin-top:-7px}.account-status p{font-size:10px}.app-download{padding:21px;gap:14px}.app-download h3{font-size:17px;max-width:240px}.app-download p{font-size:11px}.app-download .button{margin-left:0;width:100%;font-size:12px}.device-count{font-size:39px}.device-count small{font-size:11px}.device-row{flex-wrap:wrap;gap:18px;padding-block:23px}.device-row .button{width:100%;margin:2px 0 0}.device-row h2{font-size:19px}.device-row p{font-size:11px}.device-note{padding:23px}.device-note h3{font-size:26px}.device-note p{font-size:12px}.empty-device{gap:17px}.empty-device h3{font-size:14px}.empty-device p{font-size:11px}.storage-note{padding:20px;flex-wrap:wrap;gap:16px}.storage-note h3{font-size:16px}.storage-note .storage-value{margin-left:0;font-size:26px}.file-row{grid-template-columns:minmax(0,1fr) 65px;gap:13px}.file-row strong{font-size:12px}.file-row .pill{grid-column:1;justify-self:start}.file-row small{font-size:9px}.file-row .file-size{font-size:11px;justify-self:end}.studio-explainer{grid-template-columns:1fr;gap:22px}.guide h1{font-size:45px}.guide>.lead{font-size:14px;margin-bottom:27px}.step{grid-template-columns:32px minmax(0,1fr);gap:14px;padding-block:25px}.step>span{font-size:25px}.step h2{font-size:26px}.step p{font-size:12px;overflow-wrap:anywhere}.step .text-link{font-size:12px}.faq-title{font-size:32px;margin-top:32px}summary{font-size:12px}details p{font-size:12px}.creator-invite{padding-top:25px}.creator-invite h1{font-size:47px}.creator-invite .lead{font-size:14px}.creator-invite .actions{gap:20px}.creator-invite .button{font-size:12px}.creator-invite .text-link{font-size:12px}.page-sketch{padding:22px}.page-sketch h2{font-size:29px}.creator-benefits h2{font-size:29px}.creator-benefits p{font-size:13px}.creator-roadmap{padding:25px;margin-bottom:40px}.creator-roadmap h2{font-size:31px}.creator-roadmap p{font-size:13px}.creator-roadmap .button{font-size:12px}dialog{padding:34px 25px}dialog h2{font-size:31px}dialog p{font-size:13px}.toast{font-size:12px;padding:12px 17px}}
@media(max-width:350px){.wrap{padding-inline:17px}.brand{font-size:24px;gap:7px}.brand img{width:27px;height:27px}.sign-in{gap:13px;min-width:0}.home-intro h1{font-size:43px}.intro-side .actions{gap:16px}.intro-side .button{padding-inline:15px}.intro-side .text-link{font-size:11px}.work-card{grid-template-columns:80px minmax(0,1fr);gap:15px}.work-card h3{font-size:23px}.work-image{height:140px}.release-row,.library-group .release-row{grid-template-columns:64px minmax(0,1fr);gap:13px}.release-thumb{height:85px}.release-row h2{font-size:25px}.profile-tabs{gap:20px}.creator-identity .identity-action{margin-left:0}.site-footer nav{gap:18px}.preview-bar{font-size:8px}.side-nav a{padding-inline:9px}.side-nav nav{gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}