.login-page{min-height:100vh;display:grid;place-items:center;padding:36px 20px;background:radial-gradient(ellipse at 70% 0,var(--campaign-29422b55,#29422b55),transparent 65%),var(--bg)}
.login-shell{width:min(100%,490px)}.login-shell>.brand{margin-bottom:48px}.login-shell>.eyebrow{margin-bottom:15px}.login-panel{margin-top:28px}.login-panel label:first-child{margin-top:0}.login-panel button{margin-top:22px}.login-panel .notice{margin-top:20px}.login-shell .guest-footer{text-align:center}
.web-account-label{font-size:.78rem;color:var(--muted)}.web-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.web-toolbar input{flex:1;min-width:190px}.web-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.web-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}.web-card-image{height:115px;background:linear-gradient(135deg,var(--campaign-344b32,#344b32),var(--campaign-1d3334,#1d3334));display:grid;place-items:center;font-size:2rem;color:var(--accent)}.web-card-image img{width:100%;height:100%;object-fit:cover}.web-card-body{padding:18px}.web-card-body>p{color:var(--muted);margin:9px 0;font-size:.85rem;overflow-wrap:anywhere}.web-card-body h2{font-size:1.1rem}.web-card-body .row{flex-wrap:wrap;margin-top:15px}.web-card-body .row button{font-size:.8rem}.web-section{max-width:960px}.web-section .panel{margin-top:20px}.web-section h2{margin-bottom:12px}.web-section p{overflow-wrap:anywhere}.web-account-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid var(--line)}.web-account-row .row{flex-wrap:wrap}.web-account-row p{font-size:.82rem;color:var(--muted);margin-top:4px}.web-steps{padding-left:24px;line-height:1.8;color:var(--muted)}.web-steps li{padding-left:8px;margin:12px 0}.web-preview-list{max-height:320px;overflow:auto;border-block:1px solid var(--line);padding:12px 0;margin:16px 0}.web-preview-list p{margin:8px 0}.web-preview-list small{color:var(--muted)}.web-help-status{margin-top:18px}.web-share-summary{white-space:pre-wrap}.web-note{font-size:.82rem;color:var(--muted);margin-top:14px}.web-mode #kind-filters{display:none!important}.web-mode .kind-icon{color:var(--accent)}.web-mode .sidebar-bottom .row{flex-wrap:wrap}
@media(max-width:730px){.web-account-row{align-items:flex-start;flex-direction:column}.web-grid{grid-template-columns:1fr}.login-shell>.brand{margin-bottom:30px}}
.web-sharing-filters { align-items: end; flex-wrap: wrap; gap: 12px; margin: 12px 0; }
.web-sharing-filters label { display: flex; flex-direction: column; gap: 5px; min-width: 140px; }
.web-sharing-filters .check-label { flex-direction: row; align-items: center; min-height: 40px; }
.web-share-options { display: grid; gap: 8px; margin-block: 16px; }
.web-share-options fieldset { border: 1px solid var(--line, #777); border-radius: 8px; padding: 12px; }
.web-preview-item p { white-space: pre-wrap; overflow-wrap: anywhere; }
.web-preview-item a { overflow-wrap: anywhere; }
.web-color-preview { display: inline-block; border-left: 18px solid; padding-left: 8px; }
#web-detail-body details { margin-block: 16px; }
#web-detail-body summary { cursor: pointer; padding-block: 10px; }
@media (max-width: 760px) {
  #view-shared .view-heading { display: flex; flex-direction: column; align-items: stretch; }
  #view-shared .view-heading > div { width: 100%; min-width: 0; }
  #view-shared .view-heading h1 { font-size: 25px; overflow-wrap: normal; word-break: normal; }
  #view-shared .web-toolbar { flex-direction: column; align-items: stretch; }
  #view-shared .web-toolbar > * { width: 100%; min-width: 0; }
  #web-share-dialog, #web-detail-dialog { width: calc(100vw - 24px); padding: 16px; }
}