.app-header{border-bottom:1px solid var(--border-default);background:var(--surface-panel);z-index:15;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;min-height:64px;padding:12px 24px;display:flex;position:sticky;top:0}.app-header.compact{min-height:54px;padding:8px 16px}.app-header-context{flex-wrap:wrap;flex:auto;align-items:center;gap:14px;min-width:0;display:flex}.app-header-titles{flex:0 auto;min-width:0;max-width:460px}.app-header-titles h1{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:19px;font-weight:750;line-height:1.25;overflow:hidden}.app-header.compact .app-header-titles h1{font-size:16px}.app-header-titles p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:13px;overflow:hidden}.app-header-actions{align-items:center;gap:8px;min-width:0;display:flex}.app-header-actions>*{min-width:0}.app-header-utilities{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.app-search-trigger{border:1px solid var(--border-default);min-width:210px;height:34px;color:var(--text-muted);background:var(--surface-subtle);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.app-search-trigger>span{text-align:left;flex:1}.app-search-trigger kbd{border:1px solid var(--border-default);color:var(--text-muted);background:var(--surface-panel);font:inherit;border-radius:5px;padding:1px 5px;font-size:11px}.app-search-trigger:hover{color:var(--text-primary);border-color:var(--accent)}.app-search-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-utility-wrap{position:relative}.app-utility{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;display:grid}.app-utility:hover{color:var(--text-primary);background:var(--surface-subtle)}.app-utility[aria-expanded=true]{color:var(--accent);background:var(--accent-surface)}.app-utility:focus-visible,.app-balance:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-balance{border:1px solid var(--border-default);height:34px;color:var(--text-primary);background:var(--surface-panel);font:inherit;cursor:pointer;border-radius:9px;padding:0 11px;font-size:13px;font-weight:700}.app-balance:hover{background:var(--surface-subtle)}.app-balance.unavailable{color:var(--text-muted);font-weight:600}.header-auth-actions{align-items:center;gap:8px;display:flex}.header-auth-link{height:34px;color:var(--text-primary);border-radius:9px;align-items:center;padding:0 11px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.header-auth-link:hover{background:var(--surface-subtle)}.header-auth-signup{color:var(--text-on-accent);background:var(--accent)}.header-auth-signup:hover{background:var(--accent-hover)}.app-popover{border:1px solid var(--border-default);background:var(--surface-raised);z-index:40;border-radius:12px;width:260px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #0f131c2e}.app-popover.wide{width:300px}.app-popover h2{color:var(--text-primary);margin:0 0 8px;font-size:14px;font-weight:750}.app-popover p{color:var(--text-secondary);margin:0 0 6px;font-size:13px}.app-popover-plan{color:var(--text-primary)!important;font-size:14px!important}.app-popover-muted{color:var(--text-muted)!important;font-size:12px!important}.app-popover-warning{color:var(--status-danger)!important}.app-popover-link{color:var(--accent);margin-top:8px;font-size:13px;font-weight:700;text-decoration:none;display:block}.app-popover-link:hover{text-decoration:underline}.app-notice{color:var(--text-primary);border-radius:9px;margin-bottom:4px;padding:8px;text-decoration:none;display:block}.app-notice:hover{background:var(--surface-subtle)}.app-notice b{font-size:13px;font-weight:650;display:block}.app-notice small{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.app-shortcuts{margin:0 0 4px}.app-shortcuts>div{justify-content:space-between;align-items:baseline;gap:10px;padding:4px 0;display:flex}.app-shortcuts dt{color:var(--text-primary);font-size:12px;font-weight:700}.app-shortcuts dd{color:var(--text-secondary);text-align:right;margin:0;font-size:12px}.app-overlay{z-index:60;background:#0b0f1673;justify-content:center;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.app-palette{border:1px solid var(--border-default);background:var(--surface-raised);border-radius:14px;flex-direction:column;width:min(560px,100%);max-height:70vh;display:flex;overflow:hidden;box-shadow:0 26px 60px #0b0f164d}.app-palette-input{border-bottom:1px solid var(--border-default);color:var(--text-muted);align-items:center;gap:10px;padding:12px 14px;display:flex}.app-palette-input input{min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:15px}.app-palette-input:focus-within{outline:2px solid var(--focus-ring);outline-offset:-2px}.app-palette-input button{border:1px solid var(--border-default);color:var(--text-muted);background:var(--surface-panel);font:inherit;cursor:pointer;border-radius:6px;padding:2px 7px;font-size:11px}.app-palette-results{padding:8px;overflow-y:auto}.app-palette-results section{margin-bottom:8px}.app-palette-results h2{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin:6px 8px;font-size:11px;font-weight:800}.app-palette-results button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;padding:8px;display:block}.app-palette-results button:hover{background:var(--surface-subtle)}.app-palette-results button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.app-palette-results button b{color:var(--text-primary);font-size:14px;font-weight:650;display:block}.app-palette-results button small{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.app-palette-empty{color:var(--text-muted);margin:14px 8px;font-size:13px}.app-palette-unavailable{color:var(--status-danger);margin:4px 8px 8px;font-size:12px}@media (max-width:720px){.app-header{padding:10px 14px}.app-search-trigger{min-width:0}.app-search-trigger>span,.app-search-trigger kbd,.app-header-titles p{display:none}}.app-header-actions .app-search,.app-header-actions .projects-top-actions>label{border-radius:9px;width:min(260px,24vw);height:34px}.app-header-actions .app-search input,.app-header-actions .projects-top-actions input{font-size:13px}.app-header-actions .icon-button{border-radius:9px;width:34px;height:34px}.app-header-actions .brand-workspace-actions button{min-height:34px}.app-header-actions .brand-workspace-identity{gap:10px}.app-header-actions .brand-workspace-identity label{gap:2px}.app-header-actions .brand-workspace-identity span{font-size:10px}.app-header-titles h1 .dashboard-greeting-emoji{font-size:.85em}.app-header-titles h1 .project-title{align-items:center;gap:12px;display:inline-flex}@media (max-width:1180px){.app-search-trigger{min-width:0}.app-search-trigger>span,.app-search-trigger kbd{display:none}}.app-header-titles h1 .creation-title{align-items:center;gap:12px;display:inline-flex}.app-header-titles h1 .creation-badge{color:var(--accent);letter-spacing:.12em;font-size:10px;font-weight:900}.app-header-actions .brand-workspace-actions button{white-space:nowrap}.app-header-actions .brand-workspace-identity select{max-width:210px}.app-palette-note{color:var(--text-muted);margin:2px 8px 6px;font-size:12px}.app-popover-action{border:1px solid var(--border-default);color:var(--text-primary);background:var(--surface-panel);font:inherit;cursor:pointer;border-radius:8px;margin-top:6px;padding:5px 10px;font-size:12px;font-weight:650}.app-popover-action:hover{background:var(--surface-subtle)}.app-popover-action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-skip-link{z-index:60;background:var(--surface-raised);color:var(--text-strong);border:1px solid var(--border-default);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}.app-skip-link:focus-visible,.app-skip-link:focus{outline:2px solid var(--focus-ring);outline-offset:2px;top:12px;left:12px}.app-content-marker{width:1px;height:1px;position:absolute}.account-loading{min-height:100svh;color:var(--text-primary);background:var(--surface-page);place-items:center;display:grid!important}.release-settings-link{color:var(--text-primary);border-radius:8px;align-items:center;gap:10px;padding:10px 8px;text-decoration:none;display:flex}.release-settings-link:hover,.release-settings-link[aria-current=page]{color:var(--accent);background:var(--accent-surface)}.release-settings-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.release-sidebar[data-collapsed=true] .release-settings-link{justify-content:center}.release-sidebar[data-collapsed=true] .release-settings-link>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-workspace-context{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px;font-size:12px;display:flex}.app-workspace-context b{font-weight:600}.app-workspace-context button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.app-workspace-context [role=alert]{color:var(--status-danger)}.app-header .app-utility,.app-header .app-search-trigger,.app-header-actions .settings-button{border-color:var(--border-control)}.app-header-actions .settings-button,.brand-page-actions button{border:1px solid var(--border-control);min-height:36px;color:var(--text-primary);background:var(--surface-panel);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:7px 11px;font-size:13px;text-decoration:none;display:inline-flex}.app-header-actions .settings-button.accent,.brand-page-actions .create-kit-button{color:var(--text-on-accent);background:var(--accent);border-color:var(--accent)}.brand-page-actions{align-items:center;gap:8px;display:flex}.app-popover{max-width:calc(100vw - 24px);max-height:min(70dvh,600px);overflow-y:auto}.project-library-toolbar,.dashboard-recent-heading{flex-wrap:wrap;gap:12px}.project-library-toolbar>.app-search{width:100%;max-width:320px}.clipper-project-content>.project-search{max-width:480px;margin:0 0 20px;display:flex}:root[data-reduce-motion=true] :is(.app-header,.release-sidebar,.settings-app,.account-menu) :is(button,a,input,select,.settings-drawer,.settings-choice,.account-popover){scroll-behavior:auto!important;transition:none!important}@media (max-width:600px){.app-header{padding:12px 16px}.app-header-utilities{gap:6px}.dashboard-recent-heading .app-search{flex-basis:100%;order:3;width:100%}.app-header-titles h1,.app-header-titles p{white-space:normal}.app-workspace-context{font-size:11px}}
