:root{--bg-color: #1e1f29;--panel-bg: rgba(36, 38, 50, .85);--accent-color: #7289da;--accent-gradient: linear-gradient(135deg, #7289da 0%, #9b59b6 100%);--accent-hover: #5b6eae;--text-color: #f2f3f5;--text-muted: #a3a6aa;--border-color: rgba(255, 255, 255, .12);--cell-bg: rgba(20, 21, 28, .9);--cell-focus: #9b59b6;--success-color: #57f287;--danger-color: #ed4245;--warning-color: #fee75c;--card-shadow: 0 10px 30px rgba(0, 0, 0, .35), 0 0 20px rgba(155, 89, 182, .12)}body.discord-theme{--bg-color: #232428;--panel-bg: rgba(43, 45, 49, .88);--accent-color: #5865F2;--accent-gradient: linear-gradient(135deg, #5865F2 0%, #8A96FF 100%);--accent-hover: #4752C4;--text-color: #f2f3f5;--text-muted: #949ba4;--border-color: rgba(255, 255, 255, .1);--cell-bg: #1e1f22;--cell-focus: #5865F2;--card-shadow: 0 12px 32px rgba(0, 0, 0, .4), 0 0 24px rgba(88, 101, 242, .18)}body.steam-theme{--bg-color: #171d25;--panel-bg: rgba(23, 29, 37, .9);--accent-color: #66c0f4;--accent-gradient: linear-gradient(135deg, #1999e3 0%, #66c0f4 100%);--accent-hover: #1999e3;--text-color: #e1e7ec;--text-muted: #8f98a0;--border-color: rgba(102, 192, 244, .2);--cell-bg: #10161d;--cell-focus: #66c0f4;--card-shadow: 0 12px 32px rgba(0, 0, 0, .45), 0 0 24px rgba(102, 192, 244, .18)}body.telegram-theme{--bg-color: #0e1621;--panel-bg: rgba(23, 33, 43, .9);--accent-color: #2EA6FF;--accent-gradient: linear-gradient(135deg, #2EA6FF 0%, #64d2ff 100%);--accent-hover: #1d90e6;--text-color: #f5f5f5;--text-muted: #7f91a4;--border-color: rgba(46, 166, 255, .2);--cell-bg: #0f1620;--cell-focus: #2EA6FF;--card-shadow: 0 12px 32px rgba(0, 0, 0, .45), 0 0 24px rgba(46, 166, 255, .18)}body.reddit-theme{--bg-color: #0b1416;--panel-bg: rgba(26, 40, 45, .9);--accent-color: #FF4500;--accent-gradient: linear-gradient(135deg, #FF4500 0%, #ff8533 100%);--accent-hover: #e03d00;--text-color: #d7dadc;--text-muted: #818384;--border-color: rgba(255, 69, 0, .25);--cell-bg: #121f24;--cell-focus: #FF4500;--card-shadow: 0 12px 32px rgba(0, 0, 0, .45), 0 0 24px rgba(255, 69, 0, .18)}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) rgba(0,0,0,.3)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#00000040;border-radius:8px}::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--accent-color);box-shadow:0 0 8px var(--accent-color)}::-webkit-scrollbar-corner{background:transparent}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 50% 0%,rgba(255,255,255,.04) 0%,transparent 60%);color:var(--text-color);display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:0 14px 50px;transition:background .3s ease,color .3s ease}.top-bar{width:100%;max-width:900px;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;margin-bottom:24px;background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-color);border-top:none;border-radius:0 0 18px 18px;box-shadow:var(--card-shadow);flex-wrap:wrap;gap:12px}.platform-nav{display:flex;gap:8px;flex-wrap:wrap}.nav-tab{text-decoration:none;color:var(--text-muted);padding:8px 16px;border-radius:12px;font-size:14px;font-weight:700;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);transition:all .25s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.nav-tab:hover{color:#fff;background:#ffffff1f;transform:translateY(-2px)}.nav-tab.active{color:#fff;background:var(--accent-gradient);border-color:#ffffff4d;box-shadow:0 4px 14px #00000040;transform:translateY(-2px)}.lang-switch-container{display:flex;gap:4px;background:#00000040;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.lang-btn{background:none;border:none;color:var(--text-muted);padding:5px 12px;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;transition:all .2s ease}.lang-btn:hover{color:#fff}.lang-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px #0003}header{text-align:center;margin-bottom:20px;width:100%;max-width:820px}h1{font-size:28px;font-weight:800;margin-bottom:18px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;gap:10px}.controls{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:14px}.action-tools-row{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:12px}.tool-hint-box{display:flex;align-items:center;justify-content:center;gap:10px;background:#00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:14px;padding:10px 18px;margin-bottom:20px;width:100%;max-width:820px;font-size:13.5px;color:var(--text-color);box-shadow:0 4px 16px #0003;transition:all .25s cubic-bezier(.175,.885,.32,1.275);text-align:center}.tool-hint-box.active-tool{background:#00000080;border-color:var(--accent-color);box-shadow:0 6px 20px #0000004d,0 0 16px var(--accent-color);transform:translateY(-2px)}.tool-hint-icon{font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.tool-hint-text strong{color:#fff;font-weight:700;margin-right:4px}.tool-hint-text span{color:var(--text-muted);transition:color .2s ease}.tool-hint-box.active-tool .tool-hint-text strong{color:var(--accent-color)}.tool-hint-box.active-tool .tool-hint-text span{color:#fff}select,input[type=text],button{background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color);border:1px solid var(--border-color);padding:9px 16px;border-radius:10px;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);outline:none}select:hover,input[type=text]:hover,button:hover{border-color:var(--accent-color)}select:focus,input[type=text]:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #7289da40}button{font-weight:700}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}button:active{transform:translateY(1px)}.tool-btn{background:#ffffff0f;border:1px solid var(--border-color);padding:8px 14px;font-size:13px;border-radius:10px}.tool-btn:hover{background:#ffffff1f;border-color:var(--accent-color)}.tool-btn.active{background:var(--accent-gradient);color:#fff;border-color:#ffffff4d;box-shadow:0 0 14px var(--accent-color)}.danger-btn{background:linear-gradient(135deg,#ed4245,#ff6b6b);color:#fff;border-color:transparent}.danger-btn:hover{background:linear-gradient(135deg,#d83a3d,#ed4245)}#customSize{display:none;width:140px;text-align:center}.settings-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:16px;padding:16px 20px;margin-bottom:22px;width:100%;max-width:820px;box-shadow:var(--card-shadow)}.filler-row{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.filler-label{font-size:14px;font-weight:700;color:var(--text-muted)}#defaultFiller{width:58px;height:44px;text-align:center;font-size:22px;padding:0;border-radius:10px}.filler-presets,.mode-presets,.limit-presets{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filler-preset-btn{min-width:38px;height:38px;padding:4px 8px;font-size:18px;display:inline-flex;align-items:center;justify-content:center;background:#00000038;border-radius:8px}.mode-preset-btn,.limit-preset-btn{padding:6px 14px;font-size:13px;background:#00000038;border-radius:8px}.filler-preset-btn.active,.mode-preset-btn.active,.limit-preset-btn.active{background:var(--accent-gradient);color:#fff;border-color:#ffffff4d;box-shadow:0 2px 10px #00000040}.mode-control-container,.limit-control-container{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.align-control-container{display:flex;justify-content:center;align-items:center;margin-top:10px}.align-toggle-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-color);cursor:pointer;background:#ffffff0f;padding:7px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.align-toggle-label:hover{border-color:var(--accent-color);background:#ffffff1a}.align-toggle-label input[type=checkbox]{accent-color:var(--accent-color);width:16px;height:16px;cursor:pointer}.emoji-panel{display:none;background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:14px;padding:14px;margin-bottom:22px;max-width:520px;width:100%;box-shadow:var(--card-shadow)}.emoji-panel.active{display:block;animation:fadeIn .25s ease}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px;max-height:220px;overflow-y:auto}.emoji-grid button{padding:6px;font-size:22px;height:42px;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:8px}.emoji-grid button:hover{background:var(--accent-gradient);transform:scale(1.15)}.grid-container{display:flex;flex-direction:column;gap:6px;margin-bottom:26px;background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:20px;border-radius:18px;border:1px solid var(--border-color);box-shadow:var(--card-shadow);overflow-x:auto;max-width:100%}.grid-container.brush-active{cursor:crosshair}.grid-row{display:flex;gap:6px;justify-content:center}.grid-cell{width:48px;height:48px;text-align:center;font-size:22px;font-weight:700;background:var(--cell-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);padding:0;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;line-height:normal;transition:all .15s ease}.grid-cell:focus{border-color:var(--cell-focus);background:#ffffff14;box-shadow:0 0 0 3px #9b59b659;transform:scale(1.05)}.preview-card{width:100%;max-width:820px;background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:18px;padding:20px;margin-bottom:26px;box-shadow:var(--card-shadow)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:10px}.preview-title-wrap{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;color:#fff}.preview-actions{display:flex;align-items:center;gap:12px}.char-count{font-size:13px;color:var(--text-muted);font-weight:700;background:#0000004d;padding:5px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.char-count.warning{color:var(--warning-color);border-color:var(--warning-color)}.char-count.danger{color:var(--danger-color);border-color:var(--danger-color);font-weight:800}.toggle-spoilers-btn{background:var(--accent-gradient);color:#fff;border:none;padding:6px 16px;font-size:13px;font-weight:700;border-radius:8px}.preview-box{background:#00000059;border-radius:14px;padding:20px;min-height:140px;display:flex;justify-content:center;align-items:center;overflow-x:auto;border:1px solid rgba(255,255,255,.05)}.preview-content{display:flex;flex-direction:column;gap:6px}.preview-footer-tip{margin-top:12px;font-size:13px;color:var(--text-muted);text-align:center}.discord-preview-row{display:flex;gap:6px;justify-content:center}.discord-spoiler{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;font-size:22px;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none}.discord-spoiler.spoiler-hidden{background-color:#2b2d31;color:transparent!important;border:1px solid rgba(255,255,255,.06)}.discord-spoiler.spoiler-hidden:hover{background-color:#35373c;transform:scale(1.05)}.discord-spoiler.spoiler-revealed{background-color:#ffffff14;color:#dbdee1;border:1px solid rgba(255,255,255,.1)}.steam-preview-row{display:flex;gap:6px;justify-content:center}.bb-spoiler{background-color:#000;color:#000;padding:6px 12px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-height:40px}.bb-spoiler.spoiler-revealed{background-color:#383838;color:#fff}.bb-spoiler.spoiler-hidden:hover{background-color:#222;color:#222}.tg-preview-row{display:flex;gap:6px;justify-content:center}.tg-spoiler{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 6px;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:20px}.tg-spoiler-row{padding:6px 16px;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;font-size:20px}.tg-spoiler-block{padding:12px 20px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:pre;line-height:1.6;text-align:center;font-size:20px}.tg-spoiler.spoiler-hidden,.tg-spoiler-row.spoiler-hidden,.tg-spoiler-block.spoiler-hidden{background-color:#212d3b;color:transparent!important;background-image:radial-gradient(rgba(255,255,255,.55) 1px,transparent 1px);background-size:5px 5px;animation:tg-shimmer 2.5s infinite linear}.tg-spoiler.spoiler-revealed,.tg-spoiler-row.spoiler-revealed,.tg-spoiler-block.spoiler-revealed{background-color:#ffffff14;color:#f5f5f5}@keyframes tg-shimmer{0%{background-position:0 0}to{background-position:10px 10px}}.reddit-preview-row{display:flex;gap:6px;justify-content:center}.reddit-spoiler{background-color:#4a4a4a;color:transparent!important;padding:6px 12px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:16px;min-height:38px;display:inline-flex;align-items:center;justify-content:center}.reddit-spoiler.spoiler-revealed{background-color:#ffffff1f;color:#d7dadc!important}.output-container{width:100%;max-width:820px;display:flex;flex-direction:column;gap:14px;align-items:center}#output{width:100%;background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:12px;padding:16px;color:var(--text-color);font-family:Cascadia Code,Consolas,monospace;font-size:13px;white-space:pre-wrap;word-break:break-all;max-height:180px;overflow-y:auto;box-shadow:var(--card-shadow)}#copyButton{background:var(--accent-gradient);color:#fff;border:none;padding:14px 34px;font-size:16px;font-weight:800;border-radius:12px;box-shadow:0 6px 20px #0000004d,0 0 16px var(--accent-color);transition:all .25s cubic-bezier(.175,.885,.32,1.275)}#copyButton:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 26px #00000059,0 0 24px var(--accent-color)}#copyButton.copied-active{background:linear-gradient(135deg,#23a55a,#2ecc71)!important;box-shadow:0 0 24px #23a55a!important;transform:scale(1.04)}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:20px}.modal-overlay.active{display:flex;animation:fadeIn .25s ease}.modal-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:18px;width:100%;max-width:440px;padding:26px;box-shadow:0 16px 48px #0009;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:19px;font-weight:800;color:#fff}.modal-close{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:4px}.modal-body{display:flex;flex-direction:column;gap:16px;margin-bottom:22px}.modal-body label{font-size:13px;font-weight:700;color:var(--text-muted)}.modal-body select,.modal-body input{width:100%}.modal-footer{display:flex;justify-content:flex-end}.modal-btn-primary{background:var(--accent-gradient);color:#fff;border:none;padding:11px 24px;font-weight:800;border-radius:10px;box-shadow:0 4px 14px #00000040}.toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(135deg,#23a55a,#2ecc71);color:#fff;padding:14px 28px;border-radius:12px;font-weight:700;font-size:15px;box-shadow:0 8px 28px #0006,0 0 16px #23a55a4d;z-index:2000;transition:transform .35s cubic-bezier(.18,.89,.32,1.28);pointer-events:none}.toast.visible{transform:translate(-50%) translateY(0)}.copyright{margin-top:36px;font-size:13px;font-weight:600;color:var(--text-muted);text-align:center}.copyright a:hover{color:#fff!important;text-decoration:underline!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){.top-bar{justify-content:center}.grid-cell{width:38px;height:38px;font-size:17px}h1{font-size:22px}}
