.project-bar{display:flex;align-items:center;justify-content:flex-end;gap:7px}.project-sync{margin-right:4px;color:var(--muted);font-size:.75rem;white-space:nowrap}.project-bar .button,.project-bar .small-button{min-height:34px;padding:7px 11px;font-size:.75rem}.project-bar .small-button{border:1px solid var(--line);background:transparent;color:var(--ink)}
.project-dialog{width:min(720px,calc(100vw - 32px));max-width:none;max-height:min(760px,calc(100dvh - 32px));margin:auto;padding:0;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 24px 90px #0003}.project-dialog::backdrop{background:#15181c8c;backdrop-filter:blur(4px)}.project-dialog-head{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 24px;border-bottom:1px solid var(--line);background:var(--surface)}.project-dialog-head h2{margin:5px 0 0;font-size:1.55rem;letter-spacing:-.035em}.project-dialog-head .icon-button{width:34px;height:34px}.project-dialog-body{padding:24px}.project-auth-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);gap:32px;align-items:start}.project-auth-copy p{margin-top:11px;color:var(--muted);font-size:.9rem;line-height:1.65}.project-auth-copy ul{display:grid;gap:8px;margin:20px 0 0;padding:0;list-style:none;font-size:.8125rem}.project-auth-copy li::before{content:'✓';margin-right:9px;color:var(--accent)}.project-auth-form,.project-save-form{display:grid;gap:12px}.project-auth-form label,.project-save-form label{display:grid;gap:6px;color:var(--muted);font-size:.75rem}.project-auth-form input,.project-save-form input,.project-save-form select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);outline:0}.project-auth-form input:focus,.project-save-form input:focus,.project-save-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}.project-auth-form .button,.project-save-form .button{min-height:44px}.project-private-note{color:var(--muted);font-size:.72rem;line-height:1.5}.project-workspace-view{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:28px}.project-save-panel{padding-right:28px;border-right:1px solid var(--line)}.project-save-panel h3,.project-list-panel h3{margin:0 0 14px;font-size:1rem}.project-list{display:grid;gap:7px}.project-list[aria-busy=true]{opacity:.55}.project-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 10px 11px 13px;border:1px solid var(--line);border-radius:7px}.project-item.is-active{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:inset 3px 0 var(--accent)}.project-item>div{display:grid;min-width:0;gap:3px}.project-item strong{overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.project-item span{color:var(--muted);font-size:.7rem}.project-open{padding:7px 9px;border-radius:5px;background:var(--surface-2);color:var(--ink);font-size:.72rem}.project-empty{padding:17px;border:1px dashed var(--line);border-radius:7px;color:var(--muted);font-size:.8rem;line-height:1.55}.project-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.project-dialog-foot button{background:transparent;color:var(--muted);text-decoration:underline}.project-message{min-height:1.25rem;margin-top:14px;color:var(--muted);font-size:.78rem}.project-message[data-kind=error]{color:#b94141}.project-message[data-kind=success]{color:#2d7961}
.template-panel{margin-top:24px;padding-top:21px;border-top:1px solid var(--line)}.template-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.template-heading h3{margin:0;font-size:1rem}.template-heading span{color:var(--muted);font-size:.7rem}.template-save-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin:13px 0}.template-save-form label{display:grid;gap:6px;color:var(--muted);font-size:.75rem}.template-save-form input{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);outline:0}.template-save-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}.template-save-form .button{min-height:38px;padding:8px 11px;font-size:.72rem}.template-list{display:grid;gap:6px}.template-list[aria-busy=true]{opacity:.55}.template-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px 9px 13px;border:1px solid var(--line);border-radius:7px}.template-item>div{display:grid;min-width:0;gap:3px}.template-item strong{overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.template-item span{color:var(--muted);font-size:.68rem}.template-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.template-manage{padding:6px 7px;border-radius:5px;background:transparent;color:var(--muted);font-size:.68rem}.template-manage:hover,.template-manage:focus-visible{background:var(--surface-2);color:var(--ink)}.template-delete:hover,.template-delete:focus-visible{color:#b94141}
@media(max-width:800px){.studio-compact-head{align-items:center}.project-sync{display:none}.project-dialog{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}.project-auth-view,.project-workspace-view{grid-template-columns:1fr}.project-save-panel{padding:0 0 22px;border:0;border-bottom:1px solid var(--line)}}
@media(max-width:580px){.studio-compact-head{align-items:flex-start;gap:10px}.project-bar{flex-wrap:wrap;max-width:190px}.project-bar .button,.project-bar .small-button{min-height:32px;padding:6px 9px}.project-dialog-head{padding:18px}.project-dialog-body{padding:18px}.project-dialog-head h2{font-size:1.35rem}.project-auth-view{gap:22px}.project-dialog-foot{align-items:flex-start;flex-direction:column}}
.project-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.project-manage{padding:7px 9px;border-radius:5px;background:transparent;color:var(--muted);font-size:.72rem}.project-manage:hover,.project-manage:focus-visible{background:var(--surface-2);color:var(--ink)}
.archived-project-panel{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.archived-project-list{margin-top:10px}.archived-project-list[aria-busy=true]{opacity:.55}
.saved-palette-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px 9px 13px;border:1px solid var(--line);border-radius:7px}.saved-palette-item>div{display:grid;min-width:0;gap:3px}.saved-palette-item strong{overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.saved-palette-item span{color:var(--muted);font-size:.68rem}.saved-palette-swatches{display:flex;gap:3px;margin-top:4px}.saved-palette-swatches i{width:22px;height:8px;border-radius:2px;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000012}
.project-account-actions{display:flex;align-items:center;gap:14px}.project-account-actions button:first-child{color:#a64b4b}.project-account-actions button:hover,.project-account-actions button:focus-visible{color:var(--ink)}
.prototype-panel{margin-top:24px;padding-top:21px;border-top:1px solid var(--line)}.prototype-panel>p{margin:11px 0 13px}.prototype-list{display:grid;gap:6px}.prototype-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px 9px 13px;border:1px solid var(--line);border-radius:7px}.prototype-card.is-active{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:inset 3px 0 var(--accent)}.prototype-card>div:first-child{display:grid;min-width:0;gap:3px}.prototype-card strong{font-size:.8rem}.prototype-card span,.prototype-card small{color:var(--muted);font-size:.68rem}.prototype-swatches{display:flex;gap:3px;margin-top:4px}.prototype-swatches i{width:24px;height:9px;border-radius:2px;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000012}.prototype-card-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.prototype-card button:disabled{opacity:.5;cursor:default}.prototype-previous{padding:6px 7px;border-radius:5px;background:transparent;color:var(--muted);font-size:.68rem}.prototype-previous:hover,.prototype-previous:focus-visible{background:var(--surface-2);color:var(--ink)}.prototype-actions{display:grid;gap:6px;margin-top:10px}.prototype-actions .button{min-height:36px;padding:8px 10px;font-size:.72rem}.prototype-actions .button:disabled{opacity:.48;cursor:default}