.wallpaper-page{max-width:1180px;margin:0 auto;padding:38px 20px 72px}.wallpaper-hero{display:flex;justify-content:space-between;align-items:center;padding:42px 46px;border-radius:28px;background:linear-gradient(125deg,#eaf8f1,#eef5ff);color:#123447}.wallpaper-kicker{color:#15956b;font-weight:700}.wallpaper-hero h1{font-size:clamp(2rem,4vw,3.5rem);margin:12px 0}.wallpaper-hero p{color:#607985;margin:0}.wallpaper-hero-icon{font-size:6rem;color:#8bcdb5;opacity:.65}.wallpaper-tabs,.wallpaper-categories{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 12px}.wallpaper-tabs a,.wallpaper-categories a,.wallpaper-pagination a{padding:10px 18px;border:1px solid #dce7e4;border-radius:999px;color:#527078;text-decoration:none;background:#fff}.wallpaper-tabs a.is-active,.wallpaper-categories a.is-active,.wallpaper-pagination a.is-active{background:#15956b;color:white;border-color:#15956b}.wallpaper-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}.wallpaper-card{overflow:hidden;background:#fff;border:1px solid #e5eceb;border-radius:18px;box-shadow:0 8px 24px rgba(28,70,75,.06)}.wallpaper-card-link{display:block;color:inherit;text-decoration:none}.wallpaper-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1/1.25;background:#edf4f3}.wallpaper-stage-backdrop{position:absolute;inset:-18px;background-image:var(--wallpaper-image);background-position:center;background-size:cover;filter:blur(18px) saturate(.84);transform:scale(1.08);opacity:.58;z-index:-2}.wallpaper-stage-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(11,39,49,.2))}.wallpaper-stage-mobile{background:linear-gradient(145deg,#e6f5f1,#e9eef9)}.wallpaper-stage-desktop{background:linear-gradient(145deg,#dbe9e9,#e9e8ed)}.wallpaper-phone{position:absolute;top:8%;bottom:8%;left:24%;right:24%;padding:6px;border:3px solid #252c35;border-radius:22px;background:#171b22;box-shadow:0 15px 28px rgba(8,30,35,.32),inset 0 0 0 1px rgba(255,255,255,.38);transform:rotate(-1deg)}.wallpaper-phone-screen{height:100%;overflow:hidden;border-radius:15px;background:#111}.wallpaper-phone-screen img{display:block;width:100%;height:100%;object-fit:cover}.wallpaper-phone-island{position:absolute;z-index:2;top:10px;left:50%;width:30%;height:11px;transform:translateX(-50%);border-radius:12px;background:#080b10}.wallpaper-monitor{position:absolute;inset:13% 8% 8%;display:flex;flex-direction:column;align-items:center}.wallpaper-monitor-screen{width:100%;height:72%;padding:7px;border:5px solid #1f2529;border-radius:7px;background:#101519;box-shadow:0 16px 25px rgba(8,30,35,.28)}.wallpaper-monitor-screen img{display:block;width:100%;height:100%;object-fit:cover}.wallpaper-monitor-neck{width:13%;height:16%;background:linear-gradient(90deg,#acb4b7,#f2f5f4,#a1aaae);box-shadow:0 4px 10px rgba(19,40,44,.16)}.wallpaper-monitor-foot{width:42%;height:5%;border-radius:999px 999px 4px 4px;background:linear-gradient(#c8d0d2,#899499);box-shadow:0 5px 10px rgba(19,40,44,.22)}.wallpaper-open{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(17,56,67,.82);color:#fff;font-size:.78rem;transition:transform .18s,background .18s}.wallpaper-card-link:hover .wallpaper-open{background:#15956b;transform:translateY(-2px)}.wallpaper-card>div{padding:13px 15px}.wallpaper-card strong,.wallpaper-card small{display:block}.wallpaper-card small{margin-top:5px;color:#789097}.wallpaper-empty{grid-column:1/-1;text-align:center;padding:80px;color:#789097}.wallpaper-empty i{display:block;font-size:3rem;margin-bottom:15px}.wallpaper-empty strong,.wallpaper-empty span{display:block}.wallpaper-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px}.wallpaper-pagination span{color:#87979a}.wallpaper-admin{padding-top:30px}.wallpaper-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.wallpaper-form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:600;color:#475569}.wallpaper-form-grid label.wide{grid-column:1/-1}.wallpaper-form-grid input,.wallpaper-form-grid select{padding:11px 13px;border:1px solid #d8e0ea;border-radius:10px;background:white;font:inherit}.wallpaper-admin-list{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.wallpaper-admin-item{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff}.wallpaper-admin-item img{width:100%;aspect-ratio:1;object-fit:cover}.wallpaper-admin-item div{padding:8px}.wallpaper-admin-item button{margin-top:7px;border:0;background:#fee2e2;color:#b91c1c;padding:5px 8px;border-radius:7px}@media(max-width:800px){.wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallpaper-hero{padding:28px 24px}.wallpaper-hero-icon{font-size:3.5rem}.wallpaper-admin-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.wallpaper-page{padding:20px 12px 56px}.wallpaper-grid{gap:10px}.wallpaper-card>div{padding:10px}.wallpaper-form-grid{grid-template-columns:1fr}.wallpaper-form-grid label.wide{grid-column:auto}.wallpaper-phone{left:20%;right:20%;top:7%;bottom:7%}.wallpaper-monitor{inset:14% 4% 8%}.wallpaper-monitor-screen{border-width:4px;padding:5px}}
.wallpaper-admin{max-width:1240px;margin:0 auto;padding:34px 20px 72px}.wallpaper-admin .admin-page-heading{margin-bottom:24px}.wallpaper-admin .admin-page-heading h1{margin:7px 0;font-size:2rem;color:#0f172a}.wallpaper-admin .admin-page-heading p{margin:0;color:#64748b}.wallpaper-admin .eyebrow{font-size:.75rem;letter-spacing:.16em;color:#b7791f;font-weight:800}.wallpaper-admin .admin-panel{padding:26px;margin-bottom:22px;border:1px solid rgba(148,163,184,.22);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 16px 40px rgba(15,23,42,.07)}.wallpaper-admin .admin-panel h2{margin:0 0 18px;font-size:1.15rem;color:#0f172a}.wallpaper-admin .wallpaper-form-grid label{font-size:.88rem}.wallpaper-admin .wallpaper-form-grid input[type=file]{padding:10px;background:#f8fafc}.wallpaper-admin .btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;cursor:pointer;font-weight:700}.wallpaper-admin .btn-primary{background:#f5bf60;color:#172033;box-shadow:0 8px 18px rgba(245,191,96,.25)}#wallpaperUploadMessage{margin-left:14px;color:#16875f;font-size:.9rem}.wallpaper-admin-list{grid-template-columns:repeat(6,minmax(0,1fr))}.wallpaper-admin-item strong,.wallpaper-admin-item small{display:block}.wallpaper-admin-item small{margin-top:4px;color:#64748b}.wallpaper-admin-item button{cursor:pointer}.wallpaper-admin-item button:hover{background:#fecaca}@media(max-width:1000px){.wallpaper-admin-list{grid-template-columns:repeat(4,1fr)}}
.wallpaper-site-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:10px 2px}.wallpaper-brand{display:flex;align-items:center;gap:10px;color:#142936;text-decoration:none}.wallpaper-brand img{width:42px;height:42px;border-radius:13px}.wallpaper-brand strong{font-size:1.15rem}.wallpaper-site-header nav{display:flex;gap:8px}.wallpaper-site-header nav a{padding:9px 14px;border-radius:10px;color:#607985;text-decoration:none;font-weight:700}.wallpaper-site-header nav a:hover,.wallpaper-site-header nav a.is-active{background:#e7f7f0;color:#16875f}.wallpaper-mobile-nav{display:none}@media(max-width:700px){.wallpaper-site-header nav{display:none}.wallpaper-page{padding-bottom:92px}.wallpaper-mobile-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);min-height:64px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #dbe3ee;background:#fff;box-shadow:0 -8px 24px rgba(15,23,42,.08)}.wallpaper-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#64748b;font-size:.68rem;font-weight:800;text-decoration:none}.wallpaper-mobile-nav a i{font-size:1rem}.wallpaper-mobile-nav a.is-active{color:#15956b}}
.wallpaper-brand img{display:block!important;width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;min-width:42px!important;min-height:42px!important;object-fit:contain!important;flex:0 0 42px!important}

/* Mobile layout: keep the first screen compact and prevent a lone card from
   looking lost in a half-width grid. */
@media (max-width:700px){
  .wallpaper-page{padding:14px 12px 92px}
  .wallpaper-site-header{margin:0 4px 16px;padding:4px 0}
  .wallpaper-brand{gap:9px}
  .wallpaper-brand strong{font-size:1rem}
  .wallpaper-hero{padding:24px 22px 25px;border-radius:24px;gap:12px}
  .wallpaper-hero h1{margin:10px 0 12px;font-size:clamp(1.8rem,8vw,2.35rem);line-height:1.28;letter-spacing:-.04em}
  .wallpaper-hero p{font-size:.86rem;line-height:1.65}
  .wallpaper-hero-icon{flex:0 0 auto;font-size:2.7rem}
  .wallpaper-tabs,.wallpaper-categories{gap:8px;margin:16px 0 10px}
  .wallpaper-tabs a,.wallpaper-categories a{padding:9px 16px;font-size:.86rem}
  .wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
  .wallpaper-card{border-radius:14px;box-shadow:0 5px 16px rgba(28,70,75,.07)}
  .wallpaper-card>a{aspect-ratio:3/4}
  .wallpaper-open{right:8px;bottom:8px;padding:6px 8px;font-size:.7rem}
  .wallpaper-card>div{padding:9px 10px 11px}
  .wallpaper-card strong{font-size:.86rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wallpaper-card small{margin-top:4px;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wallpaper-pagination{gap:6px;margin-top:24px;flex-wrap:wrap}
  .wallpaper-pagination a{padding:8px 12px;font-size:.82rem}
  .wallpaper-grid-single{grid-template-columns:1fr}
  .wallpaper-grid-single .wallpaper-card{display:block;max-width:none}
  .wallpaper-grid-single .wallpaper-card>a{height:auto;min-height:0}
  .wallpaper-grid-single .wallpaper-stage{aspect-ratio:4/3;min-height:230px}
  .wallpaper-grid-single .wallpaper-phone{left:34%;right:34%;top:7%;bottom:7%}
  .wallpaper-grid-single .wallpaper-monitor{inset:12% 14% 8%}
  .wallpaper-grid-single .wallpaper-card>div{display:block;padding:12px 14px 14px}
}

@media (max-width:380px){
  .wallpaper-hero{padding:21px 18px 22px}
  .wallpaper-hero h1{font-size:1.75rem}
  .wallpaper-hero-icon{font-size:2.2rem}
  .wallpaper-tabs a,.wallpaper-categories a{padding:8px 13px}
}

.wallpaper-form-help{display:block;margin-top:6px;color:#8795a6;font-size:.78rem;font-weight:400}
.wallpaper-upload-progress{margin:0 0 14px;padding:12px 14px;border:1px solid #d8ece4;border-radius:12px;background:#f3fbf7}
.wallpaper-progress-track{height:9px;overflow:hidden;border-radius:999px;background:#dcebe5}
.wallpaper-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16a276,#5bc98e);transition:width .16s ease}
.wallpaper-progress-meta{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:#16875f;font-size:.82rem}
.wallpaper-admin .btn:disabled{cursor:wait;opacity:.65}
.wallpaper-admin-tags{color:#16875f!important;line-height:1.5}
.wallpaper-card-tags{color:#16875f!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wallpaper-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px;color:#789097;font-size:.85rem}
.wallpaper-tags a{padding:6px 12px;border:1px solid #dce7e4;border-radius:999px;color:#527078;text-decoration:none;background:#fff}
.wallpaper-tags a.is-active{background:#e7f7f0;color:#16875f;border-color:#9cdbc1}
.wallpaper-tag-choices{display:flex;gap:8px;flex-wrap:wrap;min-height:22px;margin-top:2px}
.wallpaper-tag-choice{border:1px solid #d8e4e2;border-radius:999px;padding:7px 12px;background:#fff;color:#527078;font-size:.82rem;cursor:pointer}
.wallpaper-tag-choice:hover{border-color:#76c9a3;color:#16875f}
.wallpaper-tag-choice.is-selected{border-color:#15956b;background:#e7f7f0;color:#16875f;box-shadow:0 0 0 2px rgba(21,149,107,.08)}
.wallpaper-tag-empty{color:#94a3b8;font-size:.84rem}
.wallpaper-tag-create{display:flex;gap:8px;align-items:center;margin-top:9px}
.wallpaper-tag-create input{flex:1;min-width:0}
.wallpaper-admin .btn-secondary{border:1px solid #d8e4e2;background:#f7fbfa;color:#16875f;padding:9px 13px}
.wallpaper-admin .btn-secondary:hover{background:#e7f7f0}
.wallpaper-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.wallpaper-panel-heading h2{margin-bottom:5px!important}
.wallpaper-panel-heading p{margin:0;color:#64748b;font-size:.85rem}
.wallpaper-tag-count{color:#16875f;font-size:.85rem;white-space:nowrap}
.wallpaper-tag-library{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.wallpaper-tag-library-item{display:inline-flex;align-items:center;gap:3px;border:1px solid #d8e4e2;border-radius:999px;padding:4px 5px 4px 12px;background:#fff;color:#365b63;font-size:.85rem}
.wallpaper-tag-library-item button{width:25px;height:25px;border:0;border-radius:50%;background:transparent;color:#94a3b8;cursor:pointer}
.wallpaper-tag-library-item button:hover{background:#e7f7f0;color:#16875f}
.wallpaper-admin-actions{display:flex;gap:7px;align-items:center;margin-top:7px}
.wallpaper-admin-item .wallpaper-admin-actions button{margin-top:0;cursor:pointer}
.wallpaper-admin-item .wallpaper-edit-button{border:1px solid #bfe8d3;background:#effaf4;color:#16845e}
.wallpaper-edit-modal{position:fixed;z-index:1200;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,31,43,.45);backdrop-filter:blur(5px)}
.wallpaper-edit-modal[hidden]{display:none}
.wallpaper-edit-dialog{width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:24px;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(20,47,63,.24)}
.wallpaper-edit-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.wallpaper-edit-heading h2{margin:0;color:#153340}
.wallpaper-edit-close{width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f5;color:#557078;cursor:pointer}
.wallpaper-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
#wallpaperEditMessage{min-height:20px;margin:10px 0 0;color:#c2410c}
@media(max-width:560px){.wallpaper-edit-dialog{padding:18px}.wallpaper-edit-actions{position:sticky;bottom:0;padding-top:12px;background:#fff}}
@media(max-width:560px){.wallpaper-panel-heading{display:block}.wallpaper-tag-count{display:block;margin-top:8px}.wallpaper-tag-create{align-items:stretch}.wallpaper-tag-create .btn{white-space:nowrap}}

/* Final override: the monitor face must stay widescreen after gallery styles. */
.wallpaper-stage-desktop .wallpaper-monitor-screen,
.wallpaper-grid-single .wallpaper-monitor-screen{height:auto!important;aspect-ratio:16 / 9;flex:0 0 auto}

/* Universal wallpapers use the monitor model on the computer tab too. */
.wallpaper-monitor-screen{height:auto!important;aspect-ratio:16 / 9!important;flex:0 0 auto!important}
.wallpaper-monitor-screen{border-width:1px!important;padding:2px!important;border-radius:4px}

/* Public wallpaper card polish: keep actions outside the artwork and make
   custom tags visibly tappable. */
.wallpaper-card-link{aspect-ratio:auto!important}
.wallpaper-card-info{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:13px 15px 15px!important}
.wallpaper-card-copy strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#153340;font-size:.98rem}
.wallpaper-card-copy small{display:block;margin-top:4px;color:#789097;font-size:.82rem}
.wallpaper-card-tags{display:flex;flex-wrap:wrap;gap:6px;max-width:100%;white-space:normal;overflow:visible}
.wallpaper-card-tag{display:inline-flex;align-items:center;min-height:25px;padding:4px 10px;border:1px solid #c9eadb;border-radius:999px;background:linear-gradient(135deg,#effaf4,#e4f5ec);color:#16845e;font-size:.75rem;font-weight:750;line-height:1.2;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s}
.wallpaper-card-tag:hover{transform:translateY(-1px);border-color:#6dc59b;background:#d9f2e5;color:#08734e}
.wallpaper-card-tag.is-active{border-color:#11845f;background:linear-gradient(135deg,#15956b,#0b7859);color:#fff;box-shadow:0 3px 9px rgba(21,149,107,.22)}
.wallpaper-tags a{font-weight:650}
.wallpaper-tags a.is-active{border-color:#0b7859;background:linear-gradient(135deg,#15956b,#0b7859);color:#fff;box-shadow:0 4px 11px rgba(21,149,107,.2)}
.wallpaper-card-info .wallpaper-open{position:static;right:auto;bottom:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;margin-top:2px;padding:9px 14px;border:1px solid #bee8d2;border-radius:12px;background:#ecf9f2;color:#117d59;font-size:.82rem;font-weight:800;text-decoration:none;box-shadow:0 3px 10px rgba(31,116,83,.07)}
.wallpaper-card-info .wallpaper-open:hover{transform:translateY(-1px);border-color:#79cda3;background:#dff4e8;color:#096a4b}
.wallpaper-stage{display:flex;align-items:center;justify-content:center}
.wallpaper-phone{top:6%;bottom:6%;left:25%;right:25%;padding:5px;border:1px solid rgba(255,255,255,.75);border-radius:30px;background:linear-gradient(135deg,#f8fafc 0%,#bcc5d1 8%,#333d4a 19%,#111720 52%,#788391 90%,#f7f9fb 100%);box-shadow:0 22px 38px rgba(13,28,45,.36),inset 0 0 0 1px rgba(18,26,37,.9),inset 0 0 0 3px rgba(230,237,245,.22);transform:rotate(-.7deg)}
.wallpaper-phone-volume,.wallpaper-phone-power{position:absolute;z-index:1;width:3px;border-radius:3px;background:linear-gradient(90deg,#303946,#b2bbc6,#5b6674);box-shadow:0 0 1px rgba(255,255,255,.75)}
.wallpaper-phone-volume{left:-4px;top:19%;height:8%;box-shadow:0 0 1px rgba(255,255,255,.75),0 34px 0 -0.1px #7d8793}
.wallpaper-phone-power{right:-4px;top:25%;height:16%}
.wallpaper-phone-screen{position:relative;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:25px;background:#0c1119;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6)}
.wallpaper-phone-screen img{width:100%;height:100%;object-fit:cover}
.wallpaper-phone-island{position:absolute;z-index:3;top:8px;left:50%;display:flex;align-items:center;justify-content:flex-end;width:37%;height:12px;padding-right:5px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.05);border-radius:999px;background:#030507;box-shadow:0 1px 2px rgba(0,0,0,.55)}
.wallpaper-phone-island i{display:block;width:4px;height:4px;border-radius:50%;background:#182842;box-shadow:0 0 3px #3979d6}
.wallpaper-phone-home-indicator{position:absolute;z-index:3;bottom:5px;left:50%;width:34%;height:3px;transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(0,0,0,.35)}
.wallpaper-stage-mobile{background:linear-gradient(145deg,#eef0f8,#e0e8f2)}
@media(max-width:700px){
  .wallpaper-card-link{aspect-ratio:auto!important}
  .wallpaper-stage{aspect-ratio:4/5;min-height:0}
  .wallpaper-phone{left:23%;right:23%;top:5%;bottom:5%;border-radius:28px}
  .wallpaper-phone-screen{border-radius:23px}
  .wallpaper-phone-island{top:7px;height:10px}
  .wallpaper-phone-home-indicator{bottom:4px;height:2px}
  .wallpaper-card-info{gap:8px;padding:11px 12px 13px!important}
  .wallpaper-card-copy strong{font-size:.9rem}
  .wallpaper-card-tag{min-height:24px;padding:4px 9px;font-size:.72rem}
  .wallpaper-card-info .wallpaper-open{width:100%;min-height:36px;margin-top:1px;padding:8px 12px}
  .wallpaper-grid-single .wallpaper-stage{aspect-ratio:3/4;min-height:0}
  .wallpaper-grid-single .wallpaper-phone{left:24%;right:24%;top:7%;bottom:7%}
}

/* Reference-style portrait showcases for a single wallpaper. */
.wallpaper-stage-mobile{background:
  radial-gradient(circle at 22% 18%,rgba(168,213,241,.82),transparent 38%),
  radial-gradient(circle at 82% 35%,rgba(221,190,238,.72),transparent 42%),
  radial-gradient(circle at 55% 92%,rgba(237,169,190,.65),transparent 45%),
  linear-gradient(160deg,#b9d8ef 0%,#c9c7e8 48%,#edc7d5 100%)}
.wallpaper-stage-desktop{background:
  radial-gradient(circle at 23% 18%,rgba(149,172,188,.7),transparent 40%),
  radial-gradient(circle at 78% 52%,rgba(206,200,207,.66),transparent 44%),
  linear-gradient(160deg,#8295a3 0%,#9ea9b3 52%,#c7c9c9 100%)}
.wallpaper-grid-single .wallpaper-stage{aspect-ratio:3/4;min-height:0}
.wallpaper-grid-single .wallpaper-phone{left:24%;right:24%;top:7%;bottom:7%;border-radius:34px}
.wallpaper-grid-single .wallpaper-monitor{inset:18% 7% 12%}
.wallpaper-grid-single .wallpaper-monitor-screen{height:67%;border-width:6px;padding:7px;border-radius:5px}
.wallpaper-grid-single .wallpaper-monitor-neck{height:18%;width:17%}
.wallpaper-grid-single .wallpaper-monitor-foot{width:48%;height:5%}
.wallpaper-phone::after{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.25),transparent 18%,transparent 68%,rgba(255,255,255,.12));mix-blend-mode:screen}
.wallpaper-phone-screen::after{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.16),transparent 25%,transparent 70%,rgba(0,0,0,.1))}
.wallpaper-monitor-screen{position:relative;border-color:#111820;box-shadow:0 18px 30px rgba(18,28,38,.34),inset 0 0 0 1px rgba(255,255,255,.2)}
.wallpaper-monitor-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,rgba(255,255,255,.1),transparent 25%,transparent 72%,rgba(0,0,0,.2))}

/* Phone mockup: one continuous metal rim, a narrow black bezel and an inset display. */
.wallpaper-phone{
  top:6%;bottom:6%;left:25%;right:25%;box-sizing:border-box;padding:0;
  border:1px solid #bea980;border-radius:11% / 5.5%;
  background:#07090c;overflow:visible;transform:none;
  box-shadow:0 0 0 1px #28252a,0 16px 27px rgba(7,14,24,.3)
}
.wallpaper-phone::before,.wallpaper-phone::after{content:none}
.wallpaper-phone-screen{
  position:absolute;inset:3px;box-sizing:border-box;width:auto;height:auto;
  overflow:hidden;border:0;border-radius:9% / 4.5%;
  background:#080a0d;box-shadow:none
}
.wallpaper-phone-screen::after{content:none}
.wallpaper-phone-screen img{display:block;width:100%;height:100%;object-fit:cover}
.wallpaper-phone-island{
  top:2.5%;width:30%;height:4%;min-height:0;max-height:none;padding-right:4px;
  border:0;border-radius:999px;background:#020305;
  box-shadow:0 1px 2px rgba(0,0,0,.45)
}
.wallpaper-phone-island i{width:4px;height:4px;background:#101726;box-shadow:0 0 2px #31527f}
.wallpaper-phone-volume,.wallpaper-phone-power{
  width:2px;background:linear-gradient(90deg,#615340,#bda981,#514536);
  border-radius:2px;box-shadow:0 0 1px rgba(13,11,10,.5)
}
.wallpaper-phone-volume{left:-3px;top:19%;height:8%;box-shadow:0 0 1px rgba(13,11,10,.5),0 28px 0 -0.1px #8c7959}
.wallpaper-phone-power{right:-3px;top:25%;height:13%}
.wallpaper-phone-home-indicator{display:none}
.wallpaper-grid-single .wallpaper-stage{aspect-ratio:3/4;min-height:0}
.wallpaper-grid-single .wallpaper-phone{left:29%;right:29%;top:18%;bottom:18%;border-radius:11% / 5.5%}
.wallpaper-stage-mobile{background:
  radial-gradient(circle at 14% 14%,rgba(185,218,244,.9),transparent 42%),
  radial-gradient(circle at 84% 18%,rgba(185,176,226,.84),transparent 46%),
  radial-gradient(circle at 50% 100%,rgba(238,181,191,.78),transparent 62%),
  linear-gradient(160deg,#aacbe8 0%,#a3a4d2 53%,#e8b1bb 100%)}
@media(max-width:700px){
  .wallpaper-phone{left:23%;right:23%;top:6%;bottom:6%;border-radius:11% / 5.5%}
  .wallpaper-grid-single .wallpaper-phone{left:29%;right:29%;top:18%;bottom:18%;border-radius:11% / 5.5%}
}

/* Desktop wallpaper mockup: wide display proportions with a slim bezel. */
.wallpaper-stage-desktop .wallpaper-monitor-screen{
  height:auto;aspect-ratio:16 / 9;flex:0 0 auto;
  border-width:2px;padding:3px;border-radius:4px
}
.wallpaper-grid-single .wallpaper-monitor-screen{
  height:auto;aspect-ratio:16 / 9;flex:0 0 auto;
  border-width:2px;padding:3px;border-radius:4px
}
@media(max-width:700px){
  .wallpaper-stage-desktop .wallpaper-monitor-screen,
  .wallpaper-grid-single .wallpaper-monitor-screen{border-width:2px;padding:3px}
}

/* Gallery presentation: give the artwork the visual priority on this page. */
.wallpaper-page{max-width:1320px;padding:28px 24px 84px}
.wallpaper-site-header{margin-bottom:18px;padding:7px 2px}
.wallpaper-hero{position:relative;overflow:hidden;padding:34px 40px;border:1px solid rgba(255,255,255,.72);border-radius:30px;background:
  radial-gradient(circle at 88% 20%,rgba(180,219,247,.62),transparent 32%),
  radial-gradient(circle at 20% 95%,rgba(241,198,211,.5),transparent 38%),
  linear-gradient(125deg,#eaf5f1 0%,#eef3ff 58%,#f3ecf5 100%);box-shadow:0 16px 38px rgba(43,71,93,.08),inset 0 1px 0 rgba(255,255,255,.75)}
.wallpaper-hero h1{margin:10px 0 9px;font-size:clamp(2rem,3.4vw,3.05rem);letter-spacing:-.045em}
.wallpaper-hero p{max-width:620px;line-height:1.7}
.wallpaper-hero-icon{font-size:5.4rem;filter:drop-shadow(0 10px 16px rgba(97,171,159,.16))}
.wallpaper-tabs,.wallpaper-categories{gap:9px;margin:18px 0 9px}
.wallpaper-tags{gap:8px;margin:8px 0 14px}
.wallpaper-tabs a,.wallpaper-categories a,.wallpaper-tags a{padding:9px 16px;border-color:#dbe7e5;background:rgba(255,255,255,.78);box-shadow:0 3px 10px rgba(40,82,93,.04)}
.wallpaper-tabs a.is-active,.wallpaper-categories a.is-active,.wallpaper-tags a.is-active{box-shadow:0 6px 14px rgba(21,149,107,.18)}
.wallpaper-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:20px}
.wallpaper-card{border:1px solid rgba(216,228,229,.9);border-radius:22px;box-shadow:0 12px 32px rgba(28,70,75,.09);transition:transform .2s ease,box-shadow .2s ease}
.wallpaper-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(28,70,75,.14)}
.wallpaper-card-link{padding:8px 8px 0}
.wallpaper-stage{aspect-ratio:4/5;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);transition:box-shadow .2s ease}
.wallpaper-card:hover .wallpaper-stage{box-shadow:inset 0 0 0 1px rgba(255,255,255,.56),0 5px 14px rgba(31,79,88,.1)}
.wallpaper-card-visual{position:relative}
.wallpaper-card-visual .wallpaper-open{z-index:8;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:5px;min-height:0;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(20,34,40,.48);color:rgba(255,255,255,.9);font-size:.7rem;font-weight:600;line-height:1;box-shadow:none;backdrop-filter:blur(5px);opacity:.78;pointer-events:none}
.wallpaper-card-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px;padding:13px 16px 16px!important}
.wallpaper-card-copy{min-width:0}
.wallpaper-card-tags{grid-column:1/-1}
.wallpaper-card-info .wallpaper-open{grid-column:2;grid-row:1;width:auto;min-height:34px;margin:0;padding:8px 12px;border-radius:11px}
.wallpaper-pagination{margin-top:30px}
@media(max-width:1000px){.wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .wallpaper-page{padding:14px 12px 92px}
  .wallpaper-hero{padding:25px 22px 26px;border-radius:25px}
  .wallpaper-hero-icon{font-size:2.7rem}
  .wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:16px}
  .wallpaper-card{border-radius:16px}
  .wallpaper-card-link{padding:5px 5px 0}
  .wallpaper-stage{border-radius:12px}
  .wallpaper-card-info{display:flex;gap:7px;padding:10px 11px 12px!important}
  .wallpaper-card-visual .wallpaper-open{right:8px;bottom:8px;padding:4px 7px;font-size:.66rem}
}

/* A single filtered result should remain a compact gallery card. */
.wallpaper-grid-single{grid-template-columns:minmax(0,380px);justify-content:start}
.wallpaper-grid-single .wallpaper-card{max-width:380px}
@media(max-width:700px){
  .wallpaper-grid-single{grid-template-columns:minmax(0,1fr)}
  .wallpaper-grid-single .wallpaper-card{max-width:none}
}

/* Keep the subtle hint inside the wallpaper preview, including the link inset. */
.wallpaper-card-link{position:relative}
.wallpaper-card-link .wallpaper-open{right:20px;bottom:12px}
@media(max-width:700px){
  .wallpaper-card-link .wallpaper-open{right:16px;bottom:8px}
}


/* A universal wallpaper keeps the artwork neutral so it works on either device. */
.wallpaper-universal-frame{position:absolute;inset:14% 8%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(25,37,45,.72);border-radius:14px;background:#18242c;box-shadow:0 15px 28px rgba(8,30,35,.25)}
.wallpaper-universal-frame img{display:block;width:100%;height:100%;object-fit:contain;background:#101820}
.wallpaper-load-more{display:none;align-items:center;justify-content:center;gap:8px;min-height:42px;margin:18px auto 0;color:#789097;font-size:.82rem}
.wallpaper-load-more i{display:none;color:#15956b}
.wallpaper-load-more.is-loading i{display:inline-block}
.wallpaper-sort{display:flex;align-items:center;gap:8px;margin:10px 0 0;color:#789097;font-size:.82rem}
.wallpaper-sort a{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:1px solid #dce7e4;border-radius:999px;background:#fff;color:#527078;text-decoration:none}
.wallpaper-sort a.is-active{border-color:#15956b;background:#e7f7f0;color:#16875f;font-weight:700}
.wallpaper-card-copy small i{color:#e69a2e}

/* Mobile gallery polish: keep the first screen compact and easy to scroll. */
@media(max-width:700px){
  .wallpaper-page{padding:12px 12px calc(96px + env(safe-area-inset-bottom));scroll-padding-bottom:96px}
  .wallpaper-site-header{margin-bottom:12px;padding:4px 2px}
  .wallpaper-site-header nav{gap:12px}
  .wallpaper-site-header nav a{font-size:.78rem}
  .wallpaper-hero{padding:20px 18px 21px;border-radius:23px}
  .wallpaper-hero h1{font-size:1.65rem;line-height:1.35;letter-spacing:-.035em}
  .wallpaper-hero p{font-size:.78rem;line-height:1.65}
  .wallpaper-tabs,.wallpaper-categories,.wallpaper-tags{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:2px}
  .wallpaper-tabs::-webkit-scrollbar,.wallpaper-categories::-webkit-scrollbar,.wallpaper-tags::-webkit-scrollbar{display:none}
  .wallpaper-tabs a,.wallpaper-categories a,.wallpaper-tags a{flex:0 0 auto;padding:8px 13px;font-size:.82rem}
  .wallpaper-tags>span{flex:0 0 auto;font-size:.82rem}
  .wallpaper-sort{overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .wallpaper-sort::-webkit-scrollbar{display:none}
  .wallpaper-grid{gap:10px;margin-top:14px}
  .wallpaper-card-info{padding:9px 10px 11px!important}
  .wallpaper-card-copy strong{font-size:.86rem}
  .wallpaper-card-copy small{font-size:.73rem}
  .wallpaper-grid-single .wallpaper-stage{aspect-ratio:1/1.05}
  .wallpaper-grid-single .wallpaper-phone{top:10%;bottom:10%;left:31%;right:31%}
  .wallpaper-grid-single .wallpaper-monitor{inset:19% 8% 12%}
  .wallpaper-pagination{display:none}
  .wallpaper-load-more{display:flex}
}

/* Final override: the monitor face must stay widescreen after gallery styles. */
.wallpaper-stage-desktop .wallpaper-monitor-screen,
.wallpaper-grid-single .wallpaper-monitor-screen{height:auto!important;aspect-ratio:16 / 9;flex:0 0 auto}