*{box-sizing:border-box}body{margin:0;background:#090909;color:#f4f4f4;font-family:Arial,"Cairo",sans-serif}header{height:72px;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#0d0d0d;position:sticky;top:0;z-index:5}header strong{display:block;letter-spacing:2px}header span{color:#aaa;font-size:12px}header a{color:#d8b15a;text-decoration:none}.hero{padding:55px 6% 35px;background:linear-gradient(135deg,#151515,#080808)}small{color:#d8b15a;letter-spacing:2px}.hero h1{font-size:38px;margin:10px 0}.hero p{color:#aaa}.grid{display:grid;grid-template-columns:360px 1fr;gap:22px;padding:25px 6%}.card{background:#111;border:1px solid #252525;border-radius:18px;padding:22px}.card h2{margin-top:0}label{display:block;color:#ccc;font-size:14px;margin:14px 0}input{display:block;width:100%;margin-top:8px;background:#080808;border:1px solid #333;color:#fff;padding:13px;border-radius:10px}button{border:0;border-radius:10px;padding:12px 18px;background:#d8b15a;color:#111;font-weight:800;cursor:pointer}.ghost{background:#222;color:#fff}.album{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:15px;border:1px solid #292929;border-radius:12px;margin:10px 0}.album h3{margin:0 0 5px}.album p{margin:0;color:#888;font-size:12px}.album button{padding:9px 12px}.editor{margin:0 6% 25px}.editorHead{display:flex;justify-content:space-between;align-items:center}.mediaList{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.mediaItem{background:#0a0a0a;border:1px solid #282828;border-radius:12px;overflow:hidden;position:relative}.mediaItem img,.mediaItem video{width:100%;height:130px;object-fit:cover;display:block}.mediaItem div{padding:9px;font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove{position:absolute;top:7px;left:7px;background:#9d3030;color:#fff;padding:5px 8px;border-radius:7px}.hint,.note{color:#888;font-size:13px;line-height:1.7}.note{margin:0 6% 35px;padding:18px;background:#15120b;border:1px solid #4a3a1c;border-radius:12px}.note strong{color:#d8b15a}@media(max-width:800px){.grid{grid-template-columns:1fr;padding:20px 4%}.editor,.note{margin-left:4%;margin-right:4%}.hero{padding-left:4%;padding-right:4%}.hero h1{font-size:30px}header{padding:0 4%}}