.compact-creator{max-width:640px;margin:0 auto;color:#172238}
.create-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.create-heading h1{font:700 24px/1.4 system-ui;margin:0}.create-heading>a{display:flex;align-items:center;min-height:44px;color:#1647d9;font:14px system-ui}
.compact-creator .studio-new{padding:0;margin:0 0 24px;border:0}
.compact-creator h2{font:650 18px/1.5 system-ui;margin:0 0 12px}
.compact-creator .studio-new-options{display:grid;grid-template-columns:1fr;gap:10px}
.compact-creator .studio-new-options>a{position:relative;display:grid;grid-template-columns:40px 1fr;gap:3px 12px;padding:14px 30px 14px 14px;min-height:72px;border:1px solid #dce2ec;border-radius:12px;background:#fff;box-sizing:border-box}
.compact-creator .studio-new-options>a>span{grid-row:1/3;align-self:center;font:28px system-ui;color:#1647d9;margin:0}
.compact-creator .studio-new-options strong{font:650 17px/1.4 system-ui}
.compact-creator .studio-new-options small{font:13px/1.5 system-ui;color:#687183}
.compact-creator .studio-new-options>a::after{content:'›';position:absolute;right:14px;top:24px;color:#687183}
.compact-creator .studio-new-options>a:nth-child(3){display:none}
.compact-creator .studio-resume{margin:0 0 16px;padding:0;border:0}
.compact-creator .hub-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.compact-creator .hub-heading h2{margin:0}.compact-creator .hub-heading>a{font:12px/1.5 system-ui;min-height:44px;display:flex;align-items:center}
.compact-creator .studio-projects{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0}
.compact-creator .studio-project{display:flex;align-items:center;gap:12px;border:1px solid #dce2ec;padding:10px;border-radius:10px;min-height:72px;background:#fff}
.compact-creator .studio-project>:first-child{width:58px;height:66px;flex:none;object-fit:cover;overflow:hidden;margin:0;border-radius:5px}
.compact-creator .studio-project>div{padding:0;min-width:0;flex:1}
.compact-creator .studio-project h3{font:650 15px/1.5 system-ui;margin:3px 0;overflow-wrap:anywhere}
.compact-creator .studio-project .studio-meta{font:12px/1.5 system-ui}.compact-creator .studio-project strong{font:12px/1.5 system-ui;color:#1647d9}
.compact-creator .studio-project p{display:none}.compact-creator .studio-paper{font-size:8px;line-height:1.6;padding:5px;background:#f4f5f8;box-sizing:border-box}
.compact-creator .studio-first-work{padding:14px;background:#f5f7fa;border-radius:10px;border:0;display:block}
.compact-creator .studio-first-work>span{display:none}.compact-creator .studio-first-work h3{font:600 14px/1.5 system-ui;margin:0}.compact-creator .studio-first-work p{font:13px/1.7 system-ui;margin:6px 0 0}
.create-import{display:flex;justify-content:space-between;align-items:center;min-height:48px;border:1px solid #dce2ec;border-radius:10px;padding:8px 14px;font:14px/1.5 system-ui}
.create-more{margin-top:18px;font:14px/1.5 system-ui}.create-more summary{min-height:44px;cursor:pointer}.create-more>a{display:block;padding:12px 0}
@media(max-width:720px){
 body.creator-space:has(.compact-creator){background:#fff}
 .creator-space:has(.compact-creator) .site-header,.creator-workspace:has(.compact-creator) .studio-sidebar{display:none}
 .creator-workspace:has(.compact-creator){display:block;padding:0;margin:0}
 .creator-workspace:has(.compact-creator) .studio-content{padding:14px 16px;width:auto;margin:0}
}

.native-app .compact-creator{position:relative}.native-app .compact-creator .create-heading{position:absolute;right:0;top:-9px;margin:0}.native-app .compact-creator .create-heading h1{display:none}.native-app .compact-creator .studio-new>h2{padding-right:70px}
/* Draft rows are a single link, not a link containing a second button. */
.compact-creator .studio-project strong{display:block;background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;margin:5px 0 0;color:#1647d9;font:600 13px/1.5 system-ui}
.compact-creator .studio-project .studio-meta{display:block;background:transparent;border:0;border-radius:0;padding:0;color:#687183}
.compact-creator .studio-project:hover{border-color:#1647d9;background:#f8faff}
.compact-creator .studio-project:focus-visible{outline:3px solid #1647d9;outline-offset:3px}

@media(max-width:720px){
 html:not(.native-app) .creator-space>.mobile-nav{display:grid}
 .compact-creator .create-heading>a{min-width:44px;justify-content:center}
}

.create-guide{font:14px/1.8 system-ui;color:#687183;margin:-4px 0 22px}
.create-saved{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #cad9f4;background:#f2f6ff;border-radius:12px;margin:0 0 24px;color:#173875}
.create-saved strong{display:block;font:650 16px/1.5 system-ui}.create-saved small{display:block;font:13px/1.7 system-ui;margin-top:4px;color:#53647e}.create-saved>span:last-child{font-size:24px}
.create-saved:focus-visible{outline:3px solid #1647d9;outline-offset:3px}
