*{box-sizing:border-box}body{margin:0;font:15px system-ui,sans-serif;background:#14161d;color:#e8e8ee}#app{display:flex;gap:20px;padding:16px;height:100vh}.stage{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px}#cv{height:calc(100vh - 90px);aspect-ratio:9/16;border-radius:10px;background:#f6f5f0}.panel{flex:1;min-width:300px;max-width:560px;display:flex;flex-direction:column;gap:12px;overflow:auto}h1{font-size:20px;margin:0}h2{font-size:13px;margin:0 0 4px;color:#9aa;text-transform:uppercase;letter-spacing:.06em}.card{background:#1e212b;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}button,select,input,textarea{font:inherit;color:inherit;background:#2a2e3b;border:1px solid #3a3f50;border-radius:8px;padding:7px 11px}button{cursor:pointer}button:hover{background:#343a4b}button:disabled{opacity:.45;cursor:default}button.primary{background:#e8322e;border-color:#e8322e;color:#fff}textarea{width:100%;min-height:150px;font:13px ui-monospace,monospace;resize:vertical}input[type=range]{padding:0;flex:1}input[type=text]{flex:1;min-width:120px}.hint{color:#9aa;font-size:12px;line-height:1.4}.err{color:#ff8a80;font-size:12px}#timeline{width:100%}