html,body{height:100%;font-family:var(--font-sans);background-color:var(--color-surface);color:var(--color-text);margin:0;padding:0;line-height:1.5}.blink-cursor:after{content:"|";vertical-align:middle;background-color:var(--accent-cyan);width:7px;height:1em;text-shadow:0 0 6px var(--accent-cyan);margin-left:3px;animation:1.1s step-end infinite blink;display:inline-block}.piece{font-family:var(--font-mono);white-space:pre;color:var(--color-ascii);border-radius:var(--radius-sm);background:#00ff9908;border:1px solid #00ff9926;padding:12px;font-size:14px;line-height:1.2;overflow-x:auto;box-shadow:inset 0 0 20px #0000004d}.asciify-piece{font-family:var(--font-mono);white-space:pre;color:var(--color-text);background:var(--color-surface-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:200px;padding:12px;font-size:11px;line-height:1;overflow-x:auto}.stylish-piece{white-space:pre-wrap;word-break:break-word;margin:0;font-size:18px;line-height:1.6}.diacritics-piece{white-space:pre-wrap;word-break:break-word;font-size:20px;line-height:1.8;font-family:var(--font-sans);padding:16px}.emoticon-piece{white-space:pre;padding:8px;font-size:24px;line-height:1.5}.terminal-window-frame{border-radius:var(--radius-xl);background:radial-gradient(circle,#00ff9914 0%,#0000 70%);border:1px solid #00ff994d;padding:24px;position:relative;overflow:hidden;box-shadow:0 0 30px #00ff9926,inset 0 0 20px #0000004d}.terminal-window-frame:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);height:2px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{opacity:.3;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:var(--color-on-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:.5px;cursor:pointer;box-shadow:var(--glow-primary);transition:all var(--transition-fast);border:none;padding:12px 24px;position:relative;overflow:hidden}.btn-primary:before{content:"";width:0;height:0;transition:width var(--transition-fast), height var(--transition-fast);background:#ffffff4d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-primary:hover:before{width:300px;height:300px}.btn-primary:hover{box-shadow:0 0 20px #0f99, var(--glow-primary);transform:translateY(-2px)}.btn-secondary{color:var(--accent-cyan);border:1px solid var(--accent-cyan);border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:10px 20px}.btn-secondary:hover{box-shadow:var(--glow-cyan);background:#06b6d41a;transform:translateY(-1px)}.card{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.sidebar{background:var(--color-surface-tertiary);border-right:1px solid var(--color-border);font-family:var(--font-mono)}.sidebar-item{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid #0000;padding:8px 16px}.sidebar-item:hover{color:var(--color-primary);border-left-color:var(--color-primary);background:#00ff990d}.sidebar-item.active{color:var(--color-primary);border-left-color:var(--color-primary);font-weight:var(--font-weight-bold);background:#00ff991a}.header{background:linear-gradient(180deg, #0000004d 0%, var(--color-surface) 100%);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px)}.header-tabs{border-bottom:1px solid var(--color-border);gap:4px;padding:8px 16px;display:flex}.header-tab{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-sm);border-bottom:none;padding:6px 12px}.header-tab.active{background:var(--color-surface-tertiary);color:var(--color-primary);border-color:var(--color-primary)}.footer{background:var(--color-surface-tertiary);border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding:6px 16px;display:flex}.status-indicator{align-items:center;gap:6px;display:flex}.status-dot{background:var(--color-success);width:8px;height:8px;box-shadow:0 0 8px var(--color-success);border-radius:50%;animation:2s infinite pulse}@media (width<=768px){.scanlines-overlay{display:none}.piece{padding:8px;font-size:11px}.btn-primary,.btn-secondary{font-size:var(--font-size-sm);padding:10px 16px}}body .cowsay-result{border:1px solid var(--color-border,#2a2a2e);border-radius:8px;overflow:hidden}body .cowsay-result .terminal-frame.cowsay-terminal{box-shadow:none;background:0 0;border:none}body .cowsay-result .terminal-header{background:0 0;padding:6px 12px}body .cowsay-result .terminal-body{padding:0;overflow:hidden}div.cowsay-content-wrapper{padding:8px}pre.cowsay-ascii-piece{font-family:var(--font-mono);white-space:pre;color:var(--color-ascii);box-shadow:none;background:0 0;border:none;margin:0;font-size:12px;line-height:1.1;overflow:hidden}.cowsay-footer{background:var(--color-surface-secondary,var(--color-surface-secondary));border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;gap:6px;padding:6px 12px;display:flex}.cowsay-footer-category{font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:capitalize;flex-shrink:0}.cowsay-footer-desc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.piece-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;max-width:100%;transition:border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;margin:4px 0 16px;display:flex;overflow:hidden}.piece-card:hover{border-color:var(--color-accent);box-shadow:var(--glow-cyan)}.piece-card-header{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.piece-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.piece-card-header-right{color:var(--color-primary);flex-shrink:0;align-items:center;gap:4px;display:flex}.piece-card-body{flex:1;padding:10px 12px;overflow-x:auto}.piece-card-body pre.piece,.piece-card-body pre{font-family:var(--font-mono);font-size:var(--font-size-xs);white-space:pre;color:var(--color-text);background:0 0;margin:0;line-height:1.3}.piece-card-footer{background:var(--color-surface-secondary);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;gap:6px;padding:6px 12px;display:flex}.piece-card-category{font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:capitalize;flex-shrink:0}.piece-card-desc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.piece-card-copied{border-color:var(--color-success);box-shadow:var(--glow-green)}.piece-card-copied .piece-card-header,.piece-card-copied .piece-card-footer{color:var(--color-success);background:#10b9811a}body .art-piece-card{border:1px solid var(--color-border,#2a2a2e);border-radius:8px;margin:4px 0 16px;overflow:hidden}body .art-piece-card .terminal-frame{box-shadow:none;background:0 0;border:none}body .art-piece-card .terminal-header{background:0 0;padding:6px 12px}body .art-piece-card .terminal-body{padding:0;overflow:hidden}.art-content-wrapper{padding:8px 12px}.art-ascii-piece{font-family:var(--font-mono);white-space:pre;color:var(--color-ascii,var(--color-text));box-shadow:none;background:0 0;border:none;margin:0;font-size:11px;line-height:1.15;overflow:hidden}.art-footer{background:var(--color-surface-secondary,var(--color-surface-secondary));border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;gap:6px;padding:6px 12px;display:flex}.art-footer-category{font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:capitalize;flex-shrink:0}.art-footer-desc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body .figlet-result{border:1px solid var(--color-border,#2a2a2e);border-radius:8px;overflow:hidden}body .figlet-result .terminal-frame.figlet-terminal{box-shadow:none;background:0 0;border:none}body .figlet-result .terminal-header{background:0 0;padding:6px 12px}body .figlet-result .terminal-body{padding:0;overflow:hidden}div.figlet-content-wrapper{padding:8px}pre.figlet-ascii-piece{font-family:var(--font-mono);white-space:pre;color:var(--color-ascii);box-shadow:none;background:0 0;border:none;margin:0;font-size:12px;line-height:1.1;overflow:hidden}body .tree-result .terminal-body{overflow:hidden}body .tree-result .terminal-header{background:0 0;padding:6px 12px}