body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:#0f1720;color:#e6eef8;display:flex;align-items:center;justify-content:center;min-height:100vh}.app{width:100%;max-width:1200px;padding:20px;box-sizing:border-box}.controls{display:flex;gap:12px;align-items:center;margin-bottom:12px}label{font-size:14px}.text-input{margin-left:8px;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e6eef8;min-width:300px}input[type=range]{margin-left:8px}canvas{display:block;border-radius:6px;box-shadow:0 6px 30px #0009}.note{margin-top:8px;color:#9fb1d3;font-size:13px}.canvas-wrap{position:relative;display:block;width:75vw;max-width:1100px;margin:0 auto}.canvas-wrap canvas{width:100%;height:auto;display:block}.text-preview{position:absolute;left:12px;top:12px;color:#ffffffd9;font-weight:600;font-size:18px;pointer-events:none;text-shadow:0 1px 0 rgba(0,0,0,.5)}