.gallery-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 13px 9px}
.gallery-tabs button{padding:7px 4px!important;background:#20242a!important;border:1px solid #363c44!important;border-bottom:2px solid #363c44!important;font:800 9px var(--studio-font)!important;letter-spacing:.5px}
.gallery-tabs button.active{color:#fff!important;border-bottom-color:var(--red)!important;background:#292e35!important}
.gallery-panel{display:none;padding:0 13px 10px}
.gallery-panel.active{display:block}
.gallery-panel-header{display:flex;align-items:end;justify-content:space-between;margin:2px 0 8px}
.gallery-panel-header h2{margin:0;font:800 11px var(--studio-font);letter-spacing:1px;color:#d8dce1}
.gallery-panel-header span{font-size:8px;color:#747c86}
.gallery-items{display:grid;gap:6px}
.gallery-card{display:grid!important;grid-template-columns:1fr;align-items:start;gap:7px!important;width:100%;min-height:154px;margin:0!important;padding:7px!important;text-align:left!important;background:#1e2227!important;border:1px solid #323840!important;border-left:2px solid transparent!important;cursor:grab!important}.gallery-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.gallery-live-thumb{position:relative;display:block;width:100%;height:118px;overflow:hidden;background:#f4f5f6;border:1px solid #69717a;pointer-events:none}.gallery-live-canvas{position:absolute;left:0;top:0;display:block;width:440px;min-height:245px;transform:scale(.46);transform-origin:top left;color:#171a1e;background:#fff}.gallery-live-canvas>.design-component{width:440px!important;min-height:240px!important;margin:0!important}.gallery-live-canvas .drag-handle,.gallery-live-canvas .title-control-rail{display:none!important}
.gallery-card:hover,.gallery-card:focus{border-left-color:var(--red)!important;background:#242930!important}
.gallery-card:active{cursor:grabbing!important}
.gallery-card[hidden]{display:none!important}
.gallery-card-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.gallery-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 11px var(--studio-font);color:#f2f4f5}
.gallery-card-copy small{color:#7f8791;font-size:8px;letter-spacing:.25px}
.gallery-card-add{color:#d71920;font-size:15px;font-weight:900}
.gallery-thumb{position:relative;display:block;width:47px;height:37px;overflow:hidden;background:#f4f5f6;border:1px solid #69717a}
.gallery-thumb:before,.gallery-thumb:after,.gallery-thumb i{content:"";position:absolute;display:block}
.gallery-thumb--metrics:before{left:4px;top:5px;width:8px;height:26px;background:#d71920;box-shadow:10px 0 #262b30,20px 0 #8c949c,30px 0 #d71920}
.gallery-thumb--headcount:before,.gallery-thumb--status:before{left:5px;top:7px;width:6px;height:6px;border-radius:50%;background:#2aa866;box-shadow:0 9px #f0b44b,0 18px #d71920}.gallery-thumb--headcount:after,.gallery-thumb--status:after{left:15px;top:8px;width:26px;height:4px;background:#59616a;box-shadow:0 9px #59616a,0 18px #59616a}
.gallery-thumb--lanes:before,.gallery-thumb--progress:before,.gallery-thumb--horizontal:before{left:5px;top:7px;width:34px;height:4px;background:#2aa866;box-shadow:0 9px #f0b44b,0 18px #d71920}
.gallery-thumb--table:before,.gallery-thumb--queue:before{inset:5px;background:repeating-linear-gradient(#252a2f 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,#899199 0 1px,transparent 1px 10px)}
.gallery-thumb--ribbon{background:#1d2126}.gallery-thumb--ribbon:before{left:0;top:0;width:3px;height:100%;background:#d71920}.gallery-thumb--ribbon:after{left:7px;top:8px;width:31px;height:4px;background:#fff;box-shadow:0 9px #6b737b,0 18px #d71920}
.gallery-thumb--steps:before{left:5px;top:12px;width:7px;height:12px;border:1px solid #d71920;box-shadow:10px 0 #fff,20px 0 #fff,30px 0 #fff}.gallery-thumb--steps:after{left:12px;top:17px;width:30px;height:2px;background:#d71920}
.gallery-thumb--filters:before,.gallery-thumb--dropdown:before{left:5px;top:7px;width:37px;height:7px;border:1px solid #747c85;box-shadow:0 11px #fff}.gallery-thumb--filters:after,.gallery-thumb--dropdown:after{right:8px;top:10px;border:3px solid transparent;border-top-color:#d71920}
.gallery-thumb--search:before{left:6px;top:8px;width:25px;height:9px;border:1px solid #737b84}.gallery-thumb--search:after{right:5px;top:8px;width:7px;height:11px;background:#d71920;box-shadow:-31px 15px #252a2f,-20px 15px #252a2f,-9px 15px #252a2f}
.gallery-thumb--breadcrumb:before{left:5px;top:16px;width:37px;height:3px;background:#8b939b}.gallery-thumb--breadcrumb:after{left:5px;top:12px;border:5px solid transparent;border-right-color:#d71920}
.gallery-thumb--note:before{left:5px;top:5px;width:3px;height:27px;background:#f0b44b}.gallery-thumb--note:after{left:12px;top:8px;width:27px;height:3px;background:#30353a;box-shadow:0 7px #8a9299,0 14px #8a9299}
.gallery-thumb--legend:before,.gallery-thumb--symbols:before{left:6px;top:8px;width:6px;height:6px;border-radius:50%;background:#2aa866;box-shadow:12px 0 #f0b44b,24px 0 #d71920}.gallery-thumb--legend:after,.gallery-thumb--symbols:after{left:6px;top:22px;width:32px;height:3px;background:#7d858d}
.gallery-thumb--icons:before{left:5px;top:5px;width:10px;height:10px;border:1px solid #252a2f;box-shadow:13px 0 #252a2f,26px 0 #fff,0 15px #252a2f,13px 15px #fff,26px 15px #252a2f}
.gallery-thumb--toggle:before{left:7px;top:11px;width:32px;height:14px;background:#d71920}.gallery-thumb--toggle:after{left:25px;top:13px;width:10px;height:10px;background:#fff}
.gallery-thumb--segments:before{left:5px;top:12px;width:36px;height:13px;background:linear-gradient(90deg,#fff 0 33%,#252a2f 33% 66%,#fff 66%);border:1px solid #777f87}
.gallery-thumb--check:before{left:8px;top:10px;width:13px;height:13px;background:#d71920;box-shadow:20px 0 #fff}.gallery-thumb--check:after{left:11px;top:13px;width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.gallery-thumb--buttons:before{left:5px;top:7px;width:36px;height:8px;background:#d71920;box-shadow:0 12px #252a2f}.gallery-thumb--badges:before{left:5px;top:8px;width:11px;height:7px;background:#2aa866;box-shadow:13px 0 #f0b44b,26px 0 #d71920}
.gallery-thumb--line:before{left:5px;top:22px;width:37px;height:2px;background:#d71920;transform:rotate(-14deg);box-shadow:0 -10px 0 -1px #bcc2c7}.gallery-thumb--line:after{left:7px;top:23px;width:5px;height:5px;border-radius:50%;background:#d71920;box-shadow:10px -3px #d71920,20px -1px #d71920,30px -9px #d71920}
.gallery-thumb--bars:before{left:7px;bottom:5px;width:5px;height:18px;background:#252a2f;box-shadow:7px 4px #d71920,15px -5px #252a2f,22px 1px #d71920,30px -9px #252a2f}
.gallery-thumb--stacked:before{left:5px;top:7px;width:20px;height:5px;background:#d71920;box-shadow:8px 0 #252a2f,16px 0 #f0b44b,0 10px #252a2f,8px 10px #d71920,16px 10px #f0b44b,0 20px #f0b44b,8px 20px #252a2f,16px 20px #d71920}
.gallery-thumb--donut:before{left:10px;top:4px;width:27px;height:27px;border-radius:50%;background:conic-gradient(#d71920 0 72%,#d8dde1 72%)}.gallery-thumb--donut:after{left:17px;top:11px;width:13px;height:13px;border-radius:50%;background:#fff}
.gallery-thumb--spark:before{left:5px;bottom:5px;width:4px;height:10px;background:#252a2f;box-shadow:6px -6px #252a2f,12px -2px #252a2f,18px -12px #d71920,24px -8px #d71920,30px -17px #d71920}
.gallery-thumb--heatmap:before{left:7px;top:5px;width:7px;height:7px;background:#ccebdc;box-shadow:9px 0 #ffe8ae,18px 0 #f5c7ca,27px 0 #ccebdc,0 9px #ffe8ae,9px 9px #f5c7ca,18px 9px #ffe8ae,27px 9px #ccebdc,0 18px #ccebdc,9px 18px #ccebdc,18px 18px #ffe8ae,27px 18px #f5c7ca}
.gallery-thumb--variance:before{left:5px;bottom:5px;width:6px;height:24px;background:#252a2f;box-shadow:8px -3px #2aa866,16px 5px #d71920,24px 1px #2aa866,32px 7px #d71920}
.gallery-empty{padding:14px 6px;color:#858d97;font-size:9px;text-align:center;border:1px dashed #3b4149}
.library-tip strong{color:#d9dde1}
.gallery-dragging{opacity:.45}
.gallery-thumb--hub{background:#eef0f2}.gallery-thumb--hub:before{left:4px;top:5px;width:39px;height:4px;background:#d71920;box-shadow:0 7px #252a2f,0 14px #8c949c,0 21px #252a2f}.gallery-thumb--hub:after{left:5px;top:5px;width:1px;height:26px;background:#252a2f;box-shadow:12px 0 #252a2f,25px 0 #252a2f,37px 0 #252a2f}
.table-size-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin:8px 0 6px;padding:5px;background:#101215;border:1px solid #343941}.table-size-grid button{aspect-ratio:1;min-width:0;padding:0!important;border:1px solid #525963!important;background:#252a30!important;cursor:crosshair}.table-size-grid button.preview,.table-size-grid button.selected{background:#d71920!important;border-color:#f35b60!important}.table-size-readout{min-height:22px;color:#aeb5bd;font:700 9px var(--studio-font);letter-spacing:.35px}
.table-context-menu textarea{width:100%;resize:vertical;background:#101215;border:1px solid #343941;color:#fff;padding:7px;font-size:10px}.table-command-button{width:100%;margin-top:7px!important;border-bottom:2px solid #d71920!important}
.drag-handle{touch-action:none}.design-component.position-dragging{z-index:8;cursor:grabbing;box-shadow:0 12px 30px #0004}.drop-zone.preset-drop-ready{outline:2px dashed var(--red);outline-offset:6px}
.mock-native-bar{height:32px!important;padding:0 14px!important;background:#fff!important;color:#4f565c!important;gap:12px!important}.mock-myryderops-logo{display:flex;align-items:baseline;color:#111;font:900 28px/1 var(--studio-font);letter-spacing:-1px}.mock-myryderops-logo b{color:#d71920}.mock-myryderops-logo i{margin:0 4px;color:#111;font-style:normal}.mock-header-spacer{flex:1}.mock-site-strip{height:20px;display:flex;align-items:center;overflow:hidden;padding:0 14px;border-top:1px solid #737a7f;border-bottom:1px solid #737a7f;background:#eceeef;color:#3f464b;font:700 8px var(--studio-font);white-space:nowrap}.mock-site-strip span{padding:0 12px;border-right:1px solid #aeb4b8}.mock-site-strip span:first-child{padding-left:0}.mock-site-strip b{letter-spacing:.4px}.mock-global-nav{height:28px;display:flex;align-items:center;gap:4px;padding:0 14px;background:#c6cbce;box-shadow:0 2px 5px #0002}.mock-global-nav button{height:20px;padding:0 10px;border:1px solid #858c91;border-bottom:2px solid #d71920;border-radius:0;background:#b9bec2;color:#1d2124;font:800 9px var(--studio-font);letter-spacing:.35px}.app-shell{min-height:820px!important}.app-sidebar{align-self:start;min-height:760px;margin-top:15px;border-radius:0 12px 12px 0;padding-top:15px!important}.app-sidebar button span{font-size:11px!important;color:#eef0f1!important}.app-sidebar button{color:#fff!important}
@media(max-width:1080px){.gallery-tabs{grid-template-columns:1fr}.gallery-card{grid-template-columns:38px 1fr 10px}.gallery-thumb{width:38px}.gallery-card-copy small{display:none}}
.gallery-placement{display:grid;grid-template-columns:1fr 1.4fr;gap:3px;padding:7px 8px;background:#e5e8ea;border-bottom:1px solid #c4c9cd}.gallery-placement button{min-height:28px;border:1px solid #adb4b9;background:#fff;color:#343a3f;font:700 10px "Bahnschrift Condensed","Arial Narrow",sans-serif;letter-spacing:.04em}.gallery-placement button.active{background:#d71920;border-color:#d71920;color:#fff}