@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--navy:#142c36;--navy2:#0f252e;--ink:#18313a;--muted:#718087;--line:#dfe6e8;--bg:#f3f6f6;--white:#fff;--orange:#ef6b4d;--orange2:#ff8a66;--green:#3d9c7c;--blue:#4b85b5;--shadow:0 14px 38px rgba(20,44,54,.08);font-family:"DM Sans","Noto Sans SC",sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 8px;color:var(--orange)}.muted{color:var(--muted)}
.login-body{min-height:100vh;background:#e9efef;padding:28px;display:grid;place-items:center}.login-shell{width:min(1120px,100%);min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;border-radius:28px;overflow:hidden;background:white;box-shadow:0 30px 90px rgba(20,44,54,.18)}.login-brand{position:relative;padding:64px;background:linear-gradient(145deg,rgba(16,42,51,.92),rgba(22,57,66,.96)),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 100 100"%3E%3Cpath d="M0 70L70 0M30 100L100 30" stroke="%23fff" stroke-opacity=".05"/%3E%3C/svg%3E');color:white;display:flex;flex-direction:column;justify-content:center}.login-brand:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-110px;top:-90px;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.02)}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--orange);color:white;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 8px 18px rgba(239,107,77,.28)}.login-brand .brand-mark{margin-bottom:90px}.login-brand h1{font-size:44px;line-height:1.22;margin:8px 0 22px;letter-spacing:-.04em}.login-brand>p:not(.eyebrow){color:#b8c8cc;line-height:1.8;max-width:440px}.brand-stats{display:flex;gap:38px;margin-top:58px;color:#9fb2b7;font-size:12px}.brand-stats span{display:grid;gap:5px}.brand-stats b{font-size:20px;color:#fff}.login-card{padding:72px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:32px;margin:0 0 4px}.login-card form{margin-top:28px;display:grid;gap:20px}.login-card label{display:grid;gap:8px;font-size:13px;font-weight:600}.login-card input,.filters input{border:1px solid var(--line);border-radius:10px;padding:13px 15px;outline:none;background:#fbfcfc}.login-card input:focus,.filters input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(239,107,77,.1)}.primary{border:0;background:var(--orange);color:#fff;border-radius:10px;padding:12px 18px;font-weight:700;box-shadow:0 8px 18px rgba(239,107,77,.18)}.primary:hover{background:#dc5d41;transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.wide{width:100%;display:flex;justify-content:space-between}.form-error{background:#fff0ed;color:#c7472f;border-radius:8px;padding:10px 12px;margin:0;font-size:13px}.login-foot{text-align:center;color:#9aa5a9;font-size:11px;margin-top:28px}.mobile-logo{display:none}
.app-body{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:#fff;padding:25px 18px 18px;display:flex;flex-direction:column;z-index:20}.logo{display:flex;align-items:center;gap:12px;padding:0 9px 28px}.logo>div:last-child{display:grid}.logo strong{font-size:14px;letter-spacing:.08em}.logo span{font-size:10px;color:#829ba2;margin-top:3px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#9bb0b6;border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:12px;text-align:left}.nav-item i{font-style:normal;width:20px;text-align:center;font-size:17px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.09);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--orange)}.nav-label{font-size:9px;letter-spacing:.18em;color:#607b82;margin:24px 13px 6px}.side-help{margin-top:auto;padding:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06);border-radius:12px;display:grid;gap:6px}.side-help b{font-size:12px}.side-help span{font-size:10px;color:#7f999f}.side-help a{color:#ff947b;font-size:10px;text-decoration:none}.side-user{display:flex;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.08);margin-top:14px;padding:15px 7px 0}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dce8e5;color:var(--navy);font-weight:700}.side-user>div:nth-child(2){display:grid;flex:1}.side-user b{font-size:11px}.side-user span{font-size:9px;color:#799198}.side-user button{border:0;background:none;color:#8ba0a5;font-size:17px}.content{margin-left:250px;padding:35px 42px 60px;max-width:1650px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h1{font-size:26px;margin:0}.top-actions{display:flex;align-items:center;gap:14px}.status-dot{font-size:11px;color:#5c7770}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;background:#45b48e;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(69,180,142,.1)}.ghost,.secondary{border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:9px 13px;font-size:12px}.view{display:none}.view.active{display:block}.notice{background:#fff7e7;border:1px solid #f1d9a4;border-radius:12px;padding:13px 16px;margin-bottom:18px;display:flex;align-items:center;gap:10px;font-size:12px}.notice span{color:#7c715a;flex:1}.notice button{border:0;background:none;color:#b76926;font-weight:700}.hero-card{min-height:205px;padding:42px 48px;border-radius:20px;background:radial-gradient(circle at 80% 50%,rgba(255,255,255,.08),transparent 35%),linear-gradient(120deg,#173640,#214c55);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;right:18%;top:28px;width:140px;height:140px;border-radius:50%;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 35px rgba(255,255,255,.018),0 0 0 70px rgba(255,255,255,.014)}.hero-card h2{font-size:30px;margin:4px 0 9px}.hero-card p:last-child{color:#9eb4ba;font-size:13px}.light-button{z-index:1;border:0;border-radius:10px;background:#fff;color:var(--navy);font-weight:700;padding:13px 17px}.light-button span{margin-left:20px;color:var(--orange)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.metric{background:#fff;border-radius:14px;padding:21px;display:flex;align-items:center;gap:15px;box-shadow:0 5px 22px rgba(20,44,54,.04)}.metric-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:19px}.metric-icon.coral{color:#d45c44;background:#fff0ed}.metric-icon.blue{color:#397ca9;background:#eaf4fb}.metric-icon.green{color:#308d6f;background:#e8f7f1}.metric>div{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 8px}.metric p{grid-column:1/-1;color:var(--muted);font-size:11px;margin:0 0 3px}.metric strong{font-size:27px}.metric small{font-size:10px;color:#9aa6aa;padding-bottom:5px}.panel-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}.panel,.field-guide{background:#fff;border-radius:14px;padding:22px;box-shadow:0 5px 22px rgba(20,44,54,.04)}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel h3,.field-guide h3{margin:0;font-size:17px}.text-button{border:0;background:none;color:var(--orange);font-size:11px}.batch-mini{display:grid;grid-template-columns:1fr auto;gap:5px;padding:14px 0;border-bottom:1px solid #edf1f2}.batch-mini:last-child{border-bottom:0}.batch-mini b{font-size:12px}.batch-mini span,.batch-mini small{color:var(--muted);font-size:10px}.batch-mini span{grid-row:1/3;grid-column:2}.quick-panel ol{padding:0;list-style:none;counter-reset:step;margin:21px 0 0}.quick-panel li{counter-increment:step;position:relative;padding:0 0 20px 42px;display:grid}.quick-panel li:before{content:counter(step);position:absolute;left:0;width:25px;height:25px;border-radius:50%;background:#eef3f3;color:var(--navy);display:grid;place-items:center;font-size:11px;font-weight:700}.quick-panel li:not(:last-child):after{content:"";position:absolute;left:12px;top:28px;height:17px;border-left:1px dashed #c7d2d5}.quick-panel b{font-size:12px}.quick-panel span{font-size:10px;color:var(--muted);margin-top:3px}.loading,.empty{padding:35px;text-align:center;color:#89979b;font-size:12px}.section-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-intro h2{font-size:22px;margin:0 0 5px}.section-intro p{font-size:12px;color:var(--muted);margin:0}.button-link{text-decoration:none;display:inline-block}.secondary{font-weight:600}.upload-card{background:white;border-radius:16px;padding:24px;box-shadow:var(--shadow)}.upload-card form{display:grid;justify-items:center;gap:18px}.drop-zone{border:1.5px dashed #bdcbd0;background:#fafcfc;border-radius:14px;width:100%;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.2s}.drop-zone.drag,.drop-zone:hover{border-color:var(--orange);background:#fff9f7}.upload-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff0ed;color:var(--orange);font-size:26px}.drop-zone h3{font-size:17px;margin:18px 0 7px}.drop-zone p{color:var(--muted);font-size:11px}.drop-zone u{color:var(--orange);font-weight:700}.file-pill{margin-top:12px;background:#eef5f4;color:#36585e;border-radius:8px;padding:8px 12px;font-size:11px}.field-guide{margin-top:18px}.optional-key{font-size:10px;color:#e05f48}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.guide-grid>div{background:#f7f9f9;border-radius:10px;padding:15px;display:grid;gap:6px}.guide-grid b{font-size:11px}.guide-grid span{font-size:9px;line-height:1.55;color:var(--muted)}.filters{display:flex;gap:10px;margin-bottom:18px}.filters input{flex:1;padding:10px 12px;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#829095;font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:11px;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid #edf1f2;font-size:11px}td b{font-size:11px}.tag{font-size:9px;padding:4px 7px;border-radius:30px;background:#edf5f2;color:#28795f}.tag.off{background:#f2f3f3;color:#78868a}.danger-link{color:#ce4e38;background:none;border:0;font-size:10px}.table-action{border:0;background:#f1f5f5;border-radius:6px;font-size:9px;padding:5px 8px}.hash{max-width:120px;overflow:hidden;text-overflow:ellipsis;display:block}.pager{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:17px;color:var(--muted);font-size:10px}.pager button{border:1px solid var(--line);background:white;border-radius:6px;padding:5px 9px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(6,23,29,.56);backdrop-filter:blur(2px)}.modal-card{position:relative;width:min(470px,100%);background:white;border-radius:16px;padding:27px;box-shadow:0 30px 80px rgba(0,0,0,.2)}.modal-close{position:absolute;right:13px;top:10px;border:0;background:none;color:#829095;font-size:22px}.modal h2{font-size:20px;margin:0 0 5px}.modal form{display:grid;gap:14px;margin-top:20px}.modal label{display:grid;gap:6px;font-size:11px;font-weight:700}.modal input,.modal select{border:1px solid var(--line);border-radius:8px;padding:10px 12px}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:120;display:grid;gap:9px}.toast{min-width:280px;max-width:440px;background:var(--navy);color:white;border-radius:10px;padding:13px 15px;box-shadow:var(--shadow);font-size:11px;animation:toast-in .2s ease}.toast.error{background:#b74431}.toast b{display:block;margin-bottom:3px}@keyframes toast-in{from{transform:translateY(8px);opacity:0}}.center-page{min-height:100vh;display:grid;place-items:center}.empty-card{text-align:center;background:#fff;padding:50px;border-radius:18px;box-shadow:var(--shadow)}.empty-icon{margin:auto;width:50px;height:50px;border-radius:50%;background:#fff0ed;color:var(--orange);display:grid;place-items:center;font-size:25px;font-weight:bold}.empty-card p{color:var(--muted);margin-bottom:25px}.mobile-bar{display:none}
@media(max-width:900px){.login-body{padding:0}.login-shell{min-height:100vh;border-radius:0;display:block}.login-brand{display:none}.login-card{min-height:100vh;padding:35px 26px}.mobile-logo{display:flex;align-items:center;gap:12px;margin-bottom:70px}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 50px rgba(0,0,0,.2)}.mobile-bar{height:62px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;position:sticky;top:0;z-index:15}.mobile-bar button{border:0;background:none;color:white;font-size:20px}.mobile-bar .logo{padding:0}.mobile-bar .brand-mark{width:30px;height:30px;border-radius:8px;font-size:14px}.mobile-bar .avatar{width:30px;height:30px}.content{margin-left:0;padding:23px 16px 45px}.topbar{align-items:flex-start}.top-actions .status-dot{display:none}.hero-card{padding:28px;align-items:flex-end;min-height:225px}.hero-card h2{font-size:24px}.hero-card p:last-child{max-width:230px}.metric-grid{grid-template-columns:1fr}.panel-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr 1fr}.section-intro{align-items:flex-start;gap:15px}.drop-zone{min-height:260px;padding:25px;text-align:center}.filters{display:grid}.notice{align-items:flex-start;flex-wrap:wrap}.notice span{flex-basis:70%}}
@media(max-width:520px){.topbar h1{font-size:22px}.top-actions{gap:5px}.ghost{padding:7px 9px}.hero-card{display:block}.hero-card .light-button{margin-top:20px}.guide-grid{grid-template-columns:1fr}.section-intro{display:grid}.metric strong{font-size:24px}.panel{padding:16px}.toast-stack{left:15px;right:15px;bottom:15px}.toast{min-width:0}.brand-stats{gap:20px}}
.record-form{display:grid;gap:16px}.form-section{background:#fff;border-radius:14px;padding:24px;box-shadow:0 5px 22px rgba(20,44,54,.04)}.form-section-head{display:flex;align-items:flex-start;gap:13px;padding-bottom:18px;border-bottom:1px solid #edf1f2;margin-bottom:19px}.form-section-head>span{width:30px;height:30px;border-radius:9px;background:#eaf1f1;color:var(--navy);font-size:10px;font-weight:700;display:grid;place-items:center}.optional-section .form-section-head>span{background:#fff0ed;color:var(--orange)}.form-section-head h3{font-size:15px;margin:0}.form-section-head h3 b{font-size:9px;color:var(--orange);background:#fff0ed;padding:4px 7px;border-radius:20px;margin-left:8px}.form-section-head p{font-size:9px;color:var(--muted);margin:4px 0 0}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 15px}.form-grid label{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:10px;font-weight:700;color:#52656b}.form-grid label em{color:var(--orange);font-style:normal}.form-grid label small{font-size:8px;color:var(--orange);font-weight:600}.form-grid input,.form-grid select,.form-grid textarea{grid-column:1/-1;width:100%;border:1px solid var(--line);background:#fbfcfc;border-radius:8px;padding:10px 11px;outline:none;color:var(--ink);font-size:11px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(239,107,77,.09)}.form-grid input:disabled,.form-grid select:disabled,.form-grid textarea:disabled{background:#f0f3f3;color:#718087}.form-grid .span-2{grid-column:span 2}.form-actions{position:sticky;bottom:14px;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;padding:13px 16px;display:flex;align-items:center;justify-content:flex-end;gap:18px;box-shadow:0 10px 30px rgba(20,44,54,.1)}.form-actions span{font-size:10px;color:var(--muted)}.required-star{color:var(--orange);font-weight:700}
@media(max-width:900px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .span-2{grid-column:1/-1}}
@media(max-width:520px){.form-section{padding:17px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.form-actions{align-items:stretch;display:grid}.form-actions span{display:none}.form-actions .primary{width:100%}}
@media(max-width:700px){.topbar{gap:12px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions .ghost{padding:7px 9px;font-size:10px}}
.cell-note{display:block;color:#829095;font-size:8px;margin-top:3px}.schema-warning{background:#fff7e7;border:1px solid #f1d9a4;color:#735f38;border-radius:8px;padding:10px 12px;font-size:10px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check-grid label{display:flex!important;align-items:center;gap:6px!important;background:#f6f8f8;border-radius:8px;padding:9px}.check-grid input{width:auto!important}.field-format-warning{grid-column:1/-1;color:#b76926;font-size:8px}.historical-custom-value{background:#fff7e7;border:1px solid #f1d9a4;border-radius:8px;padding:10px;display:grid;gap:4px}.historical-custom-value small{color:#8a7247;font-size:8px}.historical-custom-value b{font-size:11px}.historical-custom-value span{color:#b76926;font-size:8px}
@media(max-width:520px){.check-grid{grid-template-columns:1fr}}
.image-uploader{display:grid;gap:14px}.image-drop{border:1.5px dashed #c3d0d4;background:#fafcfc;border-radius:12px;padding:26px 18px;display:grid;justify-items:center;gap:10px;text-align:center;transition:.2s}.image-drop.compact{padding:16px}.image-drop.drag{border-color:var(--orange);background:#fff9f7}.image-drop-icon{width:40px;height:40px;border-radius:11px;background:#fff0ed;color:var(--orange);display:grid;place-items:center;font-size:18px}.image-drop p{margin:0;display:grid;gap:4px}.image-drop b{font-size:12px}.image-drop small{font-size:9px;color:var(--muted)}.image-drop-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.image-drop-actions .secondary{padding:8px 16px;font-size:11px}.image-drop-actions .secondary:disabled{opacity:.45;cursor:not-allowed}.image-drop-hint{font-size:9px;color:var(--muted)}
.image-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.image-card{position:relative;margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f7f9f9;display:grid}.image-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#eef2f2}.image-card-open{display:block;padding:0;border:0;background:none;width:100%;cursor:zoom-in}.image-card-open:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.image-card.uploading img{opacity:.55}.image-card.error{border-color:#e8b4a8}.image-card-blank{aspect-ratio:4/3;display:grid;place-items:center;color:#9aa6aa}.image-card figcaption{padding:6px 8px;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-card-progress{position:absolute;left:0;right:0;bottom:22px;height:3px;background:rgba(20,44,54,.14)}.image-card-progress i{display:block;height:100%;background:var(--orange);transition:width .18s}.image-card-error{position:absolute;left:6px;right:6px;top:6px;background:rgba(183,68,49,.94);color:#fff;border-radius:6px;padding:5px 7px;font-size:8px;line-height:1.45}.image-card-remove{position:absolute;right:5px;top:5px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(6,23,29,.62);color:#fff;font-size:14px;line-height:1;display:grid;place-items:center}.image-card-remove:hover{background:#b74431}.image-card-retry{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);border:0;border-radius:6px;background:#fff;color:var(--ink);font-size:9px;padding:4px 9px;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.gallery-thumb{position:relative;padding:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f2f5f5;cursor:zoom-in;display:block}.gallery-thumb:hover{border-color:var(--orange)}.gallery-thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.gallery-fallback:not([hidden]){display:grid;place-items:center;aspect-ratio:4/3;font-size:9px;color:#9aa6aa}.gallery-empty{padding:16px;text-align:center;color:#89979b;font-size:10px;background:#fff;border:1px dashed var(--line);border-radius:9px}
html.viewer-open,html.viewer-open body{overflow:hidden}.image-viewer[hidden]{display:none}.image-viewer{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:44px 16px}.viewer-backdrop{position:absolute;inset:0;background:rgba(4,16,20,.9)}.viewer-stage{position:relative;margin:0;max-width:min(1200px,100%);max-height:100%;display:grid;gap:10px;justify-items:center}.viewer-stage img{max-width:100%;max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);object-fit:contain;border-radius:8px;background:#0b1c22}.viewer-stage img[hidden]{display:none}.viewer-state{margin:0;padding:40px 24px;color:#9fb2b7;font-size:11px;text-align:center}.viewer-state[hidden]{display:none}.viewer-stage figcaption{color:#c4d2d6;font-size:10px;text-align:center}.viewer-close{position:absolute;right:14px;top:12px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px;line-height:1}.viewer-close:hover{background:rgba(255,255,255,.26)}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1}.viewer-nav:hover{background:rgba(255,255,255,.26)}.viewer-nav.prev{left:14px}.viewer-nav.next{right:14px}.viewer-nav[hidden]{display:none}.viewer-counter{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);color:#9fb2b7;font-size:10px;letter-spacing:.1em}
@media(max-width:560px){.image-card-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.image-drop{padding:18px 12px}.image-drop-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.image-viewer{padding:52px 8px}.viewer-nav{width:36px;height:36px;font-size:22px}.viewer-nav.prev{left:4px}.viewer-nav.next{right:4px}}