:root{--cropper-bg-color:#0a0a0a;--neon-green:#00ffcc;--glass-border:rgba(255, 255, 255, 0.1);--tool-bg:rgba(10, 10, 10, 0.6)}.cropper-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.75);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);overflow:hidden;opacity:0;transition:opacity .3s ease}.cropper-overlay.active{opacity:1}.cropper-panel{position:relative;width:90vw;max-width:680px;height:80vh;max-height:800px;display:flex;flex-direction:column;background-color:var(--cropper-bg-color);color:#fff;font-family:inherit;border:1px solid rgba(0,255,204,.3);border-radius:16px;overflow:hidden;box-shadow:0 0 40px rgba(0,0,0,.8),0 0 15px rgba(0,255,204,.1);transform:scale(.95);transition:transform .3s cubic-bezier(.18,.89,.32,1.28)}.cropper-overlay.active .cropper-panel{transform:scale(1)}.cropper-workspace{flex:1;width:100%;position:relative;background-color:#000;display:flex;justify-content:center;align-items:center}.cropper-workspace img{display:block;max-width:100%;max-height:100%}.cropper-bg{background-image:none !important;background-color:var(--cropper-bg-color) !important}.cropper-line{background-color:var(--neon-green) !important;box-shadow:0 0 10px var(--neon-green);opacity:.8 !important}.cropper-point{background-color:var(--neon-green) !important;box-shadow:0 0 10px var(--neon-green);opacity:.9 !important}.cropper-center::before,.cropper-center::after{background-color:var(--neon-green) !important;box-shadow:0 0 8px var(--neon-green)}.cropper-modal{background-color:#000c !important}.cropper-view-box{outline:1px solid var(--neon-green) !important;outline-color:rgba(0,255,204,.6) !important}.cropper-dashed{border-style:dashed !important;border-color:rgba(0,255,204,.4) !important}.cropper-panel .tools-panel{position:absolute;bottom:0;left:0;width:100%;padding:20px 0;display:flex;align-items:center;justify-content:space-around;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--tool-bg);border-top:1px solid #333;z-index:100;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.cropper-overlay.active .tools-panel{transform:translateY(0)}.cropper-panel .ratio-controls{display:flex;gap:15px}.cropper-panel .btn{background:rgba(255,255,255,5%);border:1px solid var(--glass-border);color:#aaa;padding:8px 16px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:60px;font-family:inherit}.cropper-panel .btn:hover{background:rgba(255,255,255,.1);color:#fff}.cropper-panel .btn-icon{width:24px;height:24px;border:2px solid;border-radius:2px;display:flex;align-items:center;justify-content:center}.cropper-panel .btn[data-format=mini] .btn-icon{width:17px}.cropper-panel .btn[data-format=square] .btn-icon{width:24px}.cropper-panel .btn[data-format=wide] .btn-icon{width:38px}.cropper-panel .btn.active{border-color:var(--neon-green);color:var(--neon-green);text-shadow:0 0 5px var(--neon-green);animation:neon-breathe 2s infinite alternate}@keyframes neon-breathe{from{box-shadow:0 0 4px rgba(0,255,204,.2),inset 0 0 2px rgba(0,255,204,.1)}to{box-shadow:0 0 15px rgba(0,255,204,.7),inset 0 0 6px rgba(0,255,204,.4)}}.cropper-panel .btn-primary{background:var(--neon-green);color:#000;border:none;font-weight:600;padding:10px 24px;border-radius:30px;box-shadow:0 0 15px rgba(0,255,204,.4);text-transform:uppercase;letter-spacing:1px;flex-direction:row}.cropper-panel .btn-primary:hover{background:#00e6b8;color:#000;box-shadow:0 0 25px rgba(0,255,204,.8);transform:scale(1.05)}.cropper-header{position:absolute;top:0;left:0;width:100%;padding:15px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);z-index:100;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;pointer-events:none}.cropper-header h1{margin:0;font-size:1rem;font-weight:400;letter-spacing:2px;opacity:.8}.cropper-header .cancel-btn{pointer-events:auto;cursor:pointer;transition:transform .2s,color .2s}.cropper-header .cancel-btn:hover{transform:scale(1.1);color:var(--neon-pink)}