:root{color-scheme:light dark;font:16px/1.5 system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:Canvas;color:CanvasText}main{max-width:740px;margin:auto;padding:24px 16px 60px}header{padding:12px 0}small{font-weight:700;color:#087e75;letter-spacing:.07em}h1{font-size:clamp(1.55rem,4vw,2rem);line-height:1.2}h2{font-size:1.18rem;margin-top:0}section{border:1px solid #9ca3af66;border-radius:15px;padding:20px;margin:16px 0}section.notice{border-color:#c9974c;background:color-mix(in srgb,orange 9%,Canvas)}label{display:block;margin:12px 0 5px;font-weight:600}input{display:block;width:100%;border:1px solid #8896a2;border-radius:9px;padding:12px;background:Canvas;color:CanvasText;font:inherit}button{background:#087e75;border:0;border-radius:10px;padding:12px 16px;color:#fff;font-weight:650;font:inherit;cursor:pointer;margin:9px 4px 4px 0}button.destructive{background:#8c3232}.result{white-space:pre-wrap;overflow-wrap:anywhere;background:color-mix(in srgb,CanvasText 6%,Canvas);padding:10px;border-radius:8px}pre{overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px}footer{color:GrayText;font-size:.85rem}.buttons{display:flex;flex-wrap:wrap}