/* WebSketch Accessibility CSS */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.ws-acc-btn{position:fixed;bottom:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;box-shadow:0 4px 15px rgba(0,0,0,0.3);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999999;transition:all 0.3s ease;color:#fff}
.ws-acc-btn:hover,.ws-acc-btn:focus{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.4);outline:3px solid #667eea;outline-offset:2px}
.position-bottom-right .ws-acc-btn{right:20px}
.position-bottom-left .ws-acc-btn{left:20px}
#ws-acc-panel{position:fixed;bottom:90px;width:360px;max-width:calc(100vw - 40px);background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.2);z-index:999998;max-height:80vh;overflow:hidden}
.position-bottom-right #ws-acc-panel{right:20px}
.position-bottom-left #ws-acc-panel{left:20px}
.ws-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #e0e0e0;background:#f8f9fa}
.ws-header h2{margin:0;font-size:18px;color:#333;font-weight:600}
#ws-close{background:none;border:none;cursor:pointer;font-size:28px;padding:0;width:30px;height:30px;border-radius:6px;transition:background 0.3s ease;display:flex;align-items:center;justify-content:center}
#ws-close:hover,#ws-close:focus{background:#e0e0e0;outline:2px solid #667eea}
.ws-content{padding:20px 24px;overflow-y:auto;max-height:calc(80vh - 80px)}
.ws-group{margin-bottom:20px}
.ws-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;color:#333;font-size:14px}
.ws-group label strong{color:#667eea}
.ws-slider-row{display:flex;gap:8px;align-items:center}
.ws-slider-row button{padding:8px 12px;border:2px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-weight:bold;font-size:14px;transition:all 0.3s ease}
.ws-slider-row button:hover,.ws-slider-row button:focus{border-color:#667eea;color:#667eea;outline:2px solid #667eea;outline-offset:2px}
input[type="range"]{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;transition:transform 0.2s ease}
input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2)}
input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;border:none;transition:transform 0.2s ease}
input[type="range"]::-moz-range-thumb:hover{transform:scale(1.2)}
input[type="range"]:focus{outline:2px solid #667eea;outline-offset:2px}
.ws-toggle{width:100%;padding:14px 16px;border-radius:10px;border:2px solid #e0e0e0;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;text-align:left;transition:all 0.3s ease;font-weight:500}
.ws-toggle:hover,.ws-toggle:focus{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.2);outline:2px solid #667eea;outline-offset:2px}
.ws-toggle.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea}
.ws-toggle span{font-weight:700;font-size:12px;padding:4px 8px;border-radius:4px;background:#f0f0f0}
.ws-toggle.active span{background:rgba(255,255,255,0.3);color:#fff}
#ws-reset{width:100%;padding:14px;border-radius:10px;border:none;background:#ff6b6b;color:#fff;font-weight:600;cursor:pointer;margin-top:10px;transition:all 0.3s ease;font-size:14px}
#ws-reset:hover,#ws-reset:focus{background:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,107,0.3);outline:3px solid #ff5252;outline-offset:2px}
.ws-info-box{background:#f0f7ff;border-left:4px solid #667eea;padding:16px;border-radius:8px;margin-top:20px;font-size:13px;line-height:1.6}
.ws-info-box p{margin:0 0 10px 0;color:#333}
.ws-info-box ul{margin:0;padding-left:20px;color:#555}
.ws-info-box li{margin-bottom:6px}
body.ws-contrast{filter:contrast(1.5)!important}
body.ws-dark{background-color:#1a1a1a!important;color:#fff!important}
body.ws-dark *{background-color:#1a1a1a!important;color:#fff!important;border-color:#444!important}
body.ws-dark img{filter:brightness(0.8)contrast(1.2)}
body.ws-links a{background-color:#ff0!important;color:#000!important;text-decoration:underline!important;padding:2px 4px!important;border-radius:3px!important}
body.ws-font,body.ws-font *{font-family:Arial,Helvetica,sans-serif!important}
body.ws-cursor,body.ws-cursor *{cursor:crosshair!important}
body.ws-anim,body.ws-anim *{animation-duration:0s!important;transition-duration:0s!important}
body.ws-reader img:not([alt]),body.ws-reader img[alt=""]{outline:3px solid red!important}
body.ws-reader a:focus,body.ws-reader button:focus,body.ws-reader input:focus,body.ws-reader select:focus,body.ws-reader textarea:focus{outline:4px solid #667eea!important;outline-offset:2px!important}
@media(max-width:480px){#ws-acc-panel{width:calc(100vw - 40px);bottom:80px}.ws-content{padding:16px}.ws-header{padding:16px}}
@media print{#ws-acc-widget{display:none!important}}ws-group{margin-bottom:20px}
.ws-group label{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:600;color:#333;font-size:14px}
.ws-group label strong{color:#667eea}
.ws-slider-row{display:flex;gap:8px;align-items:center}
.ws-slider-row button{padding:8px 12px;border:2px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-weight:bold;font-size:14px;transition:all 0.3s}
.ws-slider-row button:hover{border-color:#667eea;color:#667eea}
input[type="range"]{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;cursor:pointer;-webkit-appearance:none}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer}
input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;border:none}
.ws-toggle{width:100%;padding:14px;border-radius:10px;border:2px solid #e0e0e0;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;text-align:left;transition:all 0.3s}
.ws-toggle:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.2)}
.ws-toggle.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea}
.ws-toggle span{font-weight:700;font-size:12px;padding:4px 8px;border-radius:4px;background:#f0f0f0}
.ws-toggle.active span{background:rgba(255,255,255,0.3);color:#fff}
#ws-reset{width:100%;padding:14px;border-radius:10px;border:none;background:#ff6b6b;color:#fff;font-weight:600;cursor:pointer;margin-top:10px;transition:all 0.3s}
#ws-reset:hover{background:#ff5252;transform:translateY(-2px)}
body.ws-contrast{filter:contrast(1.5)!important}
body.ws-dark{background:#1a1a1a!important;color:#fff!important}
body.ws-dark *{background:#1a1a1a!important;color:#fff!important;border-color:#444!important}
body.ws-links a{background:#ff0!important;color:#000!important;text-decoration:underline!important;padding:2px 4px!important}
body.ws-font,body.ws-font *{font-family:Arial,Helvetica,sans-serif!important}
body.ws-cursor,body.ws-cursor *{cursor:crosshair!important}
body.ws-anim,body.ws-anim *{animation:none!important;transition:none!important}
body.ws-reader a:focus,body.ws-reader button:focus,body.ws-reader input:focus{outline:4px solid #667eea!important;outline-offset:2px!important}
@media(max-width:480px){#ws-acc-panel{width:calc(100vw - 40px)}}