body{color:#222;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.container{background:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.06);margin:0 auto;max-width:900px;padding:20px 24px 28px}.container img{border:1px solid #e5e7eb;border-radius:6px;display:block;height:auto;margin:8px 0 20px;max-width:100%}h1{font-size:1.6rem;margin-bottom:.5rem}p.description{color:#555;font-size:.95rem;margin-top:0}.description a{display:inline;white-space:normal}.section{margin-bottom:18px;margin-top:18px}label{font-weight:500}input[type=file]{margin-top:8px}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}.controls>div{display:flex;flex-direction:column;font-size:.9rem}input[type=range]{width:220px}a.button-link,button{align-items:center;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:8px;box-shadow:0 2px 10px rgba(37,99,235,.25);color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;justify-content:center;padding:8px 16px;text-decoration:none;transition:background .15s ease,transform .05s ease,box-shadow .15s ease}a.button-link.disabled,button:disabled{background:#d1d5db;border-color:#d1d5db;box-shadow:none;color:#6b7280;cursor:default}a.button-link:not(.disabled):active,button:not(:disabled):active{box-shadow:0 1px 5px rgba(37,99,235,.4);transform:translateY(1px)}#canvasWrapper{background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50% /20px 20px;border:1px solid #e5e7eb;border-radius:10px;margin-top:16px;overflow:auto;padding:12px}canvas{background:transparent;display:block;height:auto;image-rendering:auto;max-width:100%}.hint{color:#6b7280;font-size:.82rem;margin-top:4px}.inline-label{color:#374151;font-size:.85rem}.footer-note{color:#6b7280;font-size:.8rem;margin-top:20px}hr{border:none;border-top:1px solid #e5e7eb;margin:24px 0}.modal-overlay{align-items:center;background:rgba(0,0,0,.55);display:none;inset:0;justify-content:center;position:fixed;z-index:999}.modal{background:#fff;border-radius:10px;box-shadow:0 10px 35px rgba(0,0,0,.25);max-height:90vh;max-width:700px;overflow-y:auto;padding:24px;position:relative;width:90%}.modal img{border:1px solid #e5e7eb;border-radius:6px;display:block;height:auto;margin:12px 0 24px;max-width:100%;width:100%}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:32px;line-height:1;position:absolute;right:20px;top:12px}.modal-close:hover{color:#000}