*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#292532;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1120px;padding:24px;margin:auto}nav{display:flex;justify-content:space-between;padding:12px 0 28px}nav>a{font-weight:750;font-size:20px}a{color:inherit;text-decoration:none}nav div{display:flex;gap:22px;font-size:13px}header{margin:14px 0 28px}header p{color:#7b7384;max-width:600px}h1{font-size:42px;letter-spacing:-1.6px;line-height:1.1;margin:10px 0}h2{font-size:20px}.tag{font-size:11px;letter-spacing:1px;font-weight:700;color:#837397}.workspace{display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:start}.settings,.preview-box,.tool-card{background:white;border:1px solid #e5e0e9;border-radius:20px;padding:22px}.drop{display:block;cursor:pointer;padding:26px 14px;border:2px dashed #cfc3e0;border-radius:14px;text-align:center;background:#f8f5fc}.drop b{display:block;font-size:17px}.drop span{font-size:11px;color:#8b7d97}.drop input{display:block;width:100%;font-size:11px;margin-top:16px}.field{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;font-size:13px}select{max-width:65%;border:1px solid #dad3e2;padding:10px;border-radius:9px;background:#fff}input[type=color]{width:44px;height:32px;border:0;padding:0;background:none}button,.primary{font:650 14px system-ui;border:0;border-radius:11px;padding:13px 16px;cursor:pointer;background:#302638;color:white;display:inline-block;text-align:center}.secondary{background:#eee8f4;color:#604d73;margin:12px 0;width:100%}#download{width:100%}button:disabled{opacity:.45;cursor:default}.preview-box{position:relative;background:#f0edf5;min-height:300px;text-align:center}canvas{display:block;max-width:100%;max-height:580px;object-fit:contain;margin:auto;border-radius:5px}#empty{position:absolute;inset:0;display:grid;place-content:center;color:#91859f;font-size:18px;pointer-events:none}#dimensions{font-size:12px;color:#82768e}#message{min-height:30px;font-size:13px;color:#706179}#save{margin-top:12px}#thumbnails{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto}#thumbnails li{display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid #eee}#thumbnails img{width:38px;height:38px;object-fit:cover;border-radius:6px}#thumbnails span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}#thumbnails button{padding:6px;background:#eee8f4;color:#604d73;min-width:30px;min-height:34px}.app-promo{display:flex;align-items:center;gap:16px;padding:20px;background:#eae4f3;border-radius:18px;margin:30px 0}.app-promo img{border-radius:12px}.app-promo div{flex:1}.app-promo p{font-size:12px;margin:4px 0;color:#7c6e88}.faq{max-width:760px;margin:30px 0}.faq details{border-top:1px solid #ded7e7;padding:16px 0}.faq summary{font-weight:650;cursor:pointer}.faq p{color:#7b7085;font-size:14px}footer{display:flex;justify-content:space-between;border-top:1px solid #e3dce9;padding:22px 0;margin-top:36px;font-size:12px;color:#918499}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{display:block;transition:transform .15s}.tool-card:hover{transform:translateY(-3px)}.tool-art{display:flex;align-items:center;justify-content:center;gap:15px;height:105px;background:#eee9f5;border-radius:12px;font-size:22px;font-weight:750;letter-spacing:-.5px}.tool-card:nth-child(3n+2) .tool-art{background:#e5f0e9}.tool-card:nth-child(3n) .tool-art{background:#f7e9db}.tool-art span{font-size:13px;opacity:.55}.tool-card h2{font-size:17px;margin-bottom:6px}.tool-card p{font-size:12px;color:#827589;margin-top:0}.tool-card small{font-size:11px;font-weight:700;color:#6d527c}[hidden]{display:none!important}:focus-visible{outline:3px solid #af8bd0;outline-offset:3px}@media(max-width:740px){main{padding:18px}h1{font-size:32px}.workspace{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tool-card{padding:14px}.tool-art{font-size:17px;height:85px}.app-promo{flex-wrap:wrap}.app-promo a{width:100%}.settings{padding:18px}.preview-box{min-height:220px}nav{gap:15px}nav div{gap:14px}}