body{margin:0;background:#f4f6fa;color:#24344f;font:15px/1.6 "Segoe UI",Arial,sans-serif}*{box-sizing:border-box}header{background:#fff;border-bottom:1px solid #dce3ec;padding:20px max(22px,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}header img{width:160px}header nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#2d3f63}header a{text-decoration:none}main{max-width:1260px;padding:35px 22px;margin:auto}h1,h2{line-height:1.15}h1{font-size:34px}h2{font-size:23px;margin-top:0}.notice{background:#fff3e9;border-left:3px solid #d96b2b;padding:15px 20px;margin-bottom:25px}.card{background:#fff;border:1px solid #dce3ec;border-top:3px solid #d96b2b;border-radius:4px;padding:28px;margin:22px 0}.narrow{max-width:560px;margin:45px auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:25px;align-items:start}.workspace .card{margin-top:0}label{display:grid;gap:7px;margin-bottom:15px;font-weight:600;font-size:13px}input,select,textarea{width:100%;border:1px solid #cbd5e2;padding:12px;border-radius:3px;font:inherit;background:white;color:#24344f}textarea{min-height:90px}input[type=checkbox]{width:auto}.check{display:flex;align-items:center;gap:8px}button,.button{border:0;background:#2d3f63;color:#fff;padding:12px 17px;border-radius:3px;cursor:pointer;font:600 13px inherit;text-decoration:none;display:inline-block}button:hover{background:#20304d}button.secondary{background:#e9edf4;color:#24344f}button.danger{background:#9a362b}button:disabled{opacity:.6;cursor:wait}.actions{display:flex;gap:10px;flex-wrap:wrap}.tabs{display:flex;gap:10px;margin:20px 0}.tabs button.active{background:#d96b2b}.status{padding:12px 16px;background:#e6f3e9;color:#215633;margin:14px 0;white-space:pre-wrap}.status.error{background:#fce9e5;color:#8a2a20}[hidden]{display:none!important}.list{max-height:640px;overflow:auto}.row{border-top:1px solid #dce3ec;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.row b,.row small{display:block}.row small,.muted{color:#66748b;font-size:13px}.row button{padding:8px 12px}.preview{max-width:100%;height:180px;object-fit:contain;background:#f4f6f9;margin:10px 0}.login-title{margin-bottom:5px}.photo-hint{font-size:12px;color:#66748b;margin-top:-9px;margin-bottom:20px}.badge{font-size:11px;color:#874016;background:#fff0e4;padding:3px 8px;border-radius:3px}code{word-break:break-all}footer{max-width:1260px;margin:auto;padding:15px 22px 40px;color:#66748b;font-size:12px}:focus-visible{outline:3px solid #df8d52;outline-offset:3px}@media(max-width:850px){.workspace,.two{grid-template-columns:1fr}header{align-items:flex-start}header nav{gap:10px;font-size:13px}.card{padding:22px}.row{flex-wrap:wrap}}
/* Review refinements: legible active tabs and narrow-screen navigation. */
.tabs button.active{background:#b95118}.tabs button{min-height:44px}
@media(max-width:560px){header{flex-wrap:wrap}header nav{width:100%;gap:16px}.tabs{flex-wrap:wrap}main{padding-inline:16px}.card{padding:20px}}