.gang-builder-open{width:100%;padding:16px;border:0;color:#071d33;background:#ffdc00;font-size:13px;font-weight:1000;text-transform:uppercase;cursor:pointer}.gang-builder-summary{display:flex;padding:15px;align-items:center;justify-content:space-between;gap:12px;border:1px solid #98caa9;background:#effaf2}.gang-builder-summary strong,.gang-builder-summary span{display:block}.gang-builder-summary span{color:#52605a;font-size:11px}.gang-builder-summary button{padding:9px 12px;border:1px solid #071d33;background:#fff;font-weight:900;cursor:pointer}
.gang-builder{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#edf1f4}.gang-builder::backdrop{background:#071d33cc}.gang-builder-shell{display:grid;height:100%;grid-template:72px 1fr/76px 300px 1fr}.gang-builder-head{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;padding:12px 18px;align-items:center;gap:20px;color:#fff;background:#071d33}.gang-builder-head>div:first-child{display:flex;align-items:baseline;gap:12px}.gang-builder-head b{color:#ffdc00;font-size:24px}.gang-builder-head span{font-size:12px;font-weight:900;text-transform:uppercase}.gang-builder-head label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:900;text-transform:uppercase}.gang-builder-head select{padding:10px 34px 10px 11px;border:1px solid #ffffff55;color:#fff;background:#102e4b}.gang-builder-head-actions{display:flex!important;justify-content:flex-end;gap:8px}.gang-builder-head button{padding:12px 16px;border:0;color:#071d33;background:#ffdc00;font-weight:1000;text-transform:uppercase;cursor:pointer}.gang-builder-head .gang-builder-close{color:#fff;background:#d43030}
.gang-builder-nav{display:flex;overflow-y:auto;flex-direction:column;color:#fff;background:#0d2843}.gang-builder-nav button,.gang-builder-nav a{display:flex;min-height:72px;padding:9px 4px;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#dce8f2;border:0;border-bottom:1px solid #ffffff1f;background:transparent;font-size:9px;font-weight:900;text-transform:uppercase;cursor:pointer}.gang-builder-nav b{display:grid;width:29px;height:29px;place-items:center;color:#071d33;border-radius:50%;background:#fff;font-size:15px}.gang-builder-nav .is-active,.gang-builder-nav button:hover,.gang-builder-nav a:hover{color:#071d33;background:#ffdc00}
.gang-builder-tools{padding:22px;overflow-y:auto;border-right:1px solid #cad3da;background:#fff}.gang-upload{display:block;padding:18px;border:2px dashed #087bea;color:#087bea;text-align:center;font-size:12px;font-weight:1000;text-transform:uppercase;cursor:pointer}.gang-upload input{position:absolute;width:1px;height:1px;opacity:0}.gang-builder-tools>small{display:block;margin:10px 0 24px;color:#69747c;font-size:10px;line-height:1.5}.gang-builder-tools section{display:grid;gap:9px;padding-top:18px;border-top:1px solid #d7dee3}.gang-builder-tools h3{margin:0 0 8px;font-size:15px;text-transform:uppercase}.gang-builder-tools label{font-size:10px;font-weight:900;text-transform:uppercase}.gang-builder-tools input[type=number],.gang-builder-tools select{width:100%;margin-top:5px;padding:10px;border:1px solid #bdc8d0;background:#fff}.gang-builder-tools input[type=range]{width:100%;margin-top:8px}.gang-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gang-builder-tools button{padding:10px;border:1px solid #071d33;background:#fff;font-size:10px;font-weight:900;text-transform:uppercase;cursor:pointer}.gang-builder-tools .gang-delete{color:#b82020;border-color:#d4a0a0}.gang-crop summary{padding:9px 0;font-size:10px;font-weight:900;text-transform:uppercase;cursor:pointer}.gang-crop>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gang-view-settings{margin-top:24px}.gang-view-settings>label{display:flex;align-items:center;gap:7px}.gang-view-settings input[type=checkbox]{width:17px;height:17px}.gang-resolution{margin-top:25px}.gang-resolution p{margin:0;color:#59656e;font-size:10px}.gang-resolution i{display:inline-block;width:9px;height:9px;margin-right:6px;background:#24a35a}.gang-resolution p:nth-of-type(2) i{background:#e7b416}.gang-resolution p:nth-of-type(3) i{background:#db3333}
.gang-builder-workspace{min-width:0;overflow:hidden}.gang-workbar{display:flex;height:48px;padding:8px 14px;align-items:center;gap:22px;border-bottom:1px solid #c5cfd6;background:#fff;font-size:10px;font-weight:800}.gang-workbar button{padding:7px 12px;border:1px solid #bbc6ce;background:#fff;font-weight:900;cursor:pointer}.gang-workbar span:first-of-type{color:#087bea;font-size:12px}.gang-stage-scroll{height:calc(100dvh - 120px);padding:24px;overflow:auto;background-image:linear-gradient(#cad2d8 1px,transparent 1px),linear-gradient(90deg,#cad2d8 1px,transparent 1px);background-size:28px 28px}.gang-stage{position:relative;min-width:616px;margin:0 auto;background-color:#fff;background-image:linear-gradient(45deg,#eef0f1 25%,transparent 25%),linear-gradient(-45deg,#eef0f1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef0f1 75%),linear-gradient(-45deg,transparent 75%,#eef0f1 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;box-shadow:0 4px 25px #071d3330;touch-action:none}.gang-stage.hide-grid{background:#fff}.gang-object{position:absolute;padding:0;border:2px solid transparent;background:transparent;cursor:move;touch-action:none}.gang-object img{display:block;width:100%;height:100%;pointer-events:none;object-fit:fill}.gang-object span{position:absolute;right:2px;bottom:2px;padding:3px 5px;color:#fff;background:#071d33dd;font-size:8px;white-space:nowrap}.gang-object:before{position:absolute;z-index:3;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:#24a35a;content:""}.gang-object.quality-fair:before{background:#e7b416}.gang-object.quality-poor:before{background:#db3333}.gang-object.is-selected{z-index:5;border-color:#087bea;box-shadow:0 0 0 1px #fff}.gang-object.has-overlap{outline:3px solid #e32929;outline-offset:2px}.gang-object i{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#087bea;cursor:nwse-resize}
@media(max-width:900px){.gang-builder-shell{grid-template:116px 68px auto 1fr/1fr}.gang-builder-head{grid-template-columns:1fr auto;gap:6px;padding:9px 12px}.gang-builder-head>label{grid-column:1/2;grid-row:2}.gang-builder-head-actions{grid-column:2;grid-row:1/3;flex-wrap:wrap}.gang-builder-head span{display:none}.gang-builder-nav{flex-direction:row;overflow-x:auto}.gang-builder-nav button,.gang-builder-nav a{min-width:72px;min-height:68px;border-right:1px solid #ffffff1f;border-bottom:0}.gang-builder-tools{display:flex;padding:10px;gap:10px;overflow-x:auto;border-right:0;border-bottom:1px solid #cad3da}.gang-upload{min-width:170px}.gang-builder-tools>small,.gang-resolution{display:none}.gang-builder-tools section{min-width:310px;padding:0 0 0 12px;border-top:0;border-left:1px solid #d7dee3}.gang-stage-scroll{height:calc(100dvh - 316px);padding:12px}.gang-builder-summary{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.gang-builder-head-actions{max-width:210px}.gang-builder-head-actions button{padding:8px;font-size:9px}.gang-builder-head b{font-size:19px}}