:root{color-scheme:dark;font:15px/1.65 system-ui,-apple-system,sans-serif;color:#eee9e4;background:#050505}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:32px 28px 72px}header{display:flex;justify-content:space-between;gap:16px;color:#a6a098;font-size:12px;letter-spacing:.12em}a{color:#d9c5ac;text-decoration:none}h1{font-size:clamp(30px,5vw,48px);font-weight:500;letter-spacing:-.03em;margin:44px 0 8px}h2{font-size:22px;font-weight:500;margin:10px 0}p{color:#aaa69e}.intro{margin-bottom:30px}.editor,.notes,article{border:1px solid #302d29;border-radius:16px;padding:24px;background:#0f0f0e}.editor{margin-bottom:22px}label{display:block;color:#d1c9bf}textarea,input{width:100%;border:1px solid #484037;border-radius:8px;background:#080808;color:#eee;padding:14px;font:inherit;margin:10px 0}textarea{min-height:118px;resize:vertical}button{border:1px solid #514638;background:#201b15;color:#e7d3b7;padding:10px 16px;border-radius:8px;cursor:pointer;font:inherit;margin:0 8px 8px 0}button:hover:enabled{background:#352a1e}button:disabled{opacity:.4;cursor:default}.presets button{font-size:13px;padding:6px 12px}.editor-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#a39a90}.editor p,.notes p{font-size:13px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0 24px}.category{font-size:11px;letter-spacing:.08em;color:#ceb28c}.description{font-size:13px;min-height:44px}.quota{font-size:12px;color:#c3aa86;margin:16px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metrics span{display:block;color:#9e978c;font-size:11px}.metrics strong{font-size:21px;font-weight:500}.result{min-height:48px;font-size:13px;color:#b6b0a8}.ratings{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}.ratings label{font-size:12px}.ratings select{display:block;background:#15130f;border:1px solid #4d4439;color:#e7d3b7;padding:6px;margin-top:5px}audio{width:100%;height:38px;margin:8px 0}details{font-size:12px;color:#a89b8a}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#ccc4b9}.error{color:#efaa9d!important}#status{color:#cdb28e}dialog{max-width:430px;background:#15130f;color:#eee;border:1px solid #5e4e3d;border-radius:16px;padding:28px}dialog::backdrop{background:#000b}@media(max-width:720px){main{padding:22px 16px}.cards{grid-template-columns:1fr}.editor-meta,header{flex-direction:column}article,.editor,.notes{padding:20px}}
.saved-samples{margin-top:20px;padding-top:12px;border-top:1px solid #393126}.saved-samples h3{font-size:14px;color:#dfc7a8;font-weight:500}.saved-samples p{font-size:12px;margin:10px 0 4px}