.pixel-start{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;overflow:auto}.pixel-start h2{font-size:25px;font-weight:600;letter-spacing:-.035em}.pixel-start>svg{color:#c5a0f5}.pixel-start p{font-size:12px;line-height:1.7;color:#b6a4ca;max-width:500px}.pixel-start textarea{display:block;width:min(550px,100%);min-height:90px;max-height:24vh;resize:vertical;border:1px solid #6e5087;border-radius:12px;background:#110d1a;padding:14px;color:#f1e9fa;font-size:16px}.pixel-input-tabs{display:flex;padding:4px;border:1px solid #4d3a62;background:#16101f;border-radius:10px;gap:4px}.pixel-input-tabs button{min-height:44px;padding:8px 16px;border-radius:7px;font-size:12px}.pixel-input-tabs button[aria-pressed=true]{background:#594177;color:#fff}.pixel-upload{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px}.pixel-upload.dragging{outline:2px solid #bd93ed;border-radius:14px}.pixel-upload button,.pixel-custom{border:1px solid #71528d;border-radius:8px;padding:11px 16px;color:#e2cbff;min-height:44px;font-size:12px}.pixel-upload a{font-size:11px;text-decoration:underline;color:#c8a8ef}.pixel-art-preview{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden}.pixel-art-preview>p{font-size:11px;color:#b5a3c8}.pixel-art-checker{position:relative;flex-shrink:0;background:repeating-conic-gradient(#2b2339,#2b2339 25%,#1a1524 0%,#1a1524 50%) 50%/16px 16px;box-shadow:0 0 0 1px #74539255}.pixel-art-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,#dddddd44 1px,transparent 1px),linear-gradient(to bottom,#dddddd44 1px,transparent 1px)}.pixel-basic{max-width:1050px;margin:auto}.pixel-basic-row{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap}.pixel-basic-row span{display:block;color:#b4a0c5;font-size:11px;margin-bottom:7px}.pixel-basic select,.pixel-preview-options select{background:#1a1226;border:1px solid #64467f;padding:9px;border-radius:8px;color:#fff;min-height:42px;font-size:13px}.pixel-basic>p{font-size:11px;line-height:1.7;color:#b6a3c8;margin-top:8px}.pixel-result-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1050px;margin:auto}.pixel-result-summary strong{font-size:14px}.pixel-result-summary p{font-size:11px;color:#b9a9c9;margin-top:5px}.pixel-swatches{display:flex;flex-wrap:wrap;gap:3px;margin-top:8px;max-width:350px}.pixel-swatches span{width:12px;height:12px;border:1px solid #ffffff33}.pixel-preview-options{display:flex;align-items:center;gap:16px;font-size:11px}.pixel-preview-options>label{display:flex;gap:8px;align-items:center}.pixel-preview-options button{border:1px solid #5a436e;padding:10px;border-radius:8px;min-height:42px;color:#debfef}.pixel-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;background:#000a}.pixel-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:241;width:calc(100vw - 32px);max-width:480px;max-height:85dvh;overflow:auto;padding:26px;border-radius:18px;border:1px solid #88639b;background:#17101f;color:#f3eafa;display:flex;flex-direction:column;gap:18px}.pixel-modal h2{font-weight:700;font-size:21px}.pixel-modal p{font-size:12px;line-height:1.7;color:#b8a3c9}.pixel-modal>label{font-size:12px;display:flex;flex-direction:column;gap:8px}.pixel-modal select{min-height:44px;border:1px solid #67497c;background:#0f0b17;color:#fff;padding:10px;border-radius:9px}.pixel-modal .ttf-primary{max-width:100%;width:100%}.pixel-export-actions{display:flex;flex-wrap:wrap;gap:8px}.pixel-export-actions button{border:1px solid #5f456e;border-radius:8px;min-height:44px;padding:9px;font-size:11px}.pixel-close{position:absolute;right:12px;top:8px;font-size:26px;min-width:36px;min-height:36px}.pixel-modal button:disabled{opacity:.4}@media(max-width:700px){.pixel-start{padding:14px;gap:10px}.pixel-start h2{font-size:20px}.pixel-start textarea{min-height:80px}.pixel-basic-row{gap:9px;align-items:center}.pixel-basic-row .ttf-options button{padding:8px}.pixel-custom{padding:9px;font-size:10px}.pixel-basic select{font-size:12px;min-height:38px}.pixel-result-summary{flex-wrap:wrap;gap:9px}.pixel-preview-options{gap:9px;flex-wrap:wrap}.pixel-swatches{max-width:250px}.pixel-start p{font-size:11px}}@media(max-height:540px){.pixel-start{gap:6px}.pixel-start>svg{display:none}.pixel-start h2{font-size:17px}.pixel-start textarea{min-height:55px}.pixel-start p{font-size:10px}.pixel-input-tabs button{min-height:34px}.pixel-result-summary .pixel-swatches{display:none}}