:root{--upload-ink:#182019;--upload-muted:#6f796c;--upload-line:#dfe6dc;--upload-lime:#c7f04c}
body[data-page="upload"]{min-height:100dvh;padding:0!important;overflow:auto!important;background:radial-gradient(circle at 12% 5%,rgba(199,240,76,.2),transparent 27%),radial-gradient(circle at 92% 18%,rgba(83,112,236,.12),transparent 26%),#f3f6f1}
body[data-page="upload"].modal-open{overflow:auto!important}
body[data-page="upload"]>.topbar{position:sticky;top:0;z-index:60;height:72px!important;border-bottom:1px solid rgba(218,226,215,.88);background:rgba(251,253,249,.9)!important;box-shadow:0 8px 32px rgba(38,49,35,.06)!important;backdrop-filter:blur(18px)}
body[data-page="upload"]>.topbar .logo{pointer-events:auto}
body[data-page="upload"]>.topbar nav,
body[data-page="upload"]>.topbar .upload-button{display:none!important}
body[data-page="upload"]>main,
body[data-page="upload"]>#photoModal,
body[data-page="upload"]>.mobile-nav,
body[data-page="upload"]>.search-panel{display:none!important}
body[data-page="upload"]>#modal.modal{position:relative;inset:auto;z-index:1!important;display:block!important;min-height:calc(100dvh - 72px);padding:42px 24px 96px;background:transparent;overflow:visible}
body[data-page="upload"]>#authModal.auth-modal{z-index:120;align-items:center;padding:12px;background:rgba(24,32,24,.72);overflow:auto;overscroll-behavior:contain}
body[data-page="upload"]>#authModal .auth-dialog{margin:auto;box-shadow:0 28px 90px rgba(10,18,10,.34)}
body[data-page="upload"]>#modal>.upload-dialog{position:relative;width:min(1040px,100%);max-height:none!important;margin:0 auto;padding:38px 42px 42px;overflow:visible!important;border:1px solid rgba(216,226,212,.92);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 30px 90px rgba(31,44,29,.14);text-align:left;backdrop-filter:blur(12px)}
body[data-page="upload"] .upload-dialog::before{content:"PUBLISH STUDIO";position:absolute;right:42px;top:42px;color:#a1aaa0;font-size:9px;font-weight:800;letter-spacing:.2em}
body[data-page="upload"] .upload-dialog-heading{max-width:680px;padding-right:90px}
body[data-page="upload"] .upload-dialog-heading .logo-mark{width:42px;height:42px;border-radius:13px}
body[data-page="upload"] .upload-dialog h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.05em}
body[data-page="upload"] .upload-intro{max-width:650px;margin:12px 0 0!important;color:var(--upload-muted)!important;font-size:14px!important}
body[data-page="upload"] #closeModal{position:absolute;z-index:4;top:-18px;left:-18px;right:auto;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #dce4d9;border-radius:50%;background:#fff;color:#334030;font-size:19px;box-shadow:0 10px 26px rgba(32,45,30,.13);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
body[data-page="upload"] #closeModal:hover{transform:translateX(-2px);box-shadow:0 13px 30px rgba(32,45,30,.18)}
body[data-page="upload"] .upload-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:30px}
body[data-page="upload"] .upload-form>label{font-size:12px}
body[data-page="upload"] .upload-form input,
body[data-page="upload"] .upload-form select,
body[data-page="upload"] .upload-form textarea{min-height:46px;border-radius:12px;padding:12px 14px;background:#fcfdfb;font-size:14px}
body[data-page="upload"] .upload-form textarea{min-height:104px;max-height:none}
body[data-page="upload"] .upload-source{padding:5px;border-radius:14px}
body[data-page="upload"] .upload-source button{min-height:44px;border-radius:10px}
.pdf-guide-import{display:grid;gap:16px;margin:24px 0 6px;padding:22px;border:1px solid #d9e3d5;border-radius:20px;background:linear-gradient(145deg,#f9fcf4,#f1f7e8);box-shadow:0 18px 45px #2633220d}.pdf-import-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.pdf-import-heading span{color:#739324;font-size:9px;font-weight:800;letter-spacing:.15em}.pdf-import-heading h3{margin:5px 0 4px;font-size:20px}.pdf-import-heading p{margin:0;color:#6d786a;font-size:11px;line-height:1.65}.pdf-import-heading a{flex:none;padding:9px 13px;border:1px solid #c9d9bd;border-radius:999px;background:#fff;color:#42513e;font-size:11px;font-weight:750;text-decoration:none}.pdf-import-drop{display:flex!important;align-items:center;gap:12px;min-height:82px;padding:15px!important;border:1px dashed #9db58a;border-radius:15px;background:#fff;cursor:pointer}.pdf-import-drop input{position:absolute;width:1px!important;height:1px!important;opacity:0}.pdf-import-drop>span{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#18201a;color:#c7f04c;font-size:10px;font-weight:850}.pdf-import-drop strong{font-size:14px}.pdf-import-drop small{margin-left:auto;color:#7d8879;font-size:10px}.pdf-import-progress{min-height:18px;color:#657260;font-size:11px}.pdf-import-progress[data-tone=loading]{color:#55751b}.pdf-import-progress[data-tone=error]{color:#a44941}.pdf-import-progress[data-tone=success]{color:#4d741e}.pdf-import-preview{display:grid;gap:13px}.pdf-import-preview[hidden]{display:none}.pdf-import-stats{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:8px}.pdf-import-stats>div{display:grid;gap:3px;padding:10px;border:1px solid #dfe7da;border-radius:11px;background:#fff}.pdf-import-stats small{color:#7b8678;font-size:8px}.pdf-import-stats strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.pdf-import-warnings{display:grid;gap:5px}.pdf-import-warnings p{margin:0;padding:8px 10px;border-radius:9px;background:#fff0ed;color:#99463f;font-size:10px}.pdf-import-warnings p.is-success{background:#edf7df;color:#517426}.pdf-import-images{display:flex;gap:8px;overflow-x:auto}.pdf-import-images figure{flex:0 0 105px;margin:0}.pdf-import-images img{width:105px;height:78px;display:block;border-radius:10px;background:#e6ece2;object-fit:cover}.pdf-import-images figcaption{margin-top:4px;color:#758071;font-size:8px}.pdf-import-actions{display:flex;justify-content:flex-end;gap:9px}.pdf-import-actions button{min-height:40px;padding:0 15px;border:1px solid #cad6c3;border-radius:11px;background:#fff;font:700 11px inherit;cursor:pointer}.pdf-import-actions .primary{border-color:#18201a;background:#18201a;color:#fff}
body[data-page="upload"] .file-drop{min-height:190px!important;border-radius:18px!important}
body[data-page="upload"] .file-drop-icon{width:44px;height:44px;border-radius:13px;font-size:23px}
body[data-page="upload"] .upload-preview{height:clamp(230px,38vw,460px)!important;border-radius:18px}
body[data-page="upload"] .upload-preview img{object-fit:contain!important}
body[data-page="upload"] .upload-saved-images,
body[data-page="upload"] .guide-fields,
body[data-page="upload"] .publishing-metadata{border-radius:18px!important;padding:20px!important}
body[data-page="upload"] .upload-submit{position:sticky!important;z-index:8;bottom:18px;min-height:56px;margin-top:8px!important;border:4px solid #fff!important;border-radius:15px!important;background:var(--upload-ink);box-shadow:0 16px 38px rgba(25,36,25,.22)}
body[data-page="upload"] .upload-submit:focus-visible{outline:3px solid rgba(145,181,45,.4);outline-offset:3px}
body[data-page="upload"] footer.site-footer{background:transparent}
@media(max-width:760px){
  body[data-page="upload"]>.topbar{height:64px!important;padding:0 16px!important}
  body[data-page="upload"]>.topbar .logo{font-size:20px}
  body[data-page="upload"]>.topbar .actions>*:not(.avatar){display:none!important}
  body[data-page="upload"]>#modal.modal{min-height:calc(100dvh - 64px);padding:14px 10px 58px}
  body[data-page="upload"]>#modal>.upload-dialog{padding:26px 18px 30px;border-radius:20px;box-shadow:0 18px 55px rgba(31,44,29,.11)}
  body[data-page="upload"] .upload-dialog::before{display:none}
  body[data-page="upload"] .upload-dialog-heading{padding-right:38px}
  body[data-page="upload"] .upload-dialog h2{font-size:25px}
  body[data-page="upload"] #closeModal{top:15px;right:14px;left:auto;width:40px;height:40px;box-shadow:none}
  body[data-page="upload"] .upload-form{grid-template-columns:1fr;gap:14px;margin-top:20px}
  .pdf-guide-import{margin-top:18px;padding:15px;border-radius:16px}.pdf-import-heading{display:grid}.pdf-import-heading a{justify-self:start}.pdf-import-drop{display:grid!important;grid-template-columns:45px 1fr}.pdf-import-drop small{grid-column:2;margin-left:0}.pdf-import-stats{grid-template-columns:repeat(2,1fr)}.pdf-import-stats>div:first-child{grid-column:1/-1}.pdf-import-actions{display:grid;grid-template-columns:1fr 1fr}.pdf-import-actions button{width:100%}
  body[data-page="upload"] .file-drop{min-height:145px!important}
  body[data-page="upload"] .upload-preview{height:240px!important}
  body[data-page="upload"] .upload-saved-images,
  body[data-page="upload"] .guide-fields,
  body[data-page="upload"] .publishing-metadata{padding:14px!important;border-radius:15px!important}
  body[data-page="upload"] .upload-submit{bottom:10px;min-height:54px}
}
@media(prefers-reduced-motion:reduce){body[data-page="upload"] *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
