*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f3efe7;color:#1c1c28;min-height:100vh}.page{max-width:1000px;margin:0 auto;padding:40px 24px 24px;display:flex;flex-direction:column;gap:20px}header h1{font-size:28px;letter-spacing:-.02em}.tagline{color:#6f6a5e;font-size:14px;margin-top:4px}.paper{width:100%;height:300px;background:#fffdf8;border:1px solid #e5dfd2;border-radius:12px;box-shadow:0 2px 12px #1c1c280d}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.controls .text{flex:1 1 320px;padding:10px 14px;font-size:15px;border:1px solid #d8d1c0;border-radius:8px;background:#fffdf8}.controls select,.controls button{padding:10px 14px;font-size:14px;border:1px solid #d8d1c0;border-radius:8px;background:#fffdf8;cursor:pointer}.controls button{background:#1c1c28;color:#fffdf8;border-color:#1c1c28}.controls button:disabled{opacity:.4;cursor:default}.slider{display:flex;align-items:center;gap:8px;font-size:13px;color:#6f6a5e}.note{font-size:13px;color:#6f6a5e;min-height:1.2em}.note.error{color:#b3261e}footer{font-size:12px;color:#a39d8e}.wip{font-style:italic}