.bi-page{max-width:1600px!important}.bi-page .bi-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.bi-drop{border:2px dashed #a381c2;border-radius:16px;padding:26px;text-align:center;background:#281b38}.bi-drop label{max-width:440px;margin:18px auto}.bi-drop.bi-drag{background:#4b3264}.bi-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.bi-heading h2{margin:0}.bi-heading label{margin:0}.bi-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;margin:22px 0}.bi-settings{padding:20px;background:#251a34;border:1px solid #705184;border-radius:16px}.bi-tabs{display:flex;gap:6px;margin:22px 0 16px}.bi-tabs button{flex:1;min-width:0;padding:10px 6px;font-size:12px}.bi-tabs [aria-selected=true],.bi-page [aria-pressed=true]{background:#bd9bef;color:#251630;border-color:#ecd8ff}.bi-settings label{margin:14px 0}.bi-setting-check{display:flex!important;align-items:center;gap:10px}.bi-setting-check input[type=checkbox]{width:20px;min-height:20px;margin:0}.bi-settings input[type=color]{padding:4px;height:44px}.bi-help{font-size:13px;line-height:1.7}.bi-preview{min-width:0}.bi-preview .bi-actions{margin-top:0}.bi-preview .bi-actions label{margin:0;flex:1;min-width:180px}.bi-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bi-comparison figure{margin:0;min-width:0}.bi-comparison figcaption{font-size:13px;padding:12px 0;color:#dac7eb}.bi-crop-stage,.bi-after{background-color:#eee;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:12px;min-height:220px;position:relative;overflow:hidden}.bi-crop-stage{min-height:0}.bi-crop-stage canvas{display:block;width:100%;height:auto}.bi-crop-stage #biCropOverlay{position:absolute;inset:0;touch-action:none}.bi-after{height:400px;display:flex;align-items:center;justify-content:center}.bi-after img{max-width:100%;max-height:100%;object-fit:contain}.bi-after p{padding:20px;color:#3c254c;text-align:center}.bi-summary{padding:14px 18px;background:#2b1e3b;border:1px solid #715384;border-radius:12px;overflow-wrap:anywhere}.bi-crop-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bi-preview details{padding:16px;border:1px solid #715384;border-radius:12px}.bi-preview summary{cursor:pointer;color:#e7d4fa}.bi-variants{margin-top:28px}.bi-variant{display:grid;grid-template-columns:1.2fr 1fr 90px 90px 1fr auto;align-items:end;gap:14px;border-bottom:1px solid #6b4a83;padding-bottom:16px;margin-bottom:16px}.bi-variant label{min-width:0;margin:0}.bi-image-grid,.bi-output-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.bi-input,.bi-output{border:1px solid #705184;background:#21182e;border-radius:14px;padding:16px;min-width:0;overflow-wrap:anywhere}.bi-input[aria-current=true]{border-color:#d7b8ff;box-shadow:0 0 0 2px #b587e6}.bi-input img,.bi-output img{display:block;width:100%;height:130px;object-fit:contain;background:#171020;border-radius:9px}.bi-input h3,.bi-output h3{font-size:14px;margin:12px 0}.bi-input label{display:flex;align-items:center;gap:8px}.bi-input .bi-actions{gap:8px}.bi-input button,.bi-output button{font-size:12px;padding:8px 12px}.bi-file-state{font-size:12px;line-height:1.6;min-height:38px}.bi-file-state[data-error=true]{color:#ffbdce}.bi-output a{display:inline-block;text-decoration:none;padding:10px 16px;border:1px solid #b68dd7;border-radius:9px;background:#523471;color:#fff}.bi-file-label{padding:12px;border:1px solid #765488;border-radius:10px;margin:0}.bi-file-label input{margin:8px 0 0}.bi-page progress{width:100%;height:14px;accent-color:#c5a0f4;margin:16px 0}.bi-page #biStatus[data-error=true]{color:#ffccd8}.bi-page [hidden]{display:none!important}@media(max-width:1200px){.bi-workspace{grid-template-columns:300px minmax(0,1fr)}.bi-comparison{grid-template-columns:1fr}.bi-crop-stage{max-width:550px;margin:auto}.bi-image-grid,.bi-output-grid{grid-template-columns:repeat(3,1fr)}.bi-variant{grid-template-columns:1fr 1fr 1fr}}@media(max-width:800px){.bi-workspace{grid-template-columns:minmax(0,1fr)}.bi-preview{order:0}.bi-settings{order:1}.bi-comparison{grid-template-columns:1fr 1fr}.bi-after{height:250px}.bi-image-grid,.bi-output-grid{grid-template-columns:1fr 1fr}.bi-crop-fields{grid-template-columns:1fr 1fr}.bi-variant{gap:12px}.bi-input .bi-actions button{min-width:0}}@media(max-width:480px){.bi-comparison{grid-template-columns:1fr}.bi-image-grid,.bi-output-grid{grid-template-columns:1fr}.bi-variant{grid-template-columns:1fr 1fr}.bi-heading .bi-actions{width:100%}.bi-heading label{width:100%}}

.bi-page #biResizeFields,.bi-page #biAdjustFields,.bi-page #biExportFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.bi-page .bi-settings label:has(select),.bi-page .bi-settings .bi-setting-check,.bi-page #biExportFields label:has(input[type=text]){grid-column:1/-1}.bi-page .bi-settings label{min-width:0}.bi-page .bi-settings label:has(input[type=number]){font-size:12px}.bi-page #biResizeFields label:has(#biSetting_percent){grid-column:1/-1}