/* VERSÃO DO ARQUIVO: 1.1.6 - CSS minificado conforme instruções, mantendo agrupamentos e comentários importantes */
:root{
--pbw-range-track:var(--light-gray);
--pbw-range-thumb:var(--primary-green);
--pbw-range-thumb-border:var(--white);
--pbw-range-thumb-shadow:0 2px 6px rgba(0,166,81,0.3);
--pbw-range-thumb-hover:var(--dark-green);
}
[data-theme="dark"]{
--pbw-range-thumb-border:var(--color-bg-card);
--pbw-range-thumb-shadow:0 2px 8px rgba(0,166,81,0.4);
--pbw-range-thumb-hover:#00cf6a;
}
.pbw-container{display:grid;gap:var(--spacing-lg);max-width:var(--container-max-width);margin:0 auto;padding:0;}
.pbw-image-info{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--box-shadow-sm);}
.pbw-image-info-title{margin:0 0 var(--spacing-sm);font-size:1rem;color:var(--color-text);}
.pbw-image-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs) var(--spacing-md);}
.pbw-image-info-grid p{margin:0;font-size:0.92rem;color:var(--color-text-secondary);}
.pbw-image-info-grid strong{color:var(--color-text);}
.pbw-image-info-warning{margin:var(--spacing-sm) 0 0;padding:var(--spacing-sm);border:1px solid var(--warning);border-radius:var(--border-radius-sm);background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--color-text);font-size:0.9rem;}
.pbw-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;}
.pbw-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-weight:600;font-size:0.9rem;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);transition:all var(--transition-normal);white-space:nowrap;}
.pbw-actions .btn:hover:not(:disabled){transform:translateY(-2px);}
.pbw-actions .btn:active:not(:disabled){transform:translateY(0);}
.pbw-actions .btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:grayscale(50%);box-shadow:none;background:linear-gradient(135deg,var(--color-border),var(--color-border));color:var(--color-text-secondary);}
.pbw-actions .btn-primary{background:linear-gradient(135deg,var(--btn-primary-from),var(--btn-primary-to));color:var(--btn-text-color);box-shadow:0 4px 12px var(--btn-primary-shadow);border:none;}
.pbw-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--btn-primary-hover-from),var(--btn-primary-hover-to));box-shadow:0 6px 20px var(--btn-primary-shadow-hover);}
.pbw-actions .btn-secondary{background:linear-gradient(135deg,var(--btn-info-from),var(--btn-info-to));color:var(--btn-text-color);box-shadow:0 4px 12px var(--btn-info-shadow);border:none;}
.pbw-actions .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--btn-info-hover-from),var(--btn-info-hover-to));box-shadow:0 6px 20px var(--btn-info-shadow-hover);}
.pbw-actions .btn-outline{background:var(--off-white);color:var(--color-text);border:1px solid var(--color-border);box-shadow:none;}
[data-theme="dark"] .pbw-actions .btn-outline{background:rgba(255,255,255,0.05);}
.pbw-actions .btn-outline:hover:not(:disabled){background:var(--light-gray);border-color:var(--primary-green);color:var(--color-text);}
.pbw-section-title{font-size:1.15rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-sm);}
.pbw-section-title svg{color:var(--primary-green);flex-shrink:0;}
.pbw-controles{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--box-shadow-sm);transition:all var(--transition-normal);}
.pbw-controles:hover{box-shadow:var(--box-shadow);}
.pbw-range-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-md);}
.pbw-range-line label{font-weight:600;font-size:.95rem;color:var(--color-text);}
.pbw-range-line output{font-weight:700;font-size:.95rem;color:var(--primary-green);min-width:44px;text-align:center;background:var(--off-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);border:1px solid var(--color-border);}
[data-theme="dark"] .pbw-range-line output{background:rgba(255,255,255,0.05);}
.pbw-range-line input[type="range"]{width:100%;height:8px;border-radius:4px;background:var(--pbw-range-track);outline:none;-webkit-appearance:none;appearance:none;transition:all var(--transition-normal);cursor:pointer;}
.pbw-range-line input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--pbw-range-thumb);cursor:pointer;border:3px solid var(--pbw-range-thumb-border);box-shadow:var(--pbw-range-thumb-shadow);transition:all var(--transition-normal);}
.pbw-range-line input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--pbw-range-thumb-hover);}
.pbw-range-line input[type="range"]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--pbw-range-thumb);cursor:pointer;border:3px solid var(--pbw-range-thumb-border);box-shadow:var(--pbw-range-thumb-shadow);transition:all var(--transition-normal);}
.pbw-range-line input[type="range"]::-moz-range-thumb:hover{transform:scale(1.2);background:var(--pbw-range-thumb-hover);}
.pbw-range-line input[type="range"]:focus-visible{outline:3px solid var(--primary-green);outline-offset:2px;box-shadow:0 0 0 3px rgba(0,166,81,0.2);}
.pbw-paineis{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);}
.pbw-painel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--box-shadow-sm);transition:all var(--transition-normal);display:grid;grid-template-rows:auto 1fr;gap:var(--spacing-sm);min-height:260px;}
.pbw-painel:hover{box-shadow:var(--box-shadow);}
.pbw-painel h3{margin:0;font-weight:700;font-size:1.05rem;color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border);}
.pbw-painel h3 svg{color:var(--primary-green);flex-shrink:0;}
.pbw-canvas-wrap{position:relative;width:100%;border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;background:var(--off-white);transition:all var(--transition-normal);}
[data-theme="dark"] .pbw-canvas-wrap{background:rgba(255,255,255,0.03);}
.pbw-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
.pbw-rodape{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all var(--transition-normal);}
.pbw-rodape small{color:var(--color-text-secondary);font-size:.85rem;display:inline-flex;align-items:center;gap:var(--spacing-sm);}
.pbw-rodape small svg{color:var(--primary-green);flex-shrink:0;}
@media (max-width:820px){
.pbw-paineis{grid-template-columns:1fr;}
.pbw-range-line{grid-template-columns:1fr auto;gap:var(--spacing-sm);}
.pbw-range-line label{grid-column:1/-1;}
}
@media (max-width:576px){
.pbw-controles{padding:var(--spacing-md);}
.pbw-painel{padding:var(--spacing-md);min-height:200px;}
.pbw-actions{flex-direction:column;}
.pbw-actions .btn{width:100%;justify-content:center;}
.pbw-section-title{font-size:1rem;}
.pbw-image-info-grid{grid-template-columns:1fr;}
}
/* Loading indicators */
.pbw-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-card);border-radius:var(--border-radius-md);z-index:10;}
.pbw-spinner{width:40px;height:40px;border:4px solid var(--light-gray);border-top:4px solid var(--primary-green);border-radius:50%;animation:pbw-spin 1s linear infinite;}
@keyframes pbw-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.pbw-loading p{margin:var(--spacing-sm) 0 0 0;font-size:0.9rem;color:var(--color-text-secondary);text-align:center;}