:root{--chrome-max-width: 1280px}.app-header{background:var(--chrome-bg);border-bottom:1px solid var(--chrome-border);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:57px}.header-container{max-width:var(--chrome-max-width);margin:0 auto;padding:.65rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-primary-bar{display:contents}.header-left{display:flex;align-items:center;gap:.75rem;order:1;flex:1 1 0}.brand-wrap{display:flex;align-items:center;gap:.75rem;color:var(--chrome-text);cursor:default;user-select:none}.brand-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--chrome-accent);display:flex;align-items:center;justify-content:center;font-size:1.15rem}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:1.125rem;font-weight:700;line-height:1.2}.brand-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .4rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--chrome-muted);font-weight:600;align-self:flex-start}.mode-tabs{order:2;display:flex;align-items:center;justify-content:center;gap:.35rem;background:var(--bg-subtle);padding:.25rem;border-radius:var(--radius-full);border:1px solid var(--border);flex-shrink:0}.tab-btn{display:flex;align-items:center;gap:.45rem;padding:.45rem 1rem;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.875rem;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.tab-btn:hover{color:var(--text)}.tab-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.header-actions{order:3;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex:1 1 0}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:40px;padding:.45rem .85rem;border:1px solid var(--chrome-border);background:var(--chrome-action-bg);color:var(--chrome-text);font-family:inherit;font-size:.85rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all .15s ease}.action-btn:hover{background:var(--chrome-action-hover);border-color:var(--primary)}.action-btn:focus-visible,.tab-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.action-btn-icon{min-width:40px;padding:.5rem}.action-btn.text-danger{color:var(--color-error)}.action-btn.text-danger:hover{background-color:var(--error-bg);border-color:var(--color-error)}.action-btn.cleared,.action-btn.copied{background:var(--color-success);color:#fff;border-color:var(--color-success)}.back-btn{font-weight:600}.back-label-short{display:none}.app-footer{margin-top:auto;border-top:1px solid var(--chrome-border);background:var(--chrome-bg);padding:1.5rem;text-align:center;font-size:.8rem;color:var(--chrome-muted)}.footer-container{max-width:var(--chrome-max-width);margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.footer-link{color:var(--chrome-muted);text-decoration:none}.footer-link:hover{color:var(--chrome-accent)}@media(max-width:1023px){.back-label-long{display:none}.back-label-short{display:inline}}@media(max-width:960px){:root,[data-theme=dark]{--header-h: 88px}.app-header{min-height:88px}.header-container{flex-direction:column;align-items:stretch;gap:.45rem;padding:.45rem .85rem}.header-primary-bar{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;gap:.5rem}.header-left{min-width:0;flex:1 1 auto;gap:.5rem}.brand-wrap{min-width:0;gap:.5rem}.brand-icon{width:32px;height:32px;font-size:.95rem;flex-shrink:0}.brand-title{font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tag{display:none}.header-actions{gap:.4rem;flex-shrink:0}.action-btn{min-height:44px;min-width:44px;padding:.45rem .65rem}.mode-tabs{width:max-content;max-width:100%;margin-inline:auto;justify-content:safe center;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.mode-tabs::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;min-height:44px;padding:.4rem .85rem;font-size:.82rem;scroll-snap-align:center;white-space:nowrap}}@media(max-width:640px){.back-btn .back-label,.action-btn .action-label{display:none}.app-footer{padding:1rem;font-size:.75rem}}
/*# sourceMappingURL=app-chrome-OL2HTSIQ.css.map */