@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;900&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--color-canvas:oklch(13% .006 260);--color-surface-1:oklch(18% .018 260);--color-surface-2:oklch(23% .022 260);--color-surface-3:oklch(28% .022 260);--color-rule:oklch(34% .022 260);--color-rule-strong:oklch(42% .022 260);--color-ink:oklch(93% .008 260);--color-ink-secondary:oklch(73% .018 260);--color-muted:oklch(62% .018 260);--color-accent:oklch(80% .165 86);--color-accent-hover:oklch(72% .155 82);--color-accent-ink:oklch(14% .01 80);--color-focus:oklch(88% .13 92);--color-success:oklch(72% .17 145);--color-error:oklch(65% .21 26);--color-overlay:oklch(8% .005 260/.82);--font-display:"Barlow Condensed", "PingFang SC", sans-serif;--font-body:"PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.5rem;--text-xl:2rem;--text-display:clamp(2rem, 6vw, 3.5rem);--radius-control:0;--radius-card:.25rem;--radius-round:999px;--rule-thin:1px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--z-base:1;--z-sticky:200;--z-toast:500}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%}html,body{overflow-x:clip}body{color:var(--color-ink);background:var(--color-canvas);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}button,input,textarea,select{color:inherit;font:inherit}button,a,select,label.upload-button{-webkit-tap-highlight-color:transparent}button,a{white-space:nowrap}button{border:0}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.wordmark{color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.04em;font-weight:900;line-height:1}.system-label{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em}.primary-button,.secondary-button,.upload-button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:44px;padding-inline:var(--space-lg);border:var(--rule-thin) solid var(--color-accent);border-radius:var(--radius-control);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);transition:transform var(--dur-micro) var(--ease-out), opacity var(--dur-micro) var(--ease-out);font-weight:700;display:inline-flex}.primary-button{color:var(--color-accent-ink);background:var(--color-accent)}.secondary-button,.upload-button{color:var(--color-accent);background:var(--color-surface-1)}.primary-button:active,.secondary-button:active,.upload-button:active{transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled,.upload-button.disabled{opacity:.5;cursor:not-allowed}.text-button{min-height:44px;padding-inline:var(--space-sm);color:var(--color-ink-secondary);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);background:0 0}.text-button:active{transform:translateY(1px)}.spinner{border:2px solid;border-radius:var(--radius-round);border-inline-end-color:#0000;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.field>span{color:var(--color-ink-secondary);font-size:var(--text-sm)}.field>small{min-height:1lh;color:var(--color-muted);font-size:var(--text-xs);text-align:end}.field input,.field textarea,.organization-picker select{width:100%;min-height:44px;padding:var(--space-sm) var(--space-md);color:var(--color-ink);background:var(--color-surface-2);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-control);outline-offset:1px;outline:2px solid #0000}.field textarea{resize:vertical;min-height:8rem}.field input::placeholder,.field textarea::placeholder{color:var(--color-muted)}.field input:focus-visible,.field textarea:focus-visible,.organization-picker select:focus-visible{outline-color:var(--color-focus)}.field input[aria-invalid=true]{border-color:var(--color-error)}.field input:disabled,.field textarea:disabled{opacity:.55;cursor:not-allowed}.login-page{grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.login-brand{justify-content:space-between;gap:var(--space-xl);min-width:0;padding:max(var(--space-lg), env(safe-area-inset-top)) max(var(--space-md), env(safe-area-inset-right)) var(--space-xl) max(var(--space-md), env(safe-area-inset-left));background:var(--color-canvas);flex-direction:column;display:flex}.brand-copy{gap:var(--space-sm);flex-direction:column;max-width:40rem;display:flex}.brand-copy h1{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.035em;margin:0;font-style:normal;font-weight:900;line-height:1.08}.brand-copy p{max-width:32rem;color:var(--color-ink-secondary);margin:0}.access-notes{gap:var(--space-xs);margin:0;display:grid}.access-notes>div{gap:var(--space-md);padding-block:var(--space-xs);border-block-start:var(--rule-thin) solid var(--color-rule);grid-template-columns:5rem minmax(0,1fr);display:grid}.access-notes dt{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.access-notes dd{color:var(--color-ink-secondary);font-size:var(--text-sm);margin:0}.login-panel{background:var(--color-surface-1);border-block-start:var(--rule-thin) solid var(--color-rule);flex-direction:column;min-width:0;display:flex}.login-panel-head{align-items:center;gap:var(--space-xs);min-height:48px;padding-inline:var(--space-md);color:var(--color-ink-secondary);border-block-end:var(--rule-thin) solid var(--color-rule);font-family:var(--font-mono);font-size:var(--text-xs);display:flex}.status-dot{background:var(--color-success);border-radius:var(--radius-round);width:.5rem;height:.5rem}.login-form{justify-content:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-md);flex-direction:column;flex:1;display:flex}.login-form h2{font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-style:normal}.login-form p{margin:var(--space-xs) 0 0;color:var(--color-ink-secondary);font-size:var(--text-sm)}.form-feedback{min-height:2.8rem;color:var(--color-muted);font-size:var(--text-sm)}.form-feedback.error{color:var(--color-error)}.workspace-shell{background:var(--color-canvas);min-height:100dvh}.workspace-header{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-md);min-height:64px;padding:max(var(--space-sm), env(safe-area-inset-top)) max(var(--space-md), env(safe-area-inset-right)) var(--space-sm) max(var(--space-md), env(safe-area-inset-left));background:var(--color-canvas);border-block-end:var(--rule-thin) solid var(--color-rule);display:flex;position:sticky;inset-block-start:0}.header-brand,.header-account{align-items:center;gap:var(--space-sm);display:flex}.header-brand>span:last-child,.header-account>span{color:var(--color-ink-secondary);font-size:var(--text-sm)}.header-divider{background:var(--color-rule);width:1px;height:24px}.workspace-main{grid-template-columns:minmax(0,1fr);display:grid}.workspace-nav{padding:var(--space-md);background:var(--color-surface-1);border-block-end:var(--rule-thin) solid var(--color-rule)}.organization-picker{gap:var(--space-xs);flex-direction:column;display:flex}.organization-picker label{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.organization-picker select{appearance:auto}.workspace-nav nav{gap:var(--space-xs);scrollbar-width:none;margin-block-start:var(--space-md);display:flex;overflow-x:auto}.workspace-nav nav::-webkit-scrollbar{display:none}.nav-item{align-items:center;gap:var(--space-xs);min-height:44px;padding-inline:var(--space-sm);color:var(--color-ink-secondary);border:var(--rule-thin) solid var(--color-rule);font-size:var(--text-sm);white-space:nowrap;flex:none;text-decoration:none;display:flex}.nav-item small{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.nav-item.active{color:var(--color-accent);border-color:var(--color-accent)}.nav-item.disabled{opacity:.5;cursor:not-allowed}.permission-card{display:none}.workspace-content{min-width:0;padding:var(--space-lg) max(var(--space-md), env(safe-area-inset-right)) max(var(--space-2xl), env(safe-area-inset-bottom)) max(var(--space-md), env(safe-area-inset-left))}.content-heading{gap:var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule);flex-direction:column;padding-block-end:var(--space-lg);display:flex}.content-heading h1{min-width:0;margin:var(--space-xs) 0;overflow-wrap:anywhere;font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;font-style:normal}.content-heading p{max-width:44rem;color:var(--color-ink-secondary);margin:0}.category-badge{padding:var(--space-xs) var(--space-sm);color:var(--color-accent);border:var(--rule-thin) solid var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);align-self:flex-start}.profile-workbench{flex-direction:column;display:flex}.logo-section,.form-section{gap:var(--space-lg);padding-block:var(--space-xl);border-block-end:var(--rule-thin) solid var(--color-rule);grid-template-columns:minmax(0,1fr);display:grid}.section-copy h2{font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-style:normal}.section-copy p{max-width:28rem;margin:var(--space-xs) 0 0;color:var(--color-ink-secondary);font-size:var(--text-sm)}.logo-editor{align-items:center;gap:var(--space-md);display:flex}.logo-preview{width:88px;height:88px;color:var(--color-accent);background:var(--color-surface-2);border:var(--rule-thin) solid var(--color-rule-strong);font-family:var(--font-display);font-size:var(--text-xl);flex:0 0 88px;place-items:center;font-weight:900;display:grid;overflow:hidden}.logo-preview img{object-fit:contain;width:100%;height:100%}.upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.form-grid{gap:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.save-bar{align-items:stretch;gap:var(--space-md);padding-block:var(--space-lg);flex-direction:column;display:flex}.save-feedback{min-width:0;color:var(--color-muted);font-size:var(--text-sm)}.save-feedback.success{color:var(--color-success)}.save-feedback.error{color:var(--color-error)}.state-panel{align-content:center;place-items:center;gap:var(--space-md);min-height:22rem;color:var(--color-ink-secondary);text-align:center;display:grid}.state-panel p{max-width:36rem;margin:0}.error-state strong{color:var(--color-error)}@media (hover:hover) and (pointer:fine){.primary-button:hover{background:var(--color-accent-hover)}.secondary-button:hover,.upload-button:hover{transform:translateY(-1px)}.text-button:hover{color:var(--color-accent)}.field input:not(:disabled):hover,.field textarea:not(:disabled):hover,.organization-picker select:hover{background:var(--color-surface-3)}.nav-item.active:hover{background:var(--color-surface-2)}}@media (width>=40rem){.login-brand{padding:var(--space-xl)}.login-panel-head{padding-inline:var(--space-xl)}.login-form{padding:var(--space-2xl) var(--space-xl)}.content-heading{flex-direction:row;justify-content:space-between;align-items:flex-start}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-span{grid-column:1/-1}.save-bar{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=60rem){.login-page{grid-template-columns:minmax(0,1.25fr) minmax(25rem,.75fr)}.login-brand{min-height:100dvh;padding:var(--space-xl) var(--space-2xl)}.login-panel{border-block-start:0;border-inline-start:var(--rule-thin) solid var(--color-rule)}.workspace-main{grid-template-columns:16rem minmax(0,1fr);min-height:calc(100dvh - 64px)}.workspace-nav{height:calc(100dvh - 64px);padding:var(--space-lg);border-block-end:0;border-inline-end:var(--rule-thin) solid var(--color-rule);position:sticky;inset-block-start:64px}.workspace-nav nav{flex-direction:column;overflow:visible}.nav-item{justify-content:space-between}.permission-card{inset-inline:var(--space-lg);gap:var(--space-2xs);padding:var(--space-md);background:var(--color-surface-2);border:var(--rule-thin) solid var(--color-rule);flex-direction:column;display:flex;position:absolute;inset-block-end:var(--space-lg)}.permission-card>span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.permission-card strong{color:var(--color-accent);font-size:var(--text-sm)}.permission-card p{color:var(--color-ink-secondary);font-size:var(--text-xs);margin:0}.workspace-content{padding:var(--space-xl) clamp(var(--space-xl), 5vw, var(--space-3xl))}.logo-section,.form-section{grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr)}}@media (pointer:coarse){.primary-button,.secondary-button,.upload-button,.text-button,.nav-item{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}}