.art-page-wrapper{--art-bg: rgba(var(--surface-rgb), .5);--art-border: rgba(var(--primary-rgb), .2);--art-hover: rgba(var(--primary-rgb), .1)}.art-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;background:#0003;padding:6px;border-radius:50px;border:1px solid var(--border);box-shadow:inset 0 2px 10px #0000001a}.art-tab{padding:10px 20px;border:none;background:transparent;border-radius:40px;cursor:pointer;font-weight:600;font-size:.95rem;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.art-tab:hover{color:var(--text);background:#ffffff0d}.art-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb),.4);transform:translateY(-1px)}.art-tab-content{display:none;opacity:0;transition:opacity .4s ease}.art-tab-content.active{display:block;opacity:1;animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.art-search{width:100%;padding:14px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);font-size:1rem;font-family:inherit;outline:none;margin-bottom:20px;transition:all .3s;box-shadow:0 2px 8px #0000000d}.art-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.art-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.art-cat-btn{padding:8px 16px;border:1px solid var(--border);background:var(--surface);border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-secondary);transition:all .2s;font-family:inherit}.art-cat-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--art-hover)}.art-cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.art-gallery{column-count:1;column-gap:16px}@media(min-width:600px){.art-gallery{column-count:2}}@media(min-width:900px){.art-gallery{column-count:3}}.art-card{break-inside:avoid;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.art-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;border-color:var(--art-border)}.art-card pre{font-family:JetBrains Mono,Courier New,monospace;font-size:.75rem;line-height:1.15;white-space:pre;margin:0;color:var(--text);max-height:400px;overflow-y:hidden;text-shadow:0 1px 1px rgba(0,0,0,.5)}.copy-hover-btn{position:absolute;top:10px;right:10px;padding:6px 12px;font-size:.8rem;border-radius:8px;background:rgba(var(--primary-rgb),.9);color:#fff;border:none;cursor:pointer;opacity:0;transform:translateY(-5px);transition:all .2s;font-weight:600;backdrop-filter:blur(4px)}.art-card:hover .copy-hover-btn{opacity:1;transform:translateY(0)}.kaomoji-cat-section{margin-bottom:32px}.kaomoji-cat-title{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:8px;display:inline-block}.kaomoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.kaomoji-btn{padding:14px 10px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);cursor:pointer;font-size:1.2rem;text-align:center;transition:all .2s;font-family:inherit;color:var(--text)}.kaomoji-btn:hover{background:var(--art-hover);transform:scale(1.05);border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px rgba(var(--primary-rgb),.15)}.fancy-text-input{width:100%;padding:16px 20px;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);font-size:1.2rem;font-family:inherit;outline:none;transition:all .3s;margin-bottom:24px;font-weight:600}.fancy-text-input:focus{border-color:var(--primary);box-shadow:0 0 15px rgba(var(--primary-rgb),.2)}.fancy-text-results{display:flex;flex-direction:column;gap:12px}.fancy-text-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s}.fancy-text-row:hover{border-color:var(--art-border);background:var(--art-hover)}.fancy-text-label{font-size:.85rem;color:var(--text-secondary);font-weight:700;min-width:120px;text-transform:uppercase;letter-spacing:.5px}.fancy-text-output{flex:1;font-size:1.25rem;word-break:break-all;color:var(--text);min-height:1.4em}.fancy-copy-btn{padding:8px 16px;font-size:.8rem;font-weight:600;border-radius:8px;background:var(--bg-subtle);color:var(--text);border:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:all .2s}.fancy-copy-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.action-btn{padding:14px 28px;font-size:1rem;font-weight:700;border-radius:var(--radius-lg);background:var(--primary);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 15px rgba(var(--primary-rgb),.4);transition:all .3s}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.6)}.banner-controls{display:grid;grid-template-columns:1fr auto auto;gap:16px;margin-bottom:24px}.banner-input{padding:16px 20px;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);font-size:1.2rem;font-family:inherit;outline:none;transition:border-color .3s;font-weight:600}.banner-input:focus{border-color:var(--primary)}.banner-select{padding:16px 20px;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);font-size:1rem;outline:none;min-width:200px;font-weight:600;cursor:pointer;transition:all .3s}.banner-select:hover{border-color:var(--primary)}@media(max-width:768px){.banner-controls{grid-template-columns:1fr}}.output-wrap{position:relative;background:#000;border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;overflow-x:auto;min-height:250px;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 4px 20px #00000080}.output-wrap pre{font-family:JetBrains Mono,Courier New,monospace;font-size:.85rem;line-height:1.2;margin:0;color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.5);font-weight:700}.loading-pulse{animation:pulse 1.5s infinite;color:var(--primary);font-size:1.2rem}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.floating-copy-btn{position:absolute;top:16px;right:16px;padding:10px 20px;font-size:.9rem;font-weight:700;border-radius:8px;background:var(--primary);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 15px rgba(var(--primary-rgb),.4);transition:all .2s;z-index:10}.floating-copy-btn:hover{transform:scale(1.05);background:var(--primary-hover)}.dnd-zone{width:100%;padding:40px 20px;background:rgba(var(--surface-rgb),.3);border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.dnd-zone:hover,.dnd-zone.dragover{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.dnd-icon{color:var(--primary);width:48px;height:48px}.dnd-text{font-size:1.2rem;font-weight:600;color:var(--text)}.dnd-sub{font-size:.9rem;color:var(--text-muted)}.file-input{display:none}.img-preview-wrap{display:none;margin-bottom:24px;position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:#000;width:fit-content;margin-inline:auto;max-width:100%;max-height:200px}.img-preview{max-height:200px;object-fit:contain;display:block}.remove-img-btn{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-img-btn:hover{background:red}.ascii-controls-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.ascii-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:var(--surface);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border)}.control-group{display:flex;flex-direction:column;gap:8px}.control-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.styled-slider{-webkit-appearance:none;width:100%;height:6px;background:var(--border);border-radius:3px;outline:none}.styled-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.styled-select{padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle);color:var(--text);font-family:inherit;font-size:.95rem;cursor:pointer;outline:none}.styled-select:focus{border-color:var(--primary)}.styled-checkbox-wrap{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;color:var(--text);user-select:none;margin-top:8px}.styled-checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.img-ascii-output-wrap pre{font-size:.45rem;line-height:1;letter-spacing:0;font-family:JetBrains Mono,monospace;text-align:center}