:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#123f4e;background:#edf4f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:auto;padding:38px 24px 22px}header{text-align:center;margin-bottom:26px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;color:#316978}h1{font-size:clamp(30px,5vw,44px);letter-spacing:-.045em;margin:9px 0}header p{margin:0;line-height:1.5;color:#45616b;font-size:16px}.editor{display:grid;grid-template-columns:minmax(0,460px) minmax(260px,1fr);align-items:center;gap:38px;background:#fff;border:1px solid #dbe6eb;padding:24px;border-radius:24px;box-shadow:0 14px 45px #00465b0c}.preview-wrap{position:relative;width:100%;overflow:hidden;border-radius:4px;background:#e6edf0;box-shadow:0 3px 16px #00384914;min-height:100px}canvas{display:block;width:100%;height:auto;touch-action:auto}canvas.editable{touch-action:none;cursor:grab}canvas.dragging{cursor:grabbing}.controls{min-width:0}button{font:inherit;font-weight:700;cursor:pointer;min-height:48px;border-radius:12px;padding:12px 16px;transition:background .15s}button:disabled{opacity:.5;cursor:wait}.primary{background:#004b62;color:#fff;border:0;width:100%}.primary:hover:enabled{background:#006580}.secondary{color:#004b62;background:#f0f6f8;border:1px solid #d5e4e9;width:100%}.secondary:hover:enabled{background:#e3eef2}.actions{display:flex;gap:10px;margin-top:12px}.text-button{display:block;margin:8px auto 0;color:#49636c;border:0;background:transparent;font-size:14px}.status{font-size:15px;line-height:1.5;margin:0 0 16px;color:#315a69}.status.error{color:#a72f27}.hint{font-size:14px;color:#49636c;margin:0 0 12px}.zoom{display:flex;align-items:center;gap:10px;margin-bottom:22px}.round{flex:0 0 44px;min-height:44px;padding:0;font-size:25px;border:1px solid #ccdde3;color:#004b62;background:#fff}input[type=range]{accent-color:#007693;min-width:0;flex:1;height:40px}output{font-size:13px;min-width:38px;font-variant-numeric:tabular-nums}.privacy{display:flex;align-items:flex-start;gap:9px;color:#48616a;font-size:13px;line-height:1.6;border-top:1px solid #e4edf0;padding-top:22px;margin:24px 0 0}.privacy svg{flex-shrink:0;margin-top:2px}.model-note{font-size:12px;color:#586f77;line-height:1.5;margin:10px 0 0 27px}footer{text-align:center;font-size:12px;color:#59747e;margin-top:23px}.loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:30px;background:#f7fbf9ed;text-align:center;z-index:2}.loading span:last-child{font-size:14px;line-height:1.5;max-width:240px}.spinner{width:34px;height:34px;border:3px solid #cddfe5;border-top-color:#00708d;border-radius:50%;animation:spin 1s linear infinite}progress{width:80%;height:8px;accent-color:#00708d}[hidden]{display:none!important}:focus-visible{outline:3px solid #edae00;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){main{padding:20px 16px}header{margin-bottom:18px}.eyebrow{font-size:11px}.editor{grid-template-columns:1fr;gap:20px;padding:14px;border-radius:18px}.preview-wrap{max-width:360px;margin:auto}.controls{width:100%;max-width:440px;margin:auto}.privacy{margin-top:18px;padding-top:16px}header p{font-size:15px}footer{margin-top:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation-duration:2s}}
footer a{display:inline-block;color:#496670;margin-top:8px;font-size:12px}