/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}
.clearfix::after{display:table;clear:both;content:"";}.nowrap{white-space:nowrap;}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}
.ew-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #d2d2d7;border-radius:20px;padding:60px 24px;cursor:pointer;transition:border-color 0.2s,background 0.2s;background:white;}.ew-upload-area:hover,.ew-upload-area.dragover{border-color:var(--color-red-uniglass);background:#f4f4f4;}.ew-upload-area input{display:none;}.ew-upload-icon{font-size:48px;margin-bottom:16px;opacity:0.6;}.ew-upload-text{font-size:16px;color:#86868b;}.ew-upload-hint{font-size:13px;color:#aeaeb2;margin-top:8px;}.ew-editor-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;}.ew-editor-main,.ew-faceshape-guide{width:100%;max-width:700px;}.ew-top-row{display:flex;justify-content:center;align-items:flex-start;gap:12px;}.ew-photo-column{flex:1;min-width:0;}.ew-bottom-row{margin-top:30px;}.ew-fit-actions-row{display:block;margin-bottom:14px;}.ew-collapsible-hidden{display:none !important;}.ew-result-wrapper{position:relative;border-radius:16px;margin-bottom:0;min-height:300px;width:min(100%,740px);display:flex;justify-content:center;flex:1;}.ew-loading-overlay{position:absolute;inset:0;background:rgba(255,255,255,0.85);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;border-radius:16px;}.ew-loading-overlay.hidden{display:none;}.ew-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:var(--color-red-uniglass);border-radius:50%;animation:ew-spin 0.7s linear infinite;}@keyframes ew-spin{to{transform:rotate(360deg);}}.ew-loading-text{font-size:14px;color:#86868b;}.ew-overlay-container{position:relative;width:100%;touch-action:none;user-select:none;-webkit-user-select:none;}.ew-overlay-container img#ew-face-photo{width:100%;display:block;border-radius:16px;}.ew-overlay-container img#ew-glasses-overlay{position:absolute;pointer-events:auto;cursor:grab;will-change:transform;display:none;}.ew-overlay-container img#ew-glasses-overlay.dragging{cursor:grabbing;}.ew-color-loading{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:28px;height:28px;border-radius:9999px;background:rgba(255,255,255,0.9);border:1px solid rgba(0,0,0,0.08);display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,0.12);z-index:6;pointer-events:none;}.ew-color-loading.hidden{display:none;}.ew-color-loading-spinner{width:14px;height:14px;border:2px solid #d1d5db;border-top-color:var(--color-red-uniglass);border-radius:50%;animation:ew-spin 0.7s linear infinite;}.ew-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;}.ew-guide-link{font-size:13px;font-weight:500 !important;color:var(--color-red-uniglass);text-decoration:none;white-space:nowrap;transition:opacity 0.2s;}.ew-guide-link:hover{opacity:0.75;text-decoration:underline;}.ew-category-toggle{display:flex;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;max-width:280px;flex-shrink:0;}.ew-category-btn{flex:1;padding:10px 16px;font-size:13px;font-weight:600;border:none;background:#fff;color:#6b7280;cursor:pointer;transition:background 0.2s,color 0.2s;text-align:center;line-height:1.2;white-space:nowrap;}.ew-category-btn.active{background:var(--color-red-uniglass);color:#fff;}.ew-category-btn:not(.active):hover{background:#f3f4f6;}.ew-color-indicators{display:flex;justify-content:center;gap:4px;margin-top:4px;}.ew-color-indicator{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,0.15);flex-shrink:0;}.ew-color-selector{display:flex;justify-content:center;gap:10px;padding:10px 0;}.ew-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform 0.15s,border-color 0.2s,box-shadow 0.2s;padding:0;background:none;position:relative;}.ew-color-btn::after{content:'';position:absolute;inset:2px;border-radius:50%;background:var(--dot-color);}.ew-color-btn:hover{transform:scale(1.15);}.ew-color-btn.active{border-color:#374151;box-shadow:0 0 0 2px rgba(55,65,81,0.2);}.ew-carousel{margin-bottom:16px;}.ew-carousel-vertical{width:20%;margin-bottom:0;flex-shrink:0;height:var(--ew-photo-height,520px);display:flex;flex-direction:column;}.ew-carousel-label{font-size:13px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;}.ew-carousel-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}.ew-carousel-track::-webkit-scrollbar{height:0;}.ew-carousel-vertical .ew-carousel-track{flex-direction:column;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;min-height:0;flex:1;}.ew-carousel-vertical .ew-carousel-track::-webkit-scrollbar{width:0;}.ew-carousel-vertical .ew-frame-thumb{width:100%;}.ew-frame-item{display:flex;flex-direction:column;gap:6px;align-items:stretch;padding:8px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;transition:border-color 0.2s,box-shadow 0.2s,background-color 0.2s;}.ew-frame-item:hover{border-color:#cfd4dc;box-shadow:0 2px 10px rgba(0,0,0,0.06);}.ew-frame-name{font-size:12px;line-height:1.2;text-align:center;color:#6b7280;font-weight:600;@media (max-width:768px){font-size:8px;}}.ew-frame-item.active .ew-frame-name{color:#111827;}.ew-frame-item.active{border-color:#cbd5e1;background:#f8fafc;}.ew-frame-thumb{flex-shrink:0;}.ew-frame-thumb.active{border-color:var(--color-slate-200);}.ew-controls{margin-bottom:16px;}.ew-controls-under-photo{margin-bottom:10px;}.ew-control-row{display:flex;align-items:center;gap:12px;margin-bottom:0;}.ew-control-label{font-size:13px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;}.ew-zoom-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#d2d2d7;border-radius:2px;outline:none;}.ew-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:white;box-shadow:0 1px 4px rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.05);cursor:pointer;}.ew-zoom-value{font-size:13px;color:#86868b;min-width:40px;text-align:right;font-variant-numeric:tabular-nums;}.ew-editor-actions{display:flex;align-items:center;gap:10px;margin-bottom:0;margin-left:0;width:100%;}.ew-action-icon-btn{width:25%;min-height:58px;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:10px;border:1px solid #cfd4dc;background:#ffffff;color:#1f2937;cursor:pointer;transition:transform 0.15s,box-shadow 0.2s,border-color 0.2s;flex:1 1 25%;}.ew-action-icon-btn:hover{transform:scale(1.05);border-color:#b9bbc0;box-shadow:0 2px 10px rgba(0,0,0,0.08);}.ew-action-icon-btn:active{transform:scale(0.96);}.ew-action-icon-btn.is-active{border-color:#94a3b8;background:#f8fafc;}.ew-action-icon{width:18px;height:18px;}.ew-action-label{font-size:10px;line-height:1.1;color:#6b7280;font-weight:600;}.ew-actions{display:flex;gap:12px;}.ew-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:opacity 0.2s,transform 0.1s;text-align:center;text-decoration:none;display:inline-block;}.ew-btn:hover{opacity:0.85;}.ew-btn:active{transform:scale(0.98);}.ew-divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:#aeaeb2;font-size:14px;}.ew-divider::before,.ew-divider::after{content:'';flex:1;height:1px;background:#d2d2d7;}.ew-camera-view{display:none;position:fixed;inset:0;z-index:100;background:#000;flex-direction:column;}.ew-camera-view.active{display:flex;}.ew-camera-view video{flex:1;object-fit:cover;transform:scaleX(-1);}.ew-camera-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:32px;padding:24px;background:rgba(0,0,0,0.6);}.ew-btn-shutter{width:72px;height:72px;border-radius:50%;border:4px solid white;background:transparent;cursor:pointer;position:relative;flex-shrink:0;}.ew-btn-shutter::after{content:'';position:absolute;inset:4px;border-radius:50%;background:white;transition:background 0.15s;}.ew-btn-shutter:hover::after{background:#d0d0d0;}.ew-btn-cancel-camera{background:transparent;border:none;color:white;font-size:16px;font-weight:600;cursor:pointer;padding:12px 16px;}@media (max-width:768px){.ew-fit-actions-row{display:block;}.ew-editor-actions{width:100%;justify-content:stretch;}.ew-carousel-vertical .ew-frame-thumb{width:88px;}.ew-top-bar{flex-wrap:wrap;gap:8px;}.ew-category-toggle{max-width:100%;}.ew-category-btn{font-size:12px;padding:8px 12px;}.ew-guide-link{font-size:12px;}.ew-color-indicator{width:8px;height:8px;}.ew-color-btn{width:24px;height:24px;}}
