*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#141414;--surface:#1a1a1a;--surface-2:#141414;--text:#ededed;--text-muted:#edededb8;--text-dim:#ededed73;--border:#ffffff1f;--border-strong:#fff3;--shadow-strong:#000000d9;--accent:#ededed}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,Segoe UI,Arial,sans-serif}.app,body{background:#141414;background:var(--bg);color:#ededed;color:var(--text)}.app{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:50px 20px 20px}@media (max-width:480px){.app{padding:26px 12px 14px}}.container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;width:100%}.loader-screen{align-items:center;background:#141414;background:var(--bg);color:#ededed;color:var(--text);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loader-butterfly{height:auto;opacity:.82;transform:scale(.84);transform-origin:center;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1.1s ease;width:96px;will-change:transform,opacity}.loader-butterfly--animate{opacity:1;transform:scale(1.14)}.navbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.navbar-burger,.navbar-logo{cursor:pointer;height:32px}.navbar-burger{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:8px;display:none;gap:3px;justify-content:center;margin-left:12px;padding:6px 8px;width:36px}.navbar-burger-line{background:#ededed;background:var(--text);display:block;height:2px;opacity:.9;transform-origin:center;transition:transform .2s ease,opacity .2s ease;width:18px}.navbar-burger--open .navbar-burger-line:first-child{transform:translateY(5px) rotate(45deg)}.navbar-burger--open .navbar-burger-line:nth-child(2){opacity:0}.navbar-burger--open .navbar-burger-line:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.mobile-nav-drawer,.mobile-nav-overlay{display:none}.navbar-right{align-items:center;display:flex;gap:20px}.lang-switch{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:999px;display:inline-flex;gap:6px;padding:4px}.lang-button{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:999px;color:#ededed;color:var(--text);cursor:pointer;font-size:.85rem;font-weight:600;opacity:.75;padding:6px 10px;transition:opacity .18s ease,background-color .18s ease,transform .18s ease}.lang-button:hover{opacity:1}.lang-button--active{background:#ededed1f;opacity:1}.navbar-link{color:#ededed;color:var(--text);font-size:.95rem;opacity:.9;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.navbar-link-button{background:#0000;border:none;cursor:pointer;font:inherit;padding:0}.navbar-link:hover{opacity:1;transform:translateY(-1px)}.header{animation:fadeInDown .6s ease-out;margin-bottom:40px;text-align:center}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ededed,#ededed99);background:linear-gradient(135deg,var(--text),#ededed99);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:10px}.header p{color:#edededb8;color:var(--text-muted);font-size:1.1rem;font-weight:300}.content{align-items:center;animation:fadeInUp .6s ease-out;display:flex;flex:1 1;justify-content:center;margin-bottom:0;min-height:0;padding:12px 0 32px;width:100%}@media (max-width:768px){.content{align-items:flex-start;margin-bottom:40px;padding:0 10px}}.control-panel{grid-gap:16px;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:0;border-radius:0;box-shadow:none;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);height:clamp(520px,calc(100vh - 170px),600px);margin:auto;max-width:1120px;overflow:visible;padding:0;width:100%}.batch-switcher{align-items:center;color:#edededb8;color:var(--text-muted);display:inline-flex;font-size:.7rem;gap:4px;margin-left:auto}.batch-switcher button{background:#0000;border:1px solid #ffffff26;border-radius:5px;color:#ededed;color:var(--text);cursor:pointer;display:grid;height:26px;padding:0;place-items:center;width:26px}.batch-switcher button:disabled{cursor:default;opacity:.35}.batch-switcher span{min-width:36px;text-align:center}.preview-batch-list{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414c7;border:1px solid #ffffff1f;border-radius:8px;bottom:18px;display:flex;gap:8px;left:18px;overflow-x:auto;padding:8px;position:absolute;right:18px;scrollbar-width:thin;z-index:3}.preview-batch-item{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:5px;cursor:pointer;display:flex;flex:0 0 78px;height:38px;justify-content:center;padding:5px}.preview-batch-item:hover{background:#ffffff1a}.preview-batch-item--active{background:#e6963521;border-color:#ededed;border-color:var(--accent)}.preview-batch-item img{image-rendering:pixelated;max-height:100%;max-width:100%;object-fit:contain}.editor-settings{align-self:stretch;background:#191919;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;grid-column:1;grid-row:1;height:100%;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:28px 24px;scrollbar-color:#ededed38 #0000;scrollbar-width:thin}.editor-settings-inner{margin:auto;max-width:440px;width:100%}.editor-settings{background:#181818;font-family:Inter,Segoe UI,Arial,sans-serif;padding:30px}.editor-settings-inner{max-width:410px}.editor-settings .char-count,.editor-settings .control-group label,.editor-settings button,.editor-settings input,.editor-settings select{font-family:Inter,Segoe UI,Arial,sans-serif}.editor-settings-heading{align-items:baseline;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px;padding-bottom:18px}.editor-settings-heading span{color:#ededed;color:var(--accent);font-size:.65rem;font-weight:700;letter-spacing:.08em}.editor-settings-heading h2{font-size:1rem;font-weight:600;margin:0}.editor-settings .control-group label{color:#edededb8;color:var(--text-muted);font-size:.66rem;letter-spacing:.04em;margin-bottom:7px}.editor-settings .select-input,.editor-settings .text-input{background-color:#141414;border-color:#ffffff24;font-size:.9rem;height:48px}.editor-settings .text-input{padding:0 14px}.editor-settings .select-input:focus,.editor-settings .text-input:focus{border-color:#e69635d9;box-shadow:0 0 0 3px #e696351a}.editor-settings .text-input-row{gap:8px}.editor-settings .emoji-picker-button{background:#202020;border-color:#ffffff24;height:48px;width:48px}.editor-settings .char-count{font-size:.68rem;margin-top:7px;text-align:right}.editor-settings .builder-step--visible,.editor-settings .colors-row.builder-step--visible{margin-top:14px}.editor-settings .checkbox-label{background:#202020;border-color:#ffffff1f;font-size:.8rem;font-weight:500;height:auto;min-height:46px;padding:0 14px}.editor-settings .colors-row{background:#151515;border:1px solid #ffffff1a;border-radius:8px;gap:10px;padding:14px}.editor-settings .color-input-wrapper{display:block}.editor-settings .color-input{border-radius:5px;height:40px;width:100%}.editor-settings .button-group{background:linear-gradient(180deg,#0000,#181818 24px);bottom:-30px;padding:22px 0 0;position:-webkit-sticky;position:sticky;z-index:3}.editor-settings .btn{border-radius:6px;flex:1 1;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:.76rem;letter-spacing:.03em;min-height:48px}.editor-settings::-webkit-scrollbar{width:7px}.editor-settings::-webkit-scrollbar-thumb{background:#ededed33;border-radius:6px}.editor-settings-inner>.colors-row,.editor-settings-inner>.control-group{margin:0}.editor-settings-inner>.control-group:first-child{margin-bottom:20px}.editor-settings-inner>.builder-step--visible,.editor-settings-inner>.colors-row.builder-step--visible{margin-top:20px}.editor-settings-inner>.button-group{margin-top:0;padding-top:24px}.control-group{margin-bottom:25px}.control-group label{color:#ededed;color:var(--text);display:block;font-family:Manrope,Segoe UI,Arial,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:0;margin-bottom:8px;text-transform:uppercase}.control-group label.checkbox-label{display:inline-flex;letter-spacing:normal;margin-bottom:0;text-transform:none}.text-input{background:#141414;background:var(--surface-2);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:8px;color:#ededed;color:var(--text);font-family:Manrope,Segoe UI,Arial,sans-serif;font-size:1rem;letter-spacing:0;padding:12px 15px;transition:none;width:100%}.text-input-row{align-items:center;display:flex;gap:10px}.text-input-wrapper{flex:1 1;position:relative;width:100%}.text-input-wrapper .text-input{width:100%}.text-input:focus{background:#141414;background:var(--surface-2);border-color:#ededed;border-color:var(--accent);box-shadow:none;outline:none}.text-input::placeholder{color:#ededed73;color:var(--text-dim)}.char-count{color:#edededb8;color:var(--text-muted);display:block;font-family:Manrope,Segoe UI,Arial,sans-serif;font-size:.72rem;margin-top:5px}.color-input-wrapper{align-items:center;display:flex;gap:10px}.colors-row{display:flex;gap:16px}.editor-settings .colors-row>.control-group{flex:1 1;margin:0;min-width:0}@media (max-width:600px){.colors-row{flex-direction:column;gap:14px}}.builder-step{margin-top:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(8px);transition:opacity 1.25s ease,transform 1.25s ease,max-height 1.25s ease,margin 1.25s ease}.builder-step--overflow-visible{overflow:visible}.builder-step--visible{margin-top:16px;max-height:500px;opacity:1;transform:translateY(0)}.builder-step--delayed{transition-delay:.12s}.colors-row .builder-step{margin-top:0}.color-input{border:1px solid #0000001f;border-radius:8px;cursor:pointer;height:45px;transition:all .3s ease;width:60px}.color-input:hover{border-color:#ededed;border-color:var(--accent);box-shadow:0 0 0 2px #e6963559}.color-value{background:#141414;background:var(--surface-2);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:8px;color:#ededed;color:var(--text);flex:1 1;font-family:Courier New,monospace;font-size:.9rem;padding:10px 15px}.toggle-wrapper{align-items:center;display:flex;gap:10px}.editor-settings .toggle-wrapper{align-items:stretch;flex-direction:column}.editor-settings .select-input{max-width:none}.editor-settings .checkbox-label{justify-content:flex-start;min-width:0;width:100%}.emoji-picker{align-items:center;display:inline-flex;position:relative}.style-toggle-wrapper .emoji-picker{margin-left:auto}.emoji-picker-button{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:background-color .15s ease,border-color .15s ease,transform .15s ease;width:40px}.emoji-picker-button:hover{background:#ededed14;border-color:#ededed38;transform:translateY(-1px)}.emoji-picker-button:active{transform:translateY(0)}.emoji-picker-button:focus-visible{box-shadow:0 0 0 2px #e6963559;outline:none}.emoji-picker-icon{height:16px;image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain;object-position:center;width:16px}@keyframes emojiPopoverIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-popover{grid-gap:12px;align-content:start;animation:emojiPopoverIn .16s cubic-bezier(.22,1,.36,1);background:#0d0d0d;border:1px solid #ffffff14;border-radius:8px;bottom:auto;box-shadow:0 18px 48px #000000b3;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(44px,44px));max-width:min(260px,calc(100vw - 28px));min-height:160px;padding:14px;position:absolute;right:0;top:calc(100% + 10px);width:260px;z-index:80}@media (max-width:480px){.emoji-picker-popover{bottom:auto;right:0;top:calc(100% + 8px)}}.emoji-picker-option-wrap{height:44px;position:relative;width:44px}.emoji-picker-option{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;cursor:pointer;display:grid;height:44px;padding:0;place-items:center;position:relative;width:44px}.emoji-picker-option:hover{background:#ffffff0f;border-color:#ffffff1f}.emoji-picker-option--upload{background:#ededed08;border-color:#ededed4d;border-style:dashed}.emoji-picker-option--upload:hover:not(:disabled){background:#ededed14;border-color:#ededed99}.emoji-picker-option--upload:disabled{cursor:not-allowed;opacity:.5}.emoji-picker-option--draw{background:#e6963512;border-color:#e696358c;border-style:dashed}.emoji-picker-option--draw:hover:not(:disabled){background:#e6963524;border-color:#e69635f2}.emoji-picker-option--draw:disabled{cursor:not-allowed;opacity:.5}.emoji-picker-upload-icon{color:#ededed;color:var(--text);font-size:20px;line-height:1}.pixel-emoji-editor{background:#181818;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 24px 70px #000000b8;display:flex;flex-direction:column;gap:14px;padding:16px;width:min(340px,calc(100vw - 32px))}.pixel-emoji-modal-overlay{align-items:center;animation:fadeInUp .18s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:90}.pixel-emoji-editor-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.pixel-emoji-editor-header>div{display:flex;flex-direction:column;gap:3px}.pixel-emoji-editor-header strong{color:#ededed;color:var(--text);font-size:.82rem}.pixel-emoji-editor-header span{color:#edededb8;color:var(--text-muted);font-size:.68rem}.pixel-emoji-editor-header>button{background:#ffffff0f;border:0;border-radius:5px;color:#edededb8;color:var(--text-muted);cursor:pointer;height:24px;width:24px}.pixel-emoji-grid{grid-gap:4px;background:#101010;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(5,1fr);padding:10px;touch-action:none;-webkit-user-select:none;user-select:none}.pixel-emoji-cell{aspect-ratio:1;background:#222;border:1px solid #ffffff1f;border-radius:4px;cursor:crosshair;min-width:0;padding:0}.pixel-emoji-cell:hover{border-color:#e69635bf}.pixel-emoji-cell--filled{border-color:#fffc}.pixel-emoji-editor-actions,.pixel-emoji-editor-tools{align-items:center;display:flex;gap:8px;justify-content:space-between}.pixel-emoji-editor-tools label{align-items:center;color:#edededb8;color:var(--text-muted);display:flex;font-size:.7rem;gap:8px}.pixel-emoji-editor-tools input{background:#202020;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:5px;height:28px;padding:2px;width:34px}.pixel-emoji-clear{background:#0000;border:0;color:#edededb8;color:var(--text-muted);cursor:pointer;font-size:.7rem}.pixel-emoji-clear:disabled{cursor:default;opacity:.4}.pixel-emoji-editor-actions .btn{font-size:.68rem;min-height:34px;padding:7px 10px}.emoji-picker-upload-plus{color:#edededb8;color:var(--text-muted);font-size:28px;font-weight:300;line-height:1}.emoji-picker-limit-reached{bottom:4px;color:#ededed73;color:var(--text-dim);font-size:9px;font-weight:600;position:absolute;right:4px}.emoji-picker-option-icon{height:18px;image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain;object-position:center;width:18px}.emoji-picker-option-check{align-items:center;background:#ededed29;border:1px solid #fff3;border-radius:999px;box-shadow:0 10px 18px #0000008c;display:none;height:14px;justify-content:center;position:absolute;right:-6px;top:-6px;width:14px}.emoji-picker-option--selected{background:#ededed14;border-color:#ededed38}.emoji-picker-option--selected .emoji-picker-option-check{display:inline-flex}.emoji-picker-option--selected .emoji-picker-option-check:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23EDEDED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px 10px;content:"";height:10px;width:10px}.emoji-picker-option-delete{align-items:center;background:#f97373e6;border-radius:999px;bottom:-5px;color:#fff;cursor:pointer;display:none;font-size:14px;height:16px;justify-content:center;line-height:1;padding:0;position:absolute;right:-5px;top:auto;transition:all .15s ease;width:16px}.emoji-picker-option-delete:focus-visible,.emoji-picker-option-wrap:hover .emoji-picker-option-delete{display:inline-flex}.emoji-picker-option-delete:hover{background:#f97373;border-color:#f97373;transform:scale(1.1)}.emoji-picker-clear-all{background:#790c23;border:1px solid #790c23;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;grid-column:1/-1;margin-top:8px;padding:8px 12px;transition:all .15s ease;width:100%}.emoji-picker-clear-all:hover:not(:disabled){background:#790c23;border-color:#790c23;transform:translateY(-1px)}.emoji-picker-clear-all:disabled{cursor:not-allowed;opacity:.4}.style-toggle-wrapper{flex-wrap:wrap}.checkbox-label{background:#ffffff0a;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:.95rem;font-weight:600;gap:8px;height:42px;margin:0;min-height:42px;min-width:190px;padding:0 12px;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.checkbox-label,.checkbox-label-text{align-items:center;display:inline-flex;justify-content:center;line-height:1}.checkbox-label input{align-self:center;-webkit-appearance:none;appearance:none;background:#0000002e;border:1px solid #ffffff38;border-radius:4px;cursor:pointer;display:inline-grid;flex:0 0 auto;height:16px;margin:0;place-items:center;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;width:16px}.checkbox-label input:checked{background-color:#ededed38;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23EDEDED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px 14px;border-color:#edededb3}.checkbox-label input:focus-visible{box-shadow:0 0 0 2px #e6963559;outline:none}.select-input{-webkit-appearance:none;appearance:none;background-color:#141414;background-color:var(--surface-2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDEDED' d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:16px 16px;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:8px;color:#ededed;color:var(--text);cursor:pointer;font-family:Manrope,Segoe UI,Arial,sans-serif;font-size:.95rem;height:42px;max-width:190px;padding:0 36px 0 12px;transition:all .2s ease;width:100%}.lang-fade{opacity:1;transition:opacity .18s ease}.lang-fade--out{opacity:0}.lang-fade--in{opacity:1}.select-input:focus{border-color:#ededed;border-color:var(--accent);box-shadow:none;outline:none}.toggle-label{color:#ededed;color:var(--text);font-size:.9rem}.slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#ffffff14,#ffffff2e);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ededed;background:var(--text);border-radius:50%;box-shadow:0 0 0 1px #0000008c,0 8px 18px #000000a6;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 1px #000000a6,0 12px 26px #000000bf;transform:scale(1.2)}.slider::-moz-range-thumb{background:#ededed;background:var(--text);border:none;border-radius:50%;box-shadow:0 0 0 1px #0000008c,0 8px 18px #000000a6;cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}.slider::-moz-range-thumb:hover{box-shadow:0 0 0 1px #000000a6,0 12px 26px #000000bf;transform:scale(1.2)}.button-group{margin-top:20px}.btn,.button-group{display:flex;gap:8px;justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:0;padding:8px 14px;text-transform:uppercase;transition:all .3s ease}@media (max-width:768px){.btn{width:100%}}.btn-primary{background:#ededed;background:var(--text);border:1px solid #ededede6;border-radius:8px;box-shadow:0 8px 20px #00000061;color:#141414;color:var(--bg);font-size:.88rem;min-height:44px;padding:11px 18px;width:100%}.btn-primary:hover{background:#fff;box-shadow:0 12px 28px #000000e6;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#0000;border:1px solid #ededed80;border-radius:999px;color:#ededed;color:var(--text)}.btn-secondary:hover{background:#ededed14;border-color:#ededede6;box-shadow:0 6px 16px #00000073;transform:translateY(-1px)}.btn-tertiary{background:#0000;border:1px dashed #ededed99;border-radius:8px;color:#ededed;color:var(--text)}.btn-tertiary:hover{background:#ededed0f;border-color:#ededede6;box-shadow:0 4px 12px #0006;transform:translateY(-1px)}.preview-panel{display:flex;flex-direction:column;gap:15px}.preview-container{align-items:center;animation:fadeInRight .6s ease-out;display:flex;justify-content:center;min-height:200px}.preview-image{image-rendering:pixelated;image-rendering:crisp-edges;max-height:100%;max-width:100%;scale:8;scale:var(--preview-zoom,8);transform-origin:center}.preview-workspace{align-self:stretch;background-color:#141414;background-image:linear-gradient(hsla(0,0%,93%,.035) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,93%,.035) 1px,#0000 0);background-size:18px 18px;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;cursor:default;grid-column:2;grid-row:1;height:100%;isolation:isolate;min-height:0;min-width:0;overflow:hidden;position:relative}.preview-workspace:after{border:1px solid hsla(0,0%,100%,.035);content:"";inset:0;pointer-events:none;position:absolute}.preview-workspace-header{color:#edededb8;color:var(--text-muted);display:flex;font-family:Manrope,Segoe UI,Arial,sans-serif;font-size:.7rem;font-weight:700;gap:12px;justify-content:space-between;left:20px;letter-spacing:0;position:absolute;right:20px;text-transform:uppercase;top:18px;z-index:1}.preview-workspace-hint{color:#ededed73;color:var(--text-dim);font-weight:500;letter-spacing:0;text-transform:none}.preview-zoom-controls{align-items:center;background:#141414f0;border:1px solid #fff3;border:1px solid var(--border-strong);border-radius:6px;bottom:18px;display:flex;overflow:hidden;position:absolute;right:18px;z-index:2}.preview-zoom-button,.preview-zoom-value{align-items:center;background:#0000;border:0;border-right:1px solid #ffffff1f;border-right:1px solid var(--border);color:#ededed;color:var(--text);cursor:pointer;display:inline-flex;font:inherit;height:34px;justify-content:center}.preview-zoom-button{width:36px}.preview-zoom-value{color:#edededb8;color:var(--text-muted);font-size:.72rem;font-weight:700;gap:6px;width:60px}.preview-zoom-button:last-child{border-right:0}.preview-zoom-button:hover,.preview-zoom-value:hover{background:#ededed1a;color:#ededed;color:var(--text)}.preview-info{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a1a1a;background:var(--surface);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:10px;padding:15px;text-align:center}.preview-info p{color:#edededb8;color:var(--text-muted);font-size:.9rem;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.info-text{color:#ededed;color:var(--text);display:block;font-size:1.1rem;font-weight:600}.examples-section{animation:fadeInUp .6s ease-out .2s both;margin-bottom:40px}.examples-section h2{color:#ededed;color:var(--text);font-size:1.5rem;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.examples-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.example-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;padding:15px;text-align:center;transition:all .3s ease}.example-card:hover{background:#ffffff12;border-color:#ffffff2e;box-shadow:0 10px 25px #0009;transform:translateY(-5px)}.example-card img{height:auto;image-rendering:pixelated;image-rendering:crisp-edges;margin-bottom:10px;width:100%}.example-card p{color:#edededb8;color:var(--text-muted);font-size:.85rem;font-weight:600}.updates-section{animation:fadeInUp .45s ease-out;background:#0000;border:none;border-radius:0;box-shadow:none;margin-top:14px;padding:24px 0}.updates-header{margin-bottom:28px;text-align:center}.updates-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e696350f;border:1px solid #e69635bf;border-radius:999px;box-shadow:0 0 0 1px #000000a6;color:#ededed;color:var(--text);display:inline-flex;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;font-weight:600;justify-content:center;letter-spacing:.14em;margin-bottom:10px;padding:4px 14px;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease}.updates-pill:hover{background-color:#e696351f;border-color:#e69635f2;box-shadow:0 0 0 1px #000c;transform:translateY(-1px)}.updates-header h2{color:#ededed;color:var(--text);font-size:2.4rem;margin-bottom:14px}.updates-header p{color:#edededb8;color:var(--text-muted);font-size:1.15rem;margin:0 auto;max-width:640px}.updates-timeline{align-items:flex-start;display:flex;margin-top:42px;position:relative}.updates-timeline-line{background:#ffffff29;bottom:0;left:135px;position:absolute;top:0;width:2px}.updates-timeline-items{display:flex;flex-direction:column;gap:30px;width:100%}.update-timeline-item{grid-column-gap:16px;align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:auto auto 1fr;position:relative}.update-timeline-time{color:#ededed73;color:var(--text-dim);font-size:.8rem;min-width:110px;padding-right:6px;padding-top:4px;text-align:right;width:110px}.update-timeline-marker{background:#141414;background:var(--bg);border:2px solid #ededede6;border-radius:999px;box-shadow:0 0 0 3px #e6963540;height:18px;position:relative;width:18px;z-index:1}.update-timeline-content{flex:1 1}.update-card{background:#0000;border:none;border-radius:0;box-shadow:none;overflow:hidden;padding:4px 0 0;position:relative;transition:none}.update-card:hover{transform:none}.update-type-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;justify-content:center;letter-spacing:.08em;margin-bottom:12px;padding:4px 10px;text-transform:uppercase}.update-type-badge--release{background:#e69635;border-color:#ffcc8ce6;color:#0b0b0b}.update-type-badge--fix{background:#f97373;border-color:#ffbdbdf2;color:#0b0b0b}.update-type-badge--update{background:#4fb6ff;border-color:#bae0fff2;color:#0b0b0b}.update-card-header{align-items:center;border-bottom:1px solid #ffffff14;color:#edededb8;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:10px;padding-bottom:6px}.update-date{font-family:Courier New,monospace;opacity:.9}.update-badge{background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;font-size:.7rem;letter-spacing:.14em;padding:2px 9px;text-transform:uppercase}.update-badge,.update-title{color:#ededed;color:var(--text)}.update-title{font-size:1.3rem;font-weight:600;margin-bottom:12px}.update-description{color:#edededb8;color:var(--text-muted);font-size:.9rem;margin-bottom:10px;margin-top:4px}.update-list{color:#ededed;color:var(--text);font-size:.9rem;list-style:disc;margin:0;padding-left:18px}.update-list li+li{margin-top:4px}.footer{animation:fadeInUp .6s ease-out .4s both;border-top:1px solid #ffffff1a;color:#ededed73;color:var(--text-dim);margin-top:auto;padding:15px 0;text-align:center}.footer p{font-size:.9rem;margin:5px 0}.telegram-toast{animation:fadeInUp .4s ease-out;background:#1a1a1a;background:var(--surface);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:14px;bottom:22px;color:#ededed;color:var(--text);max-width:320px;padding:14px 16px 14px 18px;position:fixed;right:22px;z-index:40}.telegram-toast-content{display:flex;flex-direction:column;gap:10px}.telegram-toast-title{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;margin-bottom:2px}.telegram-toast-text{color:#edededb8;color:var(--text-muted);font-size:.86rem;line-height:1.5}.telegram-toast-button{align-self:flex-start;background:#ededed;background:var(--text);border:1px solid #ededede6;border-radius:999px;color:#141414;color:var(--bg);font-size:.78rem;font-weight:600;letter-spacing:.08em;margin-top:4px;padding:4px 12px;text-decoration:none;text-transform:uppercase;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.telegram-toast-button:hover{background-color:#fff;box-shadow:0 8px 18px #000000b3;transform:translateY(-1px)}.telegram-toast-close{align-items:center;background:#0000;border:none;border-radius:999px;color:#ededed73;color:var(--text-dim);cursor:pointer;display:flex;font-size:16px;height:22px;justify-content:center;line-height:1;padding:0;position:absolute;right:9px;top:8px;transition:background-color .15s ease,color .15s ease;width:22px}.telegram-toast-close:hover{background-color:#ededed14;color:#ededed;color:var(--text)}.modal-overlay{align-items:center;background:#000000b8;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:60}.modal{background:#1a1a1a;background:var(--surface);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:16px;max-width:560px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:14px 16px}.modal-title{color:#ededed;color:var(--text);font-size:1rem;font-weight:700}.modal-close{align-items:center;background:#0000;border:none;border-radius:999px;color:#edededb8;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;width:32px}.modal-close:hover{background:#ffffff14;color:#ededed;color:var(--text)}.modal-tabs{display:flex;gap:8px;padding:12px 16px 0}.modal-tab{background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;color:#edededb8;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:8px 12px;text-transform:uppercase}.modal-tab--active{background:#ededed;background:var(--text);border-color:#ededede6;color:#141414;color:var(--bg)}.modal-body{padding:14px 16px 16px}.textarea-input{min-height:110px;resize:vertical}.modal-alert{background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;color:#ededed;color:var(--text);font-size:.9rem;margin-top:14px;padding:10px 12px}.modal-alert--error{background:#f973731f;border-color:#f973738c}.modal-alert--success{background:#4fb6ff1f;border-color:#4fb6ff8c}.captcha-checkbox-btn{align-items:center;background:#fff;border:1px solid #d3d3d3;border-radius:4px;box-shadow:0 1px 3px #00000026;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:box-shadow .2s;width:100%}.captcha-checkbox-btn:hover:not(:disabled){box-shadow:0 2px 6px #0003}.captcha-checkbox-btn:disabled{cursor:default}.captcha-checkbox-box{align-items:center;background:#fff;border:2px solid #c1c1c1;border-radius:2px;display:flex;height:24px;justify-content:center;min-width:24px;transition:border-color .2s,background .2s;width:24px}.captcha-checkbox-btn--verified .captcha-checkbox-box{background:#f0fdf4;border-color:#4ade80}.captcha-checkbox-label{color:#202124;flex:1 1;font-family:Roboto,sans-serif;font-size:14px;text-align:left}.captcha-checkbox-logo{align-items:center;display:flex;flex-direction:column;gap:2px;margin-left:auto}.captcha-checkbox-logo-text{color:#9aa0a6;font-size:9px;line-height:1.3;text-align:center}.captcha-spinner{animation:captcha-spin .7s linear infinite;border:2px solid #d1d5db;border-radius:50%;border-top-color:#4285f4;display:inline-block;height:12px;width:12px}@keyframes captcha-spin{to{transform:rotate(1turn)}}.grecaptcha-badge{visibility:hidden!important}.modal-actions{border-top:1px solid #ffffff14;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px 16px}@media (max-width:480px){.modal{border-radius:14px}.modal-actions{flex-direction:column}}@media (max-width:600px){.telegram-toast{bottom:16px;left:12px;right:12px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.recent-prefixes{transform:translateX(calc(-100% + 38px));width:min(300px,82vw)}.recent-prefixes-handle{right:-38px;width:38px}.control-panel{display:flex;flex-direction:column;gap:14px;height:auto}.editor-settings{height:auto;order:1;overflow:visible;padding:22px 18px 24px;width:100%}.editor-settings-inner{margin:0 auto;max-width:420px}.preview-workspace{border:1px solid #ffffff1f;border:1px solid var(--border);grid-column:auto;grid-row:auto;height:340px;min-height:340px;order:2}.header h1{font-size:1.8rem}.navbar{align-items:stretch;flex-direction:column}.navbar-left{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.navbar-burger{display:inline-flex}.navbar-right{align-items:stretch;display:none;flex-direction:column;gap:10px;padding:8px 0 0;width:100%}.navbar-right.navbar-right--open{display:flex}.mobile-nav-overlay{background:#00000094;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .22s ease;z-index:55}.mobile-nav-overlay.mobile-nav-overlay--open{opacity:1;pointer-events:auto}.mobile-nav-drawer{background:#1a1a1a;background:var(--surface);border-left:1px solid #ffffff1f;border-left:1px solid var(--border);bottom:0;box-shadow:-18px 0 60px #000000d9;display:flex;flex-direction:column;position:fixed;right:0;top:0;transform:translateX(102%);transition:transform .26s cubic-bezier(.22,1,.36,1);width:min(360px,86vw);z-index:56}.mobile-nav-drawer.mobile-nav-drawer--open{transform:translateX(0)}.mobile-nav-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:14px 16px}.mobile-nav-title{color:#ededed;color:var(--text);font-size:.95rem;font-weight:700;letter-spacing:.02em}.mobile-nav-close{align-items:center;background:#0000;border:none;border-radius:999px;color:#edededb8;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;transition:background-color .15s ease,color .15s ease;width:32px}.mobile-nav-close:hover{background:#ffffff14;color:#ededed;color:var(--text)}.mobile-nav-body{display:flex;flex-direction:column;gap:10px;overflow:auto;padding:14px 14px 18px}.mobile-nav-link{-webkit-appearance:none;appearance:none;background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;color:#ededed;color:var(--text);cursor:pointer;font:inherit;font-weight:650;letter-spacing:.01em;padding:11px 12px;text-align:left;transition:background-color .15s ease,border-color .15s ease,transform .15s ease;width:100%}.mobile-nav-link--anchor{display:block;text-decoration:none}.mobile-nav-link:hover{background:#ffffff14;border-color:#ffffff38;transform:translateY(-1px)}.mobile-nav-divider{background:#ffffff14;height:1px;margin:2px 0;width:100%}.mobile-nav-lang{background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;display:flex;gap:8px;padding:4px}.mobile-nav-lang-button{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:999px;color:#ededed;color:var(--text);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:700;opacity:.78;padding:8px 10px;transition:opacity .18s ease,background-color .18s ease,transform .18s ease}.mobile-nav-lang-button:hover{opacity:1}.mobile-nav-lang-button--active{background:#ededed1f;opacity:1}.style-toggle-wrapper{align-items:flex-start}.style-toggle-wrapper .select-input{flex:1 1;max-width:none;min-width:200px}.style-toggle-wrapper .checkbox-label,.style-toggle-wrapper .emoji-picker{justify-content:center;width:100%}.style-toggle-wrapper .emoji-picker-button{max-width:190px;width:100%}.button-group{align-items:stretch;flex-direction:column}.btn-primary{grid-column:auto}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.updates-section{margin-top:24px;padding:24px 16px 20px}.updates-meta{align-items:flex-start;flex-direction:column;gap:4px}}
/*# sourceMappingURL=main.93dc7c2b.css.map*/