:root{--navy:#11243c;--navy-soft:#1d3859;--gold:#c9a66b;--gold-pale:#ead7ae;--ivory:#fffaf1;--ink:#18283d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 15% 10%,#c9a66b2b,#0000 28rem),linear-gradient(145deg,#fffaf1,#f4ead7);font-family:Noto Naskh Arabic,Tahoma,Arial,sans-serif}button,input{font:inherit}.album-shell{min-height:100svh;padding:max(28px,env(safe-area-inset-top)) 18px max(42px,env(safe-area-inset-bottom))}.album-wrap{width:min(920px,100%);margin:0 auto}.album-wrap.narrow{max-width:560px}.album-header{color:var(--ivory);text-align:center;background:linear-gradient(135deg,var(--navy),var(--navy-soft));border:1px solid #c9a66bbf;border-radius:30px 30px 10px 10px;padding:28px 24px 24px;box-shadow:0 24px 70px #11243c38}.album-mark{width:64px;height:64px;color:var(--navy);background:linear-gradient(145deg,var(--gold-pale),var(--gold));border-radius:50%;place-items:center;margin:0 auto 10px;font-size:30px;display:grid}.album-header small{color:var(--gold-pale);letter-spacing:.08em}.album-header h1{margin:6px 0;font-size:clamp(34px,8vw,58px);line-height:1.2}.album-header p{color:#fffaf1d4;max-width:620px;margin:8px auto 0;line-height:1.8}.album-card{background:#fffaf1e6;border:1px solid #c9a66b73;border-radius:10px 10px 30px 30px;padding:clamp(22px,5vw,42px);box-shadow:0 24px 70px #11243c24}.field-label{margin-bottom:8px;font-weight:700;display:block}.field-label.spaced{margin-top:18px}.album-input{width:100%;min-height:54px;color:var(--ink);background:#fff;border:1px solid #1d385938;border-radius:14px;outline:none;padding:12px 16px}.album-input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #c9a66b2e}.album-button{width:100%;min-height:56px;color:var(--ivory);border:1px solid var(--gold);cursor:pointer;background:linear-gradient(110deg,var(--navy-soft),var(--navy));border-radius:15px;margin-top:20px;font-weight:800;box-shadow:0 13px 30px #11243c38}.album-button.secondary{width:auto;padding-inline:24px}.album-message{text-align:center;border-radius:12px;margin:18px 0 0;padding:12px 14px}.album-message.error{color:#8d2940;background:#fde8ec}.album-nav{justify-content:center;margin-top:18px;display:flex}.album-link{color:var(--navy-soft);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:5px;font-weight:700}.admin-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-top h2{margin:0;font-size:clamp(28px,5vw,42px)}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.media-card{background:#fff;border:1px solid #c9a66b6b;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #11243c1a}.media-preview{aspect-ratio:4/3;object-fit:cover;background:var(--navy);width:100%;display:block}.media-info{padding:14px}.media-info strong{font-size:18px;display:block}.media-info small{color:#707b89;margin-top:4px;display:block}.media-actions{gap:8px;margin-top:12px;display:flex}.media-actions a,.media-actions button{min-height:38px;color:var(--navy);cursor:pointer;background:var(--ivory);border:1px solid #c9a66ba6;border-radius:10px;flex:1;place-items:center;font-weight:700;text-decoration:none;display:grid}.media-actions button{color:#8d2940}.empty-state{text-align:center;color:#657184;padding:55px 20px}.widget-shell{background:0 0;min-height:430px;padding:4px}.widget-form{text-align:right;gap:12px;display:grid}.widget-form>label:not(.widget-drop){color:var(--navy);font-weight:700}.widget-form>input{width:100%;min-height:54px;color:var(--navy);background:#fff;border:1px solid #172a4640;border-radius:14px;outline:none;padding:12px 16px}.widget-form>input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #c9a66b2e}.widget-drop{text-align:center;cursor:pointer;background:linear-gradient(145deg,#ead7ae2e,#fff);border:2px dashed #c9a66bcc;border-radius:20px;margin-top:8px;padding:26px 16px;display:block}.widget-drop strong{color:var(--navy);font-size:21px;display:block}.widget-drop small{color:#6a7482;margin:5px 0 12px;display:block}.widget-drop input{width:100%;color:var(--navy)}.widget-form button{min-height:56px;color:var(--ivory);cursor:pointer;border:1px solid var(--gold);background:linear-gradient(110deg,var(--navy-soft),var(--navy));border-radius:15px;font-weight:800;box-shadow:0 13px 30px #11243c33}.widget-form button:disabled{opacity:.6;cursor:wait}.widget-message{text-align:center;border-radius:12px;margin:2px 0 0;padding:12px}.widget-message.success{color:#265c43;background:#e6f5ed}.widget-message.error{color:#8d2940;background:#fde8ec}@media (max-width:760px){.media-grid{grid-template-columns:1fr}.admin-top{flex-direction:column;align-items:stretch}.album-button.secondary{width:100%}}