/* Creator journey: a single task per screen, on phones and on desktop. */
::selection{background:#b4d3de;color:#08131c}
input,textarea{caret-color:#b4d3de}*{scrollbar-color:#405768 #080e15;scrollbar-width:thin}
h1,h2{letter-spacing:-.035em;text-wrap:balance}
.studio-route .site-header{max-width:600px;height:76px}
.studio-route .site-header nav,.studio-route .brand span,.studio-route .site-footer,.studio-route .flow-steps{display:none}
.studio-route #studio-view{max-width:600px;padding-bottom:40px}
.studio-route:not(.showing-result) .studio-heading{display:none}
.studio-route .studio-heading{padding:20px 0 24px;display:block}
.studio-route .studio-heading h1{font-size:clamp(29px,6.5vw,38px);line-height:1.12;max-width:460px;letter-spacing:-.035em}
.studio-route .studio-heading p{font-size:15px;margin-top:10px}
.studio-route .start-panel{padding:0;max-width:none}
.quiz-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;color:#a9bac7;font-size:13px}
.quiz-navigation button{min-height:44px;min-width:44px;text-align:left;text-decoration:none;font-size:14px}
#creator-quiz h2{font-size:clamp(32px,8vw,46px);line-height:1.08;font-weight:550;letter-spacing:-.035em;margin:0 0 16px}
#creator-quiz p:not(.quiz-price){color:#b8c8d2;font-size:16px;line-height:1.5;margin:0 0 30px}
.answer-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.answer-list button{min-height:64px;padding:18px 22px;text-align:left;border:1px solid #3d5363;border-radius:12px;background:#142330;color:#eff5f7;font-size:17px;font-weight:550;line-height:1.35}
.answer-list button:hover{background:#213b4d;border-color:#a9cbd9}
.answer-list button:active{background:#2a4658}
.quiz-price{text-align:center;font-size:12px;color:#a9bac7;margin:8px 0 32px}
.own-data-start{border-top:1px solid #293744;margin-top:16px;padding:12px 0}
.own-data-start>summary{min-height:44px;padding:12px 0;color:#b4d3de;font-size:13px;cursor:pointer}
.own-data-start .paste-start{display:block;margin:0;border:0;padding:12px 0}
.own-data-start .paste-start h2{font-size:22px}.own-data-start .paste-start p{max-width:none}
.studio-route .start-panel>.micro{display:none}
.studio-route .studio-layout{display:block}.studio-route .preview-panel{position:static}
.studio-route .workspace-bar{margin:0;gap:12px;font-size:12px;flex-wrap:wrap}
.studio-route #goal-tip{display:none}
.studio-route .preview-frame{border-radius:12px;aspect-ratio:16/9}
.look-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.look-switch button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border:1px solid #3d5363;border-radius:12px;background:#111c27;color:#bed0da;font-size:14px}
.look-switch button[aria-pressed=true]{background:#d5e5ed;color:#112330;border-color:#d5e5ed;font-weight:650}
.look-swatch{width:16px;height:20px;border-radius:3px;border:1px solid #637989}.dark-swatch{background:#273846}.light-swatch{background:#ddd5bd}
.studio-route .playback{gap:12px;padding:12px 0 0}.studio-route .playback .button{min-height:44px}
#see-finale{min-height:44px;font-size:13px;margin-bottom:2px}
.quick-title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;margin:8px 0 14px}
.quick-title label{grid-column:1/-1;font-size:13px;color:#c2d1dc}
.quick-title input{background:#111c27;color:#eef6ff;border:1px solid #405768;border-radius:8px;font:inherit;font-size:15px;padding:12px;min-height:48px;min-width:0;width:100%}
.quick-title button{font-size:13px;min-height:48px}
.quick-title-disclosure>summary{font-size:13px;min-height:44px;padding:12px 0;color:#b4d3de;cursor:pointer}
.studio-route .export-panel strong{display:none}
.studio-route .preview-panel>.micro{font-size:11px!important;line-height:1.5;margin:8px 0;color:#a9bac7}
.studio-route .export-panel{display:block;border:0;padding:12px 0;margin:0}
.studio-route .export-panel strong{font-size:18px;font-weight:550}.studio-route .export-panel p{max-width:none;margin:6px 0 14px;font-size:13px}
.studio-route #export{width:100%;min-height:54px;border-radius:12px;font-size:16px}
.studio-route #message{font-size:12px;padding:0 0 12px}
.advanced-editor{border-top:1px solid #293744;margin-top:10px;padding-top:8px}
.advanced-editor>summary{padding:16px 0;min-height:52px;font-size:14px;color:#b4d3de;cursor:pointer}
.advanced-editor .editor-panel{padding-top:18px}.advanced-editor #import-button{margin:16px 0;white-space:normal}
.studio-route .resume-panel{padding:16px;gap:12px;border-radius:12px}.resume-panel strong{font-size:14px}.resume-panel p{font-size:12px}
.resume-panel .button{font-size:13px}.studio-route .past-projects{font-size:13px;padding-bottom:8px}
.studio-route .mode-banner{font-size:10px;padding:6px 12px}.studio-route .brand{font-size:21px}
.result-back{font-size:13px;min-height:44px;margin-top:-12px;margin-bottom:8px}
.studio-route dialog{border-radius:16px;box-shadow:none;max-height:calc(100dvh - 24px)}
.studio-route dialog .full{border-radius:12px;min-height:52px}
@media(max-width:640px){
  .hero{padding:24px 0 28px;gap:18px}.hero h1{font-size:42px;letter-spacing:-.035em}.hero-copy>p:first-child{font-size:16px;margin-bottom:20px}.hero .button{width:100%;border-radius:12px;min-height:54px}.hero .micro{text-align:center}
  .studio-route .site-header{height:68px}.quiz-navigation{margin-bottom:26px}
  .studio-route #studio-view{width:calc(100% - 40px)}.studio-route .studio-heading{padding:8px 0 20px}
  .studio-route .start-panel{min-height:calc(100svh - 132px)}
  .studio-route .answer-list button{font-size:16px;min-height:62px}
  .studio-route .two-fields{grid-template-columns:1fr}
  .studio-route .resume-panel{flex-direction:row;align-items:center}.resume-panel .button{white-space:normal;min-width:115px}
  .studio-route .entry-main{grid-template-columns:26px minmax(0,1fr) 78px 24px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}