:root{--ip:#a44332;--ip2:#d2783c;--ink:#202631}.ip-page{max-width:1180px}.ip-hero{background:linear-gradient(135deg,#fff2ec,#f4f1fb)}.ip-hero .tool-hero-icon{font-size:1rem;font-weight:800}.ip-trust{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin:-5px 0 22px}.ip-trust span{padding:8px 13px;background:#fff;border:1px solid #eadbd6;border-radius:999px;color:#64534e;font-size:.77rem}.ip-banner{display:none;margin-bottom:15px;padding:13px 16px;border:1px solid #ffc7c1;background:#fff0ef;color:#a82d25;border-radius:11px}.ip-banner.show{display:block}.ip-banner.success{border-color:#b9e2ca;background:#eefaf2;color:#177443}.ip-shell{overflow:hidden;background:#fff;border:1px solid #e8dedb;border-radius:20px;box-shadow:0 18px 55px #3d292317}.ip-upload{position:relative;margin:20px;padding:48px 20px;text-align:center;border:2px dashed #d6bbb3;border-radius:16px;background:linear-gradient(145deg,#fffdfa,#fff4ef);transition:.2s}.ip-upload.drag,.ip-upload:hover{border-color:var(--ip);background:#fff1eb}.ip-upload>input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.ip-stack{display:flex;justify-content:center;align-items:center;gap:8px}.ip-stack b{padding:11px;background:#f8e3dc;color:var(--ip);border-radius:10px;font-size:.72rem}.ip-stack i{color:var(--ip);font-style:normal}.ip-upload h2{margin:15px 0 5px}.ip-upload p{margin:0;color:#776963}.ip-upload em{display:inline-block;margin:16px 0 8px;padding:10px 20px;background:var(--ink);color:#fff;border-radius:9px;font-style:normal;font-weight:700}.ip-upload small{display:block;color:#81736e}.ip-settings{margin:20px;padding:18px;background:#faf8f7;border-radius:14px}.ip-setting-head{display:flex;justify-content:space-between;align-items:flex-start}.ip-setting-head h2{margin:0}.ip-setting-head p{margin:4px 0;color:#796d69;font-size:.76rem}.ip-setting-head>span{padding:6px 10px;background:#f3e5e0;color:var(--ip);border-radius:99px;font-size:.73rem;font-weight:700}.ip-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:15px}.ip-fields label{font-size:.75rem;font-weight:700}.ip-fields input,.ip-fields select{box-sizing:border-box;width:100%;margin-top:6px;padding:9px;border:1px solid #d8cbc7;border-radius:8px;background:#fff}.ip-fields input[type=range]{padding:0;accent-color:var(--ip)}.ip-fields input[type=color]{width:42px;flex:none;padding:3px}.ip-fields output{float:right;color:var(--ip)}.ip-color{display:flex;gap:5px}.ip-check{display:flex;gap:8px;align-items:flex-start;margin-top:14px;padding:10px;background:#fff;border-radius:9px}.ip-check input{margin-top:3px;accent-color:var(--ip)}.ip-check span,.ip-check small{display:block}.ip-check strong{font-size:.76rem}.ip-check small{color:#796d69;font-size:.68rem}.ip-list-head{display:flex;align-items:center;justify-content:space-between;margin:0 20px 12px}.ip-list-head h2{margin:0}.ip-list-head p{margin:3px 0;color:#796d69;font-size:.75rem}.ip-list-head button{padding:9px 13px;border:1px solid #d8cbc7;background:#fff;border-radius:8px;color:var(--ip);font-weight:700}.ip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 20px 18px}.ip-card{overflow:hidden;border:1px solid #e0d5d2;border-radius:12px;background:#fff;cursor:grab;transition:.18s}.ip-card:hover,.ip-card.over{border-color:var(--ip);box-shadow:0 8px 20px #733e2d18}.ip-card.dragging{opacity:.45}.ip-thumb{position:relative;height:145px;overflow:hidden;background:linear-gradient(45deg,#eee9e7 25%,#faf8f7 25%,#faf8f7 50%,#eee9e7 50%,#eee9e7 75%,#faf8f7 75%);background-size:20px 20px}.ip-thumb img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.ip-thumb span{position:absolute;left:8px;top:8px;display:grid;place-items:center;width:25px;height:25px;background:var(--ink);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700}.ip-card-body{padding:10px}.ip-card-body strong,.ip-card-body small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ip-card-body strong{font-size:.76rem}.ip-card-body small{margin-top:2px;color:#81736e;font-size:.65rem}.ip-card-body>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:9px}.ip-card-body button{padding:6px 2px;border:0;background:#f1edeb;border-radius:6px}.ip-card-body button:last-child{color:#a82d25}.ip-actions{display:flex;gap:9px;padding:0 20px}.ip-actions button{padding:12px 18px;border:0;border-radius:10px;font-weight:700}.ip-actions button:first-child{flex:1;background:linear-gradient(135deg,var(--ip),var(--ip2));color:#fff}.ip-actions button:last-child{background:#f1edeb;color:#704b40}.ip-usage{text-align:center;color:#81736e;font-size:.69rem;margin:8px 20px 20px}.ip-overlay{position:fixed;z-index:1000;inset:0;display:none;place-items:center;align-content:center;text-align:center;background:#fffffff0}.ip-overlay.show{display:grid}.ip-loader{width:46px;height:46px;border:5px solid #f0ded8;border-top-color:var(--ip);border-radius:50%;animation:ipspin .8s linear infinite}@keyframes ipspin{to{transform:rotate(360deg)}}.ip-overlay h2{margin:15px 0 5px}.ip-overlay p{color:#776963}.ip-overlay>div:last-child{width:280px;height:7px;overflow:hidden;background:#eddfda;border-radius:4px}.ip-overlay i{display:block;width:0;height:100%;background:var(--ip)}.ip-benefits,.ip-steps,.ip-guide,.ip-faq{margin-top:50px}.ip-benefits>div:first-child{text-align:center}.ip-benefits>div:first-child span{color:var(--ip);font-weight:700}.ip-benefits>div:last-child,.ip-steps>div,.ip-guide>div{display:grid;gap:14px;margin-top:20px}.ip-benefits>div:last-child,.ip-steps>div{grid-template-columns:repeat(4,1fr)}.ip-guide>div{grid-template-columns:repeat(3,1fr)}.ip-benefits article,.ip-steps article,.ip-guide article{padding:19px;border:1px solid #e8dedb;border-radius:14px}.ip-benefits article>b,.ip-steps article>b{display:inline-grid;place-items:center;min-width:29px;height:29px;padding:0 3px;background:#f8e5df;color:var(--ip);border-radius:8px}.ip-benefits p,.ip-steps p,.ip-guide p,.ip-faq p{color:#716661;font-size:.84rem;line-height:1.6}.ip-faq{max-width:820px;margin-left:auto;margin-right:auto}.ip-faq details{padding:15px 3px;border-bottom:1px solid #e8dedb}.ip-faq summary{font-weight:700}@media(max-width:950px){.ip-grid{grid-template-columns:repeat(3,1fr)}.ip-benefits>div:last-child,.ip-steps>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.ip-upload{margin:10px;padding:38px 12px}.ip-settings{margin:10px}.ip-setting-head{flex-direction:column;gap:8px}.ip-fields,.ip-benefits>div:last-child,.ip-steps>div,.ip-guide>div{grid-template-columns:1fr}.ip-list-head{margin:20px 10px 12px;align-items:flex-end}.ip-list-head p{display:none}.ip-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 10px 14px}.ip-thumb{height:125px}.ip-actions{padding:0 10px;flex-direction:column}.ip-usage{margin-bottom:14px}}