:root{--bas-primary:var(--main-primary);--bas-primary-rgb:var(--main-primary-rgb);--bas-text:var(--main-text);--bas-text-muted:var(--main-text-muted);--bas-bg:var(--main-bg-primary);--bas-bg-secondary:var(--main-bg-secondary);--bas-border:var(--main-border);--bas-radius:var(--main-radius);--bas-radius-lg:var(--main-radius-lg);--bas-shadow:var(--main-shadow-sm);--bas-shadow-md:var(--main-shadow);--bas-handle-bg:var(--main-bg-primary);--bas-handle-border:var(--main-border);--bas-handle-shadow:var(--main-shadow);--bas-label-bg:#0000008c;--bas-label-color:#fff}._bas-container{width:100%;max-width:900px;margin:0 auto}@media (max-width:768px){._bas-container{padding-left:1rem;padding-right:1rem}}._bas-upload-grid{gap:var(--main-space-4);grid-template-columns:1fr 1fr;display:grid}._bas-upload-zone{background:var(--bas-bg);border-style:dashed;border-width:2px;border-color:var(--bas-border);border-radius:var(--bas-radius-lg);cursor:pointer;min-height:240px;box-shadow:var(--bas-shadow);justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}._bas-upload-zone.dragover{border-color:var(--bas-primary);background:var(--bas-bg-secondary)}@media (hover:hover){._bas-upload-zone:hover{border-color:var(--bas-primary);background:var(--bas-bg-secondary)}}._bas-upload-zone.has-image{border-style:solid;border-color:var(--bas-primary);cursor:default}._bas-upload-content{text-align:center;padding:var(--main-space-6)}._bas-upload-icon{color:var(--bas-text-muted);margin-bottom:var(--main-space-3);opacity:.4}._bas-upload-label{font-size:var(--main-text-lg);color:var(--bas-text);margin:0 0 var(--main-space-2);font-weight:600}._bas-upload-hint{font-size:var(--main-text-sm);color:var(--bas-text-muted);margin:0}._bas-upload-preview{background:var(--bas-bg);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}._bas-upload-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}._bas-upload-remove{color:#fff;cursor:pointer;opacity:0;background:#00000080;border-width:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.125rem;line-height:1;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}@media (hover:hover){._bas-upload-zone:hover ._bas-upload-remove{opacity:1}._bas-upload-remove:hover{background:#000000b3}}._bas-upload-actions{margin-top:var(--main-space-5);justify-content:center;display:flex}._bas-btn{border-radius:var(--bas-radius);font-size:var(--main-text-sm);cursor:pointer;border-width:0;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-weight:500;transition:opacity .2s;display:inline-flex}._bas-btn:hover{opacity:.9}._bas-btn-primary{background:var(--bas-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--bas-primary-rgb), .3)}@media (max-width:768px){._bas-upload-grid{grid-template-columns:1fr}._bas-upload-zone{min-height:180px}._bas-upload-content{padding:var(--main-space-4)}._bas-upload-remove{opacity:1;background:#0009;width:36px;height:36px;font-size:1.25rem}._bas-btn{font-size:var(--main-text-base);padding:.75rem 1.5rem}._bas-upload-actions{margin-top:var(--main-space-4)}}._bas-toolbar{justify-content:space-between;align-items:center;gap:var(--main-space-3);background:var(--bas-bg);border-radius:var(--bas-radius-lg);box-shadow:var(--bas-shadow);margin-bottom:var(--main-space-4);padding:.625rem 1rem;display:flex}._bas-toolbar-left,._bas-toolbar-center,._bas-toolbar-right{align-items:center;gap:var(--main-space-2);display:flex}._bas-toolbar-center{flex:1;justify-content:center}._bas-orientation-toggle{background:var(--bas-bg-secondary);border-radius:var(--bas-radius);padding:2px;display:flex}._bas-orient-btn{border-radius:calc(var(--bas-radius) - 2px);width:34px;height:30px;color:var(--bas-text-muted);cursor:pointer;background:0 0;border-width:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}._bas-orient-btn:hover{color:var(--bas-text)}._bas-orient-btn.is-active{background:var(--bas-bg);color:var(--bas-primary);box-shadow:0 1px 3px #00000014}._bas-tool-btn{border-radius:var(--bas-radius);width:34px;height:30px;color:var(--bas-text-muted);cursor:pointer;background:0 0;border-width:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}._bas-tool-btn:hover{background:var(--bas-bg-secondary);color:var(--bas-text)}._bas-label-inputs{align-items:center;gap:.5rem;display:flex}._bas-label-input{border-style:solid;border-width:1px;border-color:var(--bas-border);border-radius:var(--bas-radius);width:80px;font-size:var(--main-text-xs);color:var(--bas-text);background:var(--bas-bg);text-align:center;padding:.25rem .5rem;transition:border-color .2s}._bas-label-input:focus{border-color:var(--bas-primary);outline:none}._bas-label-sep{color:var(--bas-text-muted);font-size:var(--main-text-sm)}@media (max-width:640px){._bas-toolbar{gap:var(--main-space-2);flex-wrap:wrap;padding:.5rem .625rem}._bas-toolbar-left,._bas-toolbar-right{flex:1}._bas-toolbar-right{justify-content:flex-end}._bas-toolbar-center{order:3;justify-content:center;width:100%}._bas-orient-btn,._bas-tool-btn{width:40px;height:36px}._bas-label-input{width:0;min-width:0;max-width:140px;font-size:var(--main-text-sm);flex:1;padding:.375rem .5rem}._bas-label-inputs{width:100%;max-width:320px}}._bas-slider-area{background:var(--bas-bg);border-radius:var(--bas-radius-lg);min-height:350px;box-shadow:var(--bas-shadow);padding:var(--main-space-4);justify-content:center;align-items:center;display:flex;overflow:hidden}._bas-slider-wrapper{cursor:ew-resize;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;border-radius:var(--bas-radius);box-shadow:var(--bas-shadow-md);max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}._bas-slider-wrapper.is-vertical{cursor:ns-resize}._bas-slider-img{pointer-events:none;width:auto;max-width:100%;height:auto;max-height:65vh;display:block}._bas-img-after{object-fit:cover;clip-path:inset(0 0 0 50%);width:100%;height:100%;position:absolute;top:0;left:0}._bas-slider-wrapper.is-vertical ._bas-img-after{clip-path:inset(50% 0 0)}._bas-handle{z-index:3;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:50%}._bas-slider-wrapper.is-vertical ._bas-handle{flex-direction:row;top:50%;bottom:auto;left:0;right:0}._bas-handle-line{background:var(--bas-handle-bg);width:2px;box-shadow:var(--bas-handle-shadow);flex:1}._bas-slider-wrapper.is-vertical ._bas-handle-line{flex:1;width:auto;height:2px}._bas-handle-circle{background:var(--bas-handle-bg);border-style:solid;border-width:2px;border-color:var(--bas-handle-border);width:38px;height:38px;box-shadow:var(--bas-handle-shadow);color:#1e293b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}._bas-label{border-radius:var(--bas-radius);background:var(--bas-label-bg);color:var(--bas-label-color);font-size:var(--main-text-xs);pointer-events:none;z-index:2;white-space:nowrap;padding:.25rem .75rem;font-weight:500;position:absolute}._bas-label-before{top:12px;left:12px}._bas-label-after{top:12px;right:12px}._bas-slider-wrapper.is-vertical ._bas-label-before{top:12px;bottom:auto;left:12px;right:auto}._bas-slider-wrapper.is-vertical ._bas-label-after{top:auto;bottom:12px;left:12px;right:auto}@media (max-width:768px){._bas-slider-area{min-height:220px;padding:var(--main-space-2)}._bas-slider-img{max-height:60vh}._bas-handle-circle{width:36px;height:36px}._bas-label{padding:.2rem .5rem;font-size:.6875rem}._bas-label-before,._bas-label-after{top:8px}._bas-label-before{left:8px}._bas-label-after{right:8px}._bas-slider-wrapper.is-vertical ._bas-label-after{bottom:8px;left:8px}}@media (max-width:480px){._bas-slider-area{padding:var(--main-space-1)}._bas-slider-img{max-height:65vh}}