body{background:#F5F7FA;color:#212529}.brand{color:#198754;font-weight:700}
.hero{background:linear-gradient(135deg,#198754,#146c43);color:#fff;padding:48px 0}.hero h1{font-weight:700}
.drop{border:2px dashed #198754;border-radius:12px;padding:28px;text-align:center;cursor:pointer;background:#fff}.drop.over{background:#e8f5ee}
.sw{width:34px;height:34px;border-radius:50%;border:2px solid #ccc;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50%/12px 12px}
.sw.active{border-color:#198754;box-shadow:0 0 0 3px #19875455}
.pv{min-height:300px;display:flex;align-items:center;justify-content:center;border-radius:8px}
.pv img{max-width:100%;max-height:420px}.checker{background:repeating-conic-gradient(#e5e5e5 0 25%,#fff 0 50%) 50%/16px 16px}
.card{border:0;border-radius:14px}