@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans JP,sans-serif;background:#f5f5f5;color:#333;-webkit-text-size-adjust:100%}.app{max-width:540px;margin:0 auto;padding:20px 16px 40px;display:flex;flex-direction:column;align-items:center;gap:16px}.app-title{font-size:1.4rem;font-weight:700;text-align:center}.app-subtitle{font-size:.85rem;color:#777;text-align:center;margin-top:-8px}.canvas-preview{width:100%;display:flex;justify-content:center;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000001a;background:#fff}.zoom-slider{width:100%}.zoom-slider-row{display:flex;align-items:center;gap:10px}.zoom-slider-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#ddd;border-radius:3px;outline:none}.zoom-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#4ecdc4;cursor:pointer}.zoom-value{font-size:.85rem;color:#555;min-width:48px;text-align:right}.name-edit-overlay{width:100%}.name-edit-input{width:100%;padding:10px 12px;border:2px solid #4ecdc4;border-radius:8px;font-size:1rem;font-family:inherit;font-weight:700;text-align:center;outline:none}.download-btn{width:100%;padding:14px;background:#ff6b6b;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s;font-family:inherit}.download-btn:hover{background:#ee5a5a}.section-label{display:block;font-size:.8rem;font-weight:700;color:#555;margin-bottom:6px}