/* Responsive studio shell and shared component refinement. */
.app-body{background:var(--paper)}.app-body .grain{display:none}.app-body .btn{border-radius:10px;min-height:48px;font-size:14px;transition:background .18s,transform .18s}.app-body .btn:hover:not(:disabled){filter:brightness(.94)}.app-body button:focus-visible,.app-body a:focus-visible,.app-body input:focus-visible{outline:2px solid var(--clay);outline-offset:4px}.app-body .search:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px #254e4010}.app-body .search{border-radius:10px;padding:16px 18px;margin-bottom:19px}.app-body .search input{font-size:14px;color:var(--ink)}.studio-masthead{display:flex;justify-content:space-between;align-items:center;padding-bottom:23px;margin-bottom:29px;border-bottom:1px solid var(--line)}.studio-wordmark{font:600 26px var(--serif);letter-spacing:-1px;text-decoration:none;color:var(--ink)}.studio-wordmark span{color:var(--clay)}.studio-masthead>span{font-size:8px;letter-spacing:2px;color:var(--muted)}.discover-head{margin-bottom:25px}.discover-head .kicker{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--forest);margin-bottom:13px}.discover-head h1{font-size:clamp(36px,4vw,52px);font-weight:500;line-height:1.1;letter-spacing:-2px;max-width:680px}.discover-head h1 em{display:block;color:var(--clay);font-weight:500}.discover-head>p:last-child{font-size:14px;margin-top:15px;line-height:1.7}.chips{gap:8px;padding-bottom:22px}.chip{padding:10px 15px;min-height:42px;font-size:12px;border-radius:7px;transition:background .18s}.chip.is-on{background:var(--forest);color:var(--paper)}.issue-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0}.issue-heading .kicker{font-size:9px;letter-spacing:1.8px;margin:0;color:var(--forest)}.issue-heading>span{font-size:11px;color:var(--muted)}.week-feature{padding:0;overflow:hidden;border-radius:14px;box-shadow:0 8px 30px #253a3207}.week-feature>.body{padding:25px}.week-feature h2{font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.15}.week-feature>.body>p:not(.kicker){font-size:14px;line-height:1.7}.feature-kicker{font-size:8px;letter-spacing:1.8px;color:var(--muted);margin:0 0 22px}.app-body .section{margin-top:35px}.app-body .section-head{margin-bottom:20px}.app-body .section-head h2{font-size:25px;letter-spacing:-.7px;font-weight:500}.app-body .section-head p{font-size:12px;color:var(--muted);margin-top:6px}.app-body .craft-card{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:none;transition:transform .2s,box-shadow .2s}.app-body .craft-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #253a320c}.craft-card>button:not(.save-project){display:block;width:100%}.craft-card .cover{height:220px;border-radius:0;aspect-ratio:auto}.craft-card h3{font-size:20px;font-weight:500;line-height:1.25;letter-spacing:-.4px}.craft-card .meta{font-size:11px;margin-top:7px}.craft-card .save-project{position:absolute;top:12px;right:12px;z-index:3;width:38px;height:38px;background:#fffdf8f2;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;color:var(--forest);padding:0;cursor:pointer}.save-project.is-on svg{fill:var(--clay);stroke:var(--clay)}.cover .lock{background:transparent;inset:auto 12px 12px auto;padding:6px 10px;border-radius:30px;background:#203f35e8;display:flex;flex-direction:row;gap:6px;font-size:9px;width:auto;height:auto}.cover .lock svg{width:13px;height:13px}.cover .lock div{font-size:9px}.app-body .craft-row{border-radius:10px;margin-bottom:12px;padding:12px}.craft-row h3{font-size:21px}.craft-row .cover{border-radius:7px}.app-body .banner{border-radius:10px;background:#e9eddc;border-color:#dce1cf}.app-body .empty{background:#eeeee4;border:1px dashed #c9d1bf;border-radius:14px;padding:35px 22px}.app-body .empty .orb{background:#e1e6d3;color:var(--forest)}.app-body .stats{background:#eeeee4;border-radius:12px;padding:15px 8px}.app-body .stat{border-right:1px solid var(--line)}.app-body .stat:last-child{border:0}.app-body .list-row{padding-block:16px}.tabbar{background:#fbfaf5ed}.tabbar button{color:#697165;min-height:48px}.tabbar button.is-on{color:var(--forest)}.tabbar button.is-on svg{stroke-width:2.2}.sidebar-brand,.sidebar-caption,.sidebar-note{display:none}.welcome-brand{display:flex;align-items:center;justify-content:space-between;padding:10px 0 24px;margin-bottom:25px;border-bottom:1px solid var(--line)}.welcome-brand>a{font:600 30px var(--serif);text-decoration:none;color:var(--forest);letter-spacing:-1px}.welcome-brand>a>span{color:var(--clay)}.welcome-brand>span{font-size:8px;letter-spacing:1.7px;color:var(--muted)}.welcome-art{position:relative;height:290px;border-radius:90px 90px 12px 12px;overflow:hidden;margin-bottom:26px}.welcome-art img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.welcome-art>span{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);padding:10px 14px;border-radius:5px;background:#fffdf8ed;white-space:nowrap;font-size:8px;letter-spacing:1.8px;color:var(--forest)}.app-body[data-route=onboarding] #screen{max-width:550px;padding-top:25px}.app-body[data-route=onboarding] .page-head h1{font-size:39px;font-weight:500;letter-spacing:-1px}.app-body[data-route=onboarding] .page-head p{font-size:15px;line-height:1.7;margin:15px auto 23px;max-width:400px}.choice{border-radius:12px;min-height:87px}.choice.is-on{border-color:var(--forest);background:#e8eddc}.choice b{font-weight:500}.is-immersive #screen{max-width:740px}.app-body[data-route=launch] #screen{max-width:none;padding:0}.app-body .make-body{line-height:1.8}.app-body .make-controls{background:#f8f6f0f5}.app-body .topbar h1{font-weight:500}.ios-banner{display:none}
@media(min-width:1050px){.app-body:not(.is-immersive){padding-left:242px;padding-bottom:0}.app-body:not(.is-immersive) #screen{max-width:1160px;padding:30px 44px 70px}.tabbar{left:0;right:auto;top:0;bottom:0;width:242px;border-top:0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-start;gap:9px;padding:37px 22px;background:#efefe6}.tabbar button{flex-direction:row;justify-content:flex-start;gap:13px;padding:14px 16px;font-size:13px;border-radius:9px;min-height:48px}.tabbar button.is-on{background:var(--forest);color:var(--paper)}.tabbar .badge{top:14px;right:12px}.tabbar .sidebar-brand{display:flex;align-items:center;gap:9px;font:600 32px var(--serif);letter-spacing:-1.5px;color:var(--forest);text-decoration:none;margin:0 12px 44px}.sidebar-brand span{color:var(--clay);margin-left:-10px}.tabbar .sidebar-caption{display:block;font-size:8px;letter-spacing:1.8px;color:var(--muted);margin:0 16px 9px}.sidebar-note{display:block;border-top:1px solid var(--line);padding:26px 16px 0;margin-top:auto}.sidebar-note>span{font-size:33px;color:var(--clay)}.sidebar-note p{font:500 27px/1.17 var(--serif);letter-spacing:-.6px;margin:12px 0 21px}.sidebar-note a{font-size:10px;color:var(--forest);text-decoration:none}.studio-masthead .studio-wordmark{visibility:hidden}.week-feature{display:grid;grid-template-columns:1.12fr 1fr}.week-feature>button{height:100%;min-height:380px}.week-feature>button>.cover{height:100%!important;border-radius:0}.week-feature>.body{display:flex;flex-direction:column;justify-content:center;padding:30px}.week-feature h2{font-size:33px}.week-feature .body .btn{min-height:45px;padding:12px}.grid-2{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.app-body[data-route=craft] #screen,.app-body[data-route=shop] #screen,.app-body[data-route=you] #screen{max-width:920px}.tabbar button:hover:not(.is-on){background:#e4e7db}.app-body .make-controls{left:0}.app-body .sheet{max-height:90svh}}
@media(min-width:1600px){.app-body:not(.is-immersive) #screen{padding-inline:60px}.week-feature>button{min-height:440px}}
@media(max-width:600px){#screen{padding:20px 20px 40px}.studio-masthead{margin-bottom:25px;padding-bottom:18px}.discover-head h1{font-size:37px;letter-spacing:-1.4px}.discover-head>p:last-child{font-size:13px;max-width:310px}.week-feature>button>.cover{height:270px!important}.week-feature>.body{padding:20px}.week-feature h2{font-size:29px}.feature-kicker{margin-bottom:14px}.craft-card .cover{height:180px}.craft-card h3{font-size:18px}.craft-card .meta{font-size:10px}.app-body .grid-2{gap:12px}.issue-heading>span{font-size:10px}.app-body .section-head h2{font-size:25px}.app-body .search{padding:14px}.app-body .chip{padding:9px 13px;font-size:11px}.welcome-art{height:250px}.tabbar button{font-size:10px}.app-body .stats{gap:4px}.app-body .stats>*{min-width:0}.app-body .stats b{font-size:18px}.app-body .topbar{gap:10px}.app-body .topbar h1{font-size:22px}.app-body .sheet{max-width:100%}}
@media(min-width:800px){.inspiration-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inspiration-grid .craft-row{margin:0}.inspiration-grid .craft-row-main{min-width:0}.inspiration-grid .craft-row h3{font-size:19px}}
.app-body .skip{top:-100px}.app-body .skip:focus{top:12px}
/* Keep focused controls clear of the fixed mobile tab bar. */
.app-body button,.app-body input,.app-body a{scroll-margin-block:110px}
@media(max-width:1049px){html:has(.app-body){scroll-padding-bottom:110px}}
.week-feature>.body>p:not(.kicker){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}