:root{--ice-ink:#22212b;--ice-muted:#706d7d;--ice-blue:#5368b5;--ice-dark:#344277;--ice-line:#dfe1ed;--ice-soft:#f2f4ff}body{background:linear-gradient(180deg,#f5f6ff,#fff 530px);color:var(--ice-ink)}.ice-page{max-width:1120px;margin:auto;padding-bottom:70px}.ice-hero{background:radial-gradient(circle at 84% 20%,rgba(255,255,255,.7),transparent 27%),linear-gradient(135deg,#e8ebff,#f7e9fa 55%,#e8f7f4);border-bottom:1px solid var(--ice-line)}.ice-hero .tool-hero-icon{width:86px;height:86px;border-radius:27px;background:linear-gradient(145deg,var(--ice-blue),var(--ice-dark));box-shadow:0 16px 30px rgba(52,66,119,.23)}.ice-banner{display:none;margin:20px 0 12px;padding:12px 15px;border:1px solid #e5aaaa;border-radius:12px;background:#fff0f0;color:#892a2a}.ice-banner.show{display:block}.drop-zone{min-height:270px;border-color:#c6cae0!important;border-radius:22px!important;background:linear-gradient(145deg,#fafbff,#fffaff)!important;box-shadow:0 18px 50px rgba(47,56,96,.09)}.drop-zone:hover{border-color:var(--ice-blue)!important}.preview-card,.palette-card{border-color:var(--ice-line)!important;border-radius:20px!important;box-shadow:0 14px 38px rgba(47,56,96,.08)}.preview-img{height:340px!important;cursor:crosshair}.pixel-card{display:flex;align-items:center;gap:11px;margin:12px;padding:12px;border:1px solid var(--ice-line);border-radius:13px;background:var(--ice-soft)}.pixel-card i{width:45px;height:45px;flex:none;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff}.pixel-card>div{min-width:0;flex:1}.pixel-card strong,.pixel-card span,.pixel-card small{display:block}.pixel-card span,.pixel-card small{color:var(--ice-muted);font-size:11px;margin-top:2px}.pixel-card button,.controls #export-btn{padding:7px 10px;border:1px solid #c8cce0;border-radius:8px;background:#fff;color:var(--ice-dark);font-weight:700;cursor:pointer}.controls{padding:14px!important}.controls #submit-btn{background:linear-gradient(135deg,var(--ice-blue),var(--ice-dark))!important}.swatch{border-radius:13px!important}.ice-info,.ice-faq{margin-top:54px}.ice-info h2,.ice-faq h2{font-size:30px}.ice-info>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ice-info article{padding:21px;border:1px solid var(--ice-line);border-radius:16px;background:#fff}.ice-info article b{color:var(--ice-blue)}.ice-info p,.ice-faq p{color:var(--ice-muted);line-height:1.65}.ice-faq details{padding:17px 2px;border-bottom:1px solid var(--ice-line)}.ice-faq summary{cursor:pointer;font-weight:800}@media(max-width:700px){.ice-page{padding-left:14px!important;padding-right:14px!important}.ice-info>div{grid-template-columns:1fr}.pixel-card{align-items:flex-start;flex-wrap:wrap}.pixel-card button{width:100%}.ice-info h2,.ice-faq h2{font-size:26px}}