.gallery-guide{--guide-green:#2367d1;--guide-green-deep:#123e82;--guide-mint:#d8e8ff;--guide-orange:#4c84dc}.gallery-guide .guide-hero{background:linear-gradient(118deg,#eef4fc,#fbfaf7 43%,#edf3fb)}.gallery-guide .guide-hero:before{background:#4884dc24}.gallery-guide .guide-hero-copy h1{color:#183a6b}.gallery-overview{position:relative;z-index:2;width:100%;max-width:880px;justify-self:end;overflow:hidden;border:1px solid rgba(35,103,209,.14);border-radius:12px;background:#f7f8fa;box-shadow:0 38px 90px #19375f24,0 9px 25px #19375f14;transform:perspective(1500px) rotateY(-3deg) rotateX(1deg)}.gallery-overview>header{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #e2e6ec;background:#fff}.gallery-overview>header>div{display:grid;gap:3px}.gallery-overview>header strong{color:#25364e;font-size:13px}.gallery-overview>header small{color:#8a929e;font-size:8px}.gallery-overview>header nav{display:flex;gap:6px}.gallery-overview button{padding:7px 10px;border:1px solid #d7dce4;border-radius:5px;color:#3e4856;background:#fff;font-size:8px;font-weight:700}.gallery-overview button.primary{border-color:#2367d1;color:#fff;background:#2367d1}.gallery-drop{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;margin:10px 14px;padding:9px 11px;border:1px dashed #aebbd0;border-radius:7px;background:#fff}.gallery-drop>b{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;color:#2367d1;background:#eaf2fd;font-size:20px}.gallery-drop>span{display:grid;gap:2px}.gallery-drop strong{font-size:9px}.gallery-drop small{color:#818996;font-size:7px}.gallery-drop em{padding:6px 9px;border:1px solid #d9e0ea;border-radius:5px;color:#2d5f9f;font-size:8px;font-style:normal;font-weight:700}.gallery-overview-body{display:grid;grid-template-columns:130px 1fr;min-height:330px;border-top:1px solid #e7e9ee}.gallery-overview-body>aside{display:grid;align-content:start;gap:4px;padding:11px 8px;border-right:1px solid #e7e9ee;background:#fff}.gallery-overview-body>aside button{display:flex;justify-content:space-between;width:100%;border:0;color:#4b505a;background:transparent}.gallery-overview-body>aside button.active{color:#1d5bb8;background:#edf3fc}.gallery-overview-body>aside p{display:flex;justify-content:space-between;margin:12px 8px 3px;color:#8a909b;font-size:8px}.gallery-overview-body>section{padding:12px}.gallery-tools{display:flex;gap:6px;align-items:center;margin-bottom:10px}.gallery-tools label{flex:1;padding:8px;border:1px solid #dfe2e8;border-radius:5px;color:#8a909b;background:#fff;font-size:8px}.gallery-tools span{padding:8px;border:1px solid #dfe2e8;border-radius:5px;color:#59616d;background:#fff;font-size:7px}.gallery-tools b{color:#2367d1;font-size:11px}.gallery-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery-card-grid article{overflow:hidden;border:1px solid #e2e5ea;border-radius:6px;background:#fff}.gallery-card-grid .image{position:relative;height:82px;background:linear-gradient(135deg,#d7e2eb,#617b8d)}.gallery-card-grid .image-2{background:linear-gradient(135deg,#e7e5e2,#afb4b6)}.gallery-card-grid .image-3{background:linear-gradient(135deg,#dec99d,#305246)}.gallery-card-grid .image-4{background:linear-gradient(135deg,#f1eee8,#c8beb2)}.gallery-card-grid .image-5{background:linear-gradient(135deg,#151b26,#6747a8)}.gallery-card-grid .image-6{background:linear-gradient(135deg,#f0eee6,#abb89f)}.gallery-card-grid .image i{position:absolute;top:5px;right:6px;color:#ffb000;font-style:normal}.gallery-card-grid article>strong,.gallery-card-grid article>small{display:block;overflow:hidden;padding:6px 7px 0;color:#3e4753;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.gallery-card-grid article>small{padding-top:3px;color:#8a909b;font-size:6px}.gallery-card-grid footer{display:flex;justify-content:flex-end;gap:7px;margin-top:5px;padding:5px 7px;border-top:1px solid #f0f1f4;color:#657080;font-size:6px}.gallery-overview-caption{display:block;padding:7px 12px;color:#88919d;background:#fff;font-size:8px;text-align:right}.gallery-upload-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.gallery-upload-methods article{padding:28px;border:1px solid #dfe4eb;border-radius:7px;background:#fff}.gallery-upload-methods article>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border-radius:11px;color:#fff;background:#2367d1;font-size:21px}.gallery-upload-methods small{color:#4c84dc;font-size:10px;font-weight:900;letter-spacing:.14em}.gallery-upload-methods h3{margin:9px 0 12px;color:#2c4260;font-size:22px}.gallery-upload-methods p{margin:0;color:#707b89;font-size:15px;line-height:1.85}.gallery-organize-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gallery-organize-grid article{min-height:170px;padding:23px;border:1px solid #dfe4eb;border-radius:6px;background:#fff}.gallery-organize-grid b{color:#4c84dc;font-size:11px}.gallery-organize-grid h3{margin:18px 0 9px;color:#30465f;font-size:19px}.gallery-organize-grid p{margin:0;color:#717c89;font-size:14px;line-height:1.75}.gallery-name-rule{display:grid;grid-template-columns:110px 1fr;gap:18px;margin-top:18px;padding:21px;border:1px solid rgba(35,103,209,.2);border-radius:6px;background:#f2f6fc}.gallery-name-rule span{color:#2367d1;font-size:14px;font-weight:850}.gallery-name-rule p{margin:0;color:#657283;font-size:15px;line-height:1.7}.gallery-manage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gallery-manage-grid article{display:grid;grid-template-columns:48px 1fr;gap:16px;min-height:130px;padding:22px;border:1px solid #dfe4eb;border-radius:6px;background:#fff}.gallery-manage-grid article>b{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;color:#2367d1;background:#eaf2fd;font-size:16px}.gallery-manage-grid h3{margin:0 0 8px;color:#30465f;font-size:18px}.gallery-manage-grid p{margin:0;color:#727d89;font-size:14px;line-height:1.7}.annotation-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center}.annotation-flow article{min-height:190px;padding:23px 18px;border:1px solid #dfe4eb;border-radius:6px;background:#fff}.annotation-flow article>b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#2367d1;background:#eaf2fd}.annotation-flow h3{margin:25px 0 9px;color:#30465f;font-size:18px}.annotation-flow p{margin:0;color:#727d89;font-size:14px;line-height:1.7}.annotation-flow>i{color:#abb4c0;font-style:normal}.gallery-annotation-tip{display:grid;grid-template-columns:170px 1fr;gap:18px;margin-top:18px;padding:22px;border:1px solid #dfe4eb;border-radius:6px;background:#fff}.gallery-annotation-tip strong{color:#2f5f9e;font-size:15px}.gallery-annotation-tip p{margin:0;color:#697586;font-size:15px;line-height:1.8}@media(max-width:1180px){.gallery-overview{transform:none}}@media(max-width:900px){.gallery-overview{justify-self:center;max-width:820px}.annotation-flow{grid-template-columns:repeat(2,1fr)}.annotation-flow>i{display:none}}@media(max-width:640px){.gallery-overview-body{grid-template-columns:1fr}.gallery-overview-body>aside{display:none}.gallery-card-grid{grid-template-columns:repeat(2,1fr)}.gallery-card-grid article:last-child{display:none}.gallery-upload-methods,.gallery-organize-grid,.gallery-manage-grid{grid-template-columns:1fr}.gallery-upload-methods article{padding:23px}.gallery-name-rule,.gallery-annotation-tip{grid-template-columns:1fr;gap:8px}.annotation-flow{grid-template-columns:1fr}.annotation-flow article{min-height:auto}}