.tool-header{position:sticky;top:0;z-index:var(--z-sticky);height:64px;padding:0 var(--space-xl);background:var(--bg-glass-ultra);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);gap:var(--space-lg)}.tool-header,.tool-header__left{display:flex;align-items:center;flex-shrink:0}.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-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;letter-spacing:var(--letter-spacing-tight)}.tool-header__center{flex:1;display:flex;justify-content:center;min-width:0}.tool-header__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:var(--letter-spacing-normal)}.tool-header__right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.tool-header__tutorial{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-glass);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-decoration:none;white-space:nowrap;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.tool-header__tutorial:hover{background:rgba(255,255,255,.08);border-color:var(--border-hover);color:var(--text-primary)}.tool-header__tutorial-icon{width:14px;height:14px;flex-shrink:0}.tool-header__credits{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,rgba(0,170,255,.15),rgba(0,242,255,.08));border:1px solid rgba(0,170,255,.25);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);white-space:nowrap}.tool-header__credits-icon{width:14px;height:14px;flex-shrink:0}.tool-header__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--border-glass);border-radius:var(--radius-sm);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}.tool-header__close:hover{background:rgba(255,255,255,.08);border-color:var(--border-hover);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,.tool-header__tutorial span{display:none}.tool-header__tutorial{padding:6px 10px}.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{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);color:var(--text-primary)}.tool-page-layout__ambient{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.tool-page-layout__glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:tool-glow-drift 20s ease-in-out infinite alternate}.tool-page-layout__glow--1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,170,255,.4),transparent 70%);top:-200px;right:-100px}.tool-page-layout__glow--2{width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.3),transparent 70%);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{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;padding:var(--space-3xl)}.tool-page-layout__content::-webkit-scrollbar{width:6px}.tool-page-layout__content::-webkit-scrollbar-track{background:transparent}.tool-page-layout__content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}.tool-page-layout__content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.tool-page-loading{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}@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}}