/* Compact review canvas: three screens, with identity controls above them. */
.sidebar{position:relative;inset:auto;width:100%;height:78px;padding:15px 34px;display:flex;flex-direction:row;align-items:center;gap:28px;overflow:visible}
.sidebar-intro,.theme-nav-label,.sidebar-bottom{display:none}
.studio-brand{flex:none}.brand-logo{font-size:28px}.logo-star{font-size:30px}.studio-tag{font-size:6px;letter-spacing:1.6px}
.theme-nav{display:flex;flex-direction:row;gap:7px;flex:1;justify-content:center;padding:0;overflow:visible}
.theme-choice{width:auto;gap:8px;padding:8px 11px;min-width:117px;border-radius:8px}.theme-symbol{width:28px;height:28px;border-radius:7px}.theme-symbol .icon{width:16px;height:16px}.theme-choice-text b{font-size:12px}.theme-choice-text small{font-size:7px}.theme-choice-end{display:none}
.sidebar>.notes-button{color:#b5b9c3;border-color:#444750;margin:0;flex:none;white-space:nowrap;font-size:9px;padding:10px 12px}.sidebar>.notes-button:hover{background:#292c35}
.workspace{margin:0 auto;padding:0 34px;max-width:1450px}.workspace-header{display:none}.direction-heading{padding:22px 0 20px}.direction-heading h2{font-size:34px;letter-spacing:-1.4px;margin:8px 0 7px}.direction-heading p{font-size:10px}.direction-kicker{font-size:7px}.identity-symbol{height:41px;width:41px;border-radius:10px}.identity-chip b{font-size:12px}.identity-chip small{font-size:8px}
.preview-stage{grid-template-columns:repeat(3,minmax(0,360px));gap:29px;padding:19px 25px 17px;justify-content:center}.preview-column{display:block;min-width:0}.preview-caption{margin-bottom:13px}.preview-caption h3{font-size:11px}.screen-kind{font-size:5.5px;letter-spacing:.7px}.device{height:812px;border-radius:39px;border-width:5px}.statusbar{height:37px;padding-top:10px}.device-scroll{height:calc(100% - 37px)}.island{height:22px;width:79px;left:calc(50% - 39.5px);top:4px}.screen-note{font-size:8px;margin-top:12px;line-height:1.55}.palette-footer{padding:19px 4px}.palette-footer p{max-width:none;margin-top:7px}.workspace-footnote{padding:15px 3px 22px}.toast{left:50%}
@media(min-width:1550px){.workspace{padding:0 35px}.preview-stage{grid-template-columns:repeat(3,minmax(0,375px));gap:36px}.device{height:832px}.direction-heading{padding:24px 0}.preview-stage{padding-top:21px;padding-bottom:20px}}
@media(max-width:1300px){.sidebar{padding:14px 23px;gap:20px}.theme-choice{min-width:98px;padding:8px}.theme-choice-text small{font-size:6.5px}.theme-nav{gap:5px}.sidebar>.notes-button{padding:9px;font-size:8px}.workspace{padding:0 23px}.preview-stage{gap:21px;padding:17px 17px}.device{height:800px;border-radius:37px}.screen-kind{display:none}.preview-caption h3{font-size:10px}.identity-chip>span:last-child{display:flex}.palette-footer{flex-direction:row;align-items:center}.palette-swatches{width:auto;gap:18px}}
@media(max-width:1100px){.sidebar{gap:18px;padding:13px 20px;height:73px}.theme-choice{min-width:76px;padding:7px;gap:6px}.theme-choice-text small{display:none}.theme-choice-text b{font-size:11px}.theme-symbol{width:23px;height:23px}.theme-nav{gap:4px}.studio-tag{font-size:5px}.brand-logo{font-size:25px}.logo-star{font-size:27px}.sidebar>.notes-button{font-size:7px;padding:8px}.workspace{padding:0 22px}.preview-stage{gap:16px;padding:16px 13px}.device{height:790px;border-radius:34px}.preview-caption h3{font-size:9px}.screen-number{width:20px;height:20px;font-size:7px}.screen-note{font-size:7px}.direction-heading{padding:18px 0}.direction-heading h2{font-size:30px}.palette-swatches{gap:11px}}
@media(max-width:940px){.sidebar{height:auto;min-height:101px;display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 22px}.theme-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:7px;overflow:auto;scrollbar-width:none}.theme-choice{flex-shrink:0;min-width:0;padding:7px 11px}.sidebar>.notes-button{grid-column:2;grid-row:1}.workspace{padding:0 20px}.direction-heading{padding:18px 0}.identity-chip{display:flex}.direction-heading p{max-width:430px}.mobile-view-toggle{display:flex;max-width:410px;margin:0 auto 16px;background:#dcdfd5;border-radius:9px;padding:4px;gap:4px}.mobile-view-toggle button{flex:1;padding:9px;border-radius:6px;color:#73796a;background:none;font-size:10px}.mobile-view-toggle button.active{background:#f6f7f0;color:#303a27;box-shadow:0 2px 4px #0001}.preview-stage{display:block;max-width:444px;padding:17px 20px;margin:0 auto}.preview-column{display:none!important;max-width:none;margin:0}.preview-column .device{height:812px;border-radius:39px}body[data-view=home] .home-column,body[data-view=login] .login-column,body[data-view=splash] .splash-column{display:block!important}.preview-caption h3{font-size:12px}.screen-kind{display:block;font-size:6px}.screen-number{width:23px;height:23px}.screen-note{font-size:9px}.palette-footer{max-width:650px;margin:auto}.workspace-footnote{max-width:650px;margin:auto}.palette-swatches{width:auto}.swatch>span{display:none}}
@media(max-width:620px){.sidebar{padding:13px 16px;min-height:96px;gap:11px}.workspace{padding:0 14px}.direction-heading{padding:17px 2px}.direction-heading h2{font-size:30px}.direction-heading p{font-size:9px;max-width:300px}.identity-chip{display:none}.direction-kicker{font-size:6px}.preview-stage{padding:15px 13px;max-width:426px}.preview-column .device{height:800px}.preview-caption h3{font-size:11px}.screen-kind{font-size:5px}.mobile-view-toggle{max-width:390px;margin-bottom:12px}.mobile-view-toggle button{font-size:9px}.palette-footer{padding:19px 3px;gap:13px}.palette-footer p{max-width:160px;font-size:8px}.palette-swatches{gap:6px}.swatch>i{width:23px;height:29px}.workspace-footnote{font-size:5.7px;letter-spacing:.4px}.screen-note{font-size:8px}}
@media(max-width:370px){.workspace{padding:0 10px}.preview-stage{padding:13px 8px}.preview-column .device{height:790px;border-radius:35px}.preview-caption h3{font-size:10px}.screen-kind{font-size:4.5px}.sidebar{padding:12px 13px}.theme-choice{padding:6px 9px}.direction-heading p{font-size:8px}.direction-heading h2{font-size:28px}.screen-note{font-size:7px}.palette-swatches{gap:4px}.swatch>i{width:20px;height:28px}}