:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#102a35;background:#f3f8fa;--teal:#007f87}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,.button{font:inherit;border:1px solid #c3d7da;background:white;color:#102a35;padding:12px 20px;cursor:pointer;border-radius:4px}button:hover,a.button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:wait}.primary{background:var(--teal);color:white;border-color:var(--teal)}.brand{font-size:28px;font-weight:800;letter-spacing:.04em}.brand span{display:block;font-size:12px;font-weight:400;letter-spacing:.08em;margin-top:10px}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#102a35;color:#e9fafa;padding:38px 28px;display:flex;flex-direction:column;gap:24px}nav{display:grid;gap:8px;margin:35px 0 auto}nav a{padding:14px 10px;border-left:2px solid #168e93}nav a:hover{background:#1c414d}.editor{margin-left:235px;padding:50px 6vw 120px;max-width:1450px}.eyebrow{font-size:11px;letter-spacing:.15em;color:#00838b}h1{font-size:clamp(27px,3vw,40px);letter-spacing:-.04em}header p,small{color:#597078;line-height:1.8}section{background:white;border:1px solid #d9e5e8;padding:30px;margin:24px 0;scroll-margin-top:20px;border-radius:6px}h2{font-size:23px;margin:0 0 24px}h3{font-size:17px;margin:24px 0 16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin-bottom:18px}input,textarea{font:inherit;font-size:15px;padding:12px;border:1px solid #c5d6db;border-radius:3px;background:#fcfefe;width:100%;color:#102a35}textarea{min-height:105px;resize:vertical;line-height:1.7}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #008c95;outline-offset:3px}.actions{position:fixed;bottom:0;left:235px;right:0;border-top:1px solid #c6dadd;background:#fffffff5;padding:18px 6vw;display:flex;gap:12px;align-items:center}.actions span{margin-right:auto;font-size:12px;color:#54727b}#status{padding:15px 0;line-height:1.6;color:var(--teal)}#status.error{color:#ae332c}.project{border-top:1px solid #d9e5e8;padding:12px 0 25px}.project img{max-width:220px;max-height:140px;object-fit:cover;display:block;margin:12px 0}.project-tools{display:flex;gap:8px;flex-wrap:wrap}.danger{color:#a33b33}.login{max-width:600px;margin:12vh auto;padding:45px;background:white;border-top:6px solid var(--teal)}.login p{line-height:1.9;margin:25px 0}.login .button{display:inline-block;margin:15px 0}.back{display:block;margin-top:25px;color:#597078}.note{font-size:13px;line-height:1.8;color:#597078}.empty{padding:25px;background:#f3f8fa;color:#597078}hr{border:0;border-top:1px solid #d9e5e8;margin:30px 0}@media(max-width:760px){aside{position:static;width:100%;padding:22px;gap:16px}aside nav{display:flex;flex-wrap:wrap;margin:0;font-size:13px;gap:0}aside nav a{padding:9px;border:0}aside>a:not(.brand){font-size:12px;display:inline}.editor{margin:0;padding:25px 18px 130px}.grid{grid-template-columns:1fr;gap:0}section{padding:22px 18px}.actions{left:0;padding:15px;flex-wrap:wrap}.actions span{width:100%}.actions button{flex:1}.login{margin:8vh 18px;padding:30px}}

.project video{display:block;width:100%;max-width:560px;max-height:350px;background:#102a35;margin:16px 0;border-radius:4px}.project input[type=file]{margin-top:4px}
.hero-card img{width:100%;max-width:480px;max-height:none;aspect-ratio:16/9;object-fit:cover;background:#06181f;border-radius:5px}