.tool-header{z-index:var(--z-sticky);height:64px;padding:0 var(--space-xl);background:var(--bg-glass-ultra);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);align-items:center;gap:var(--space-lg);flex-shrink:0;display:flex;position:sticky;top:0}.tool-header__left{flex-shrink:0;align-items:center;display:flex}.tool-header__brand{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-text-fill-color:transparent;white-space:nowrap;letter-spacing:var(--letter-spacing-tight);-webkit-background-clip:text;background-clip:text}.tool-header__center{flex:1;justify-content:center;min-width:0;display:flex}.tool-header__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:var(--letter-spacing-normal);margin:0;overflow:hidden}.tool-header__right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.tool-header__credits{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);white-space:nowrap;background:linear-gradient(135deg,#00aaff26,#00f2ff14);border:1px solid #00aaff40;align-items:center;gap:4px;padding:6px 12px;display:inline-flex}.tool-header__credits-icon{flex-shrink:0;width:14px;height:14px}.tool-header__close{border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;align-items:center;display:flex}.tool-header__close:hover{border-color:var(--border-hover);background:#ffffff14;transform:scale(1.05)}@media (max-width:768px){.tool-header{height:56px;padding:0 var(--space-md);gap:var(--space-sm)}.tool-header__brand{font-size:var(--font-size-base)}.tool-header__title{font-size:var(--font-size-sm)}.tool-header__credits span{display:none}.tool-header__credits{padding:6px 8px}}@media (max-width:480px){.tool-header__brand{display:none}.tool-header__title{font-size:var(--font-size-base);color:var(--text-primary)}}
.tool-page-layout{z-index:var(--z-modal);background:var(--bg-primary);color:var(--text-primary);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.tool-page-layout__ambient{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.tool-page-layout__glow{filter:blur(120px);opacity:.15;border-radius:50%;animation:20s ease-in-out infinite alternate tool-glow-drift;position:absolute}.tool-page-layout__glow--1{background:radial-gradient(circle,#0af6,#0000 70%);width:600px;height:600px;top:-200px;right:-100px}.tool-page-layout__glow--2{background:radial-gradient(circle,#7c3aed4d,#0000 70%);width:500px;height:500px;bottom:-200px;left:-150px}@keyframes tool-glow-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.1)}to{transform:translate(-20px,30px)scale(.95)}}.tool-page-layout__content{z-index:1;padding:var(--space-3xl);flex:1;position:relative;overflow:hidden auto}.tool-page-layout__content::-webkit-scrollbar{width:6px}.tool-page-layout__content::-webkit-scrollbar-track{background:0 0}.tool-page-layout__content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.tool-page-layout__content::-webkit-scrollbar-thumb:hover{background:#fff3}.tool-page-loading{z-index:var(--z-modal);background:var(--bg-primary);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (max-width:768px){.tool-page-layout__content{padding:var(--space-lg)}.tool-page-layout__glow--1{width:350px;height:350px;top:-120px;right:-80px}.tool-page-layout__glow--2{width:300px;height:300px;bottom:-120px;left:-80px}}@media (max-width:480px){.tool-page-layout__content{padding:var(--space-md)}}@media (prefers-reduced-motion:reduce){.tool-page-layout__glow{animation:none}}