.tattoo-preview-container *{box-sizing:border-box}.background-removal-toggle .control-toggle-container{display:flex;gap:8px;margin-top:8px}.background-removal-toggle .toggle-option{flex:1 1;padding:8px 12px;border:1px solid #555;background-color:#2a2a2a;color:#999;cursor:pointer;transition:all .3s ease;border-radius:4px;font-size:.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.background-removal-toggle .toggle-option:hover:not(:disabled){background-color:#3a3a3a;border-color:#666}.background-removal-toggle .toggle-option.active{background-color:#4CAF50;color:white;border-color:#4CAF50}.background-removal-toggle .toggle-option.processing{background-color:#FF9800;color:white;border-color:#FF9800}.background-removal-toggle .toggle-option:disabled{opacity:.5;cursor:not-allowed}.spinner{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid #ffffff;border-top-color:transparent;animation:spin .8s linear infinite}.tattoo-preview-container{min-height:100vh;background-color:#1D1B1A;flex-direction:column;overflow-x:hidden}.tattoo-preview-container,.tattoo-preview-layout{display:flex;max-width:100vw;box-sizing:border-box}.tattoo-preview-layout{height:100vh;overflow:hidden}.tattoo-preview-sidebar{width:320px;background-color:#333333;border-right:1px solid #555555;padding:20px;overflow-y:auto;box-shadow:2px 0 4px rgba(0,0,0,.3)}.sidebar-title{font-size:1.5rem;font-weight:600;color:#ffffff;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #555555}.sidebar-subtitle{font-size:.9rem;color:#cccccc;margin-top:-20px;margin-bottom:20px}.control-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #555555}.control-section:last-child{border-bottom:none}.control-section h3{font-size:1.1rem;font-weight:600;color:#ffffff;margin-bottom:12px}.upload-area{padding:24px;background-color:#2a2a2a;border:2px dashed #666666;border-radius:8px;text-align:center;transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:#812c2c;background-color:#3a2a2a}.upload-area.has-image{border-style:solid;border-color:#812c2c;background-color:#3a2a2a}.upload-icon{width:48px;height:48px;margin:0 auto 12px;opacity:.6;color:#cccccc}.upload-text{font-size:1rem;color:#cccccc;margin-bottom:12px}.upload-button{padding:10px 24px;background-color:#812c2c;color:white;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.upload-button:hover:not(:disabled){background-color:#a03535}.upload-button:disabled{background-color:#555555;cursor:not-allowed}.file-info{margin-top:12px;padding:8px;background-color:#444444;border-radius:4px}.file-name{font-size:.9rem;color:#ffffff;font-weight:500}.detection-controls{gap:12px}.control-item,.detection-controls{display:flex;flex-direction:column}.control-item{gap:6px;width:100%;box-sizing:border-box}.control-label{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#cccccc;font-weight:500}.control-value{font-weight:600;color:#812c2c}.control-slider{width:100%;height:6px;border-radius:3px;background:#555555;outline:none;-webkit-appearance:none}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#812c2c;cursor:pointer}.control-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#812c2c;cursor:pointer;border:none}.color-picker-wrapper{display:flex;align-items:center;gap:12px}.color-picker{width:60px;height:36px;border:2px solid #555555;border-radius:4px;cursor:pointer}.color-hex{font-family:monospace;font-size:.9rem;color:#cccccc}.action-buttons{display:flex;flex-direction:column;gap:10px}.detect-button{width:100%;padding:12px;background-color:#812c2c;color:white;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.detect-button:hover:not(:disabled){background-color:#a03535}.detect-button:disabled{background-color:#555555;cursor:not-allowed}.detect-button.processing{background-color:#5ca9fb}.reset-button{width:100%;padding:10px;background-color:#D32F2F;color:white;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .3s ease}.reset-button:hover{background-color:#B71C1C}.mode-toggle{display:flex;align-items:center;padding:8px;background-color:#444444;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.mode-toggle:hover{background-color:#555555}.mode-toggle input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer}.mode-toggle-label{flex:1 1;font-size:.9rem;color:#cccccc;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mode-info{margin-top:12px;padding:12px;background-color:#2a3a4a;border-radius:6px;border:1px solid #5ca9fb}.mode-info-title{font-size:.85rem;font-weight:600;color:#5ca9fb;margin-bottom:4px}.mode-info-text{font-size:.8rem;color:#cccccc}.status-section{margin-top:20px}.loading-status{padding:12px;background-color:#3a3a2a;border:1px solid #812c2c;border-radius:6px;color:#ffffff;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease}.loading-spinner{width:20px;height:20px;border:2px solid #812c2c;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.processing-status{background-color:#2a3a4a;border:1px solid #5ca9fb;border-radius:6px;color:#5ca9fb}.error-status,.processing-status{padding:12px;animation:slideIn .3s ease}.error-status{background-color:#3a2a2a;border:1px solid #d32f2f;border-radius:6px;color:#ff6666}.success-status{padding:12px;background-color:#2a3a2a;border:1px solid #812c2c;border-radius:6px;color:#a8c8a8;animation:slideIn .3s ease}.detection-results{background-color:#2a3a2a;padding:16px;border-radius:8px;border:1px solid #812c2c}.results-title{font-size:1rem;font-weight:600;color:#ffffff;margin-bottom:12px}.results-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.result-item{display:flex;flex-direction:column}.result-label{font-size:.85rem;color:#cccccc}.result-value{font-size:1rem;font-weight:600;color:#ffffff}.tattoo-preview-main{flex:1 1;align-items:center;background:linear-gradient(135deg,#1D1B1A,#333333 50%,#812c2c);position:relative;overflow:hidden}.preview-area,.tattoo-preview-main{display:flex;justify-content:center}.preview-area{width:100%;height:100%;align-items:flex-start;padding:40px 20px}.empty-state{text-align:center;color:white;max-width:600px}.centered-upload-section{margin:30px auto;max-width:400px}.centered-upload-section .upload-area{margin-bottom:20px}.centered-upload-section .upload-button{width:auto;padding:12px 24px;font-size:1rem}.empty-state h2{font-size:2.5rem;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.empty-state p{font-size:1.2rem;margin-bottom:12px;opacity:.95}.empty-state .instructions{margin-top:32px;padding:20px;background-color:rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.8;text-align:left}.image-display-container{max-width:90%;max-height:90%;padding:20px}.image-display-container,.unified-preview-container{position:relative;background:#333333;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.6);border:1px solid #555555}.unified-preview-container{max-width:95%;max-height:95%;padding:15px;display:flex;flex-direction:column;align-items:center}.preview-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(51,51,51,.95);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.loading-content{text-align:center;padding:20px}.loading-text{margin-top:15px;font-size:1.1rem;color:#5ca9fb;font-weight:500}.loading-time{margin-top:8px;font-size:.9rem;color:#cccccc}.unified-preview-panel{width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center}.unified-panel-title{font-size:1.4rem;font-weight:600;color:#ffffff;margin-bottom:20px;text-align:center}.unified-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;min-height:400px;max-height:70vh;background-color:#222222;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.4);border:1px solid #444444}.unified-base-image,.unified-overlay-canvas{max-width:100%;max-height:70vh;width:auto;height:auto;display:block;border-radius:8px}.unified-overlay-canvas.skin-mask-overlay,.unified-overlay-canvas.tattoo-preview-overlay{pointer-events:none}.unified-overlay-canvas.tattoo-overlay{transition:opacity .2s ease;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.unified-overlay-canvas.tattoo-overlay.dragging{opacity:.8}.unified-overlay-canvas.tattoo-overlay:hover{opacity:.9}.preview-status{margin-top:16px;padding:12px 20px;background-color:#2a3a4a;border-radius:8px;border-left:4px solid #5ca9fb;max-width:600px;text-align:center}.status-message{margin:0;font-size:.95rem;color:#5ca9fb;font-weight:500}.images-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;max-width:1200px}.images-grid.three-panels{grid-template-columns:1fr 1fr 1fr;max-width:1600px}.image-panel{background-color:#333333;border-radius:8px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.4);border:1px solid #555555}.image-panel-title{font-size:1rem;font-weight:600;color:#ffffff;margin-bottom:8px;text-align:center}.image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;background-color:#222222;border-radius:4px;overflow:hidden}.display-canvas,.display-image{max-width:100%;max-height:60vh;width:auto;height:auto;display:block}.display-canvas.dragging{opacity:.8;transition:opacity .1s ease}.display-canvas:hover{opacity:.9}.drag-indicator{font-size:.8rem;color:#5ca9fb;font-weight:400;animation:pulse 1s infinite}.drag-instructions{margin-top:12px;padding:8px 12px;background-color:#2a3a4a;border-radius:4px;border-left:3px solid #5ca9fb}.instruction-text{margin:0;font-size:.85rem;color:#5ca9fb}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tattoo-upload-section{display:flex;flex-direction:column;gap:12px}.upload-area.tattoo-upload{padding:16px;min-height:60px;position:relative}.clear-tattoo-btn,.upload-area.tattoo-upload{display:flex;align-items:center;justify-content:center}.clear-tattoo-btn{position:absolute;top:4px;right:8px;background:#D32F2F;color:white;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;line-height:1}.clear-tattoo-btn:hover{background:#B71C1C}.tattoo-controls{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:12px;background-color:#444444;border-radius:6px;border:1px solid #555555}.tattoo-stats{margin-top:12px;padding:12px;background-color:#2a3a2a;border-radius:6px;border:1px solid #812c2c}.stats-title{font-size:.9rem;font-weight:600;color:#ffffff;margin-bottom:8px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.8rem;color:#cccccc}.stat-value{font-size:.9rem;font-weight:600;color:#ffffff}.rotation-slider{background:linear-gradient(90deg,#812c2c,#5ca9fb,#812c2c,#D32F2F,#812c2c)}.rotation-buttons{display:flex;gap:4px;justify-content:space-between;margin-top:6px}.rotation-btn{background-color:#555555;border:1px solid #666666;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.8rem;transition:background-color .2s ease;flex:1 1;min-width:0;color:#ffffff}.rotation-btn:hover{background-color:#666666}.rotation-btn:active{background-color:#777777}.rotation-btn.reset-btn{font-size:.7rem;color:#cccccc}.rotation-btn:first-child,.rotation-btn:last-child{font-size:1.1rem;font-weight:700}.control-with-buttons{display:flex;align-items:center;gap:8px;margin-top:6px}.control-buttons{display:flex;gap:4px}.inc-dec-btn{background-color:#555555;border:1px solid #666666;border-radius:4px;width:28px;height:28px;cursor:pointer;font-size:.9rem;font-weight:700;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;color:#ffffff}.inc-dec-btn:hover{background-color:#666666;color:#ffffff}.inc-dec-btn:active{background-color:#777777}.inc-dec-btn:disabled{cursor:not-allowed}.inc-dec-btn:disabled,.inc-dec-btn:disabled:hover{background-color:#333333;color:#666666}.mobile-menu-button{display:none;position:fixed;top:20px;left:20px;z-index:1001;background-color:#812c2c;color:white;border:none;border-radius:8px;padding:10px;cursor:pointer;transition:background-color .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.3)}.mobile-menu-button:hover{background-color:#a03535}.mobile-menu-button svg{display:block}.mobile-sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:998;opacity:0;transition:opacity .3s ease}.mobile-sidebar-overlay.active{opacity:1}.mobile-sidebar-close{display:none;position:absolute;top:15px;right:15px;background:none;border:none;color:white;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.mobile-sidebar-close:hover{background-color:rgba(255,255,255,.1)}@media (max-width:1024px){.tattoo-preview-sidebar{width:280px}.preview-area{padding:30px 15px}.images-grid,.images-grid.three-panels{grid-template-columns:1fr}.unified-preview-container{max-width:98%;padding:15px}.unified-preview-panel{max-width:100%}.unified-panel-title{font-size:1.2rem}.unified-image-wrapper{min-height:300px;max-height:60vh}}@media (max-width:768px){.tattoo-preview-layout{flex-direction:row;width:100%;overflow-x:hidden;position:relative}.mobile-menu-button{display:block}.mobile-sidebar-overlay{display:block;pointer-events:none}.mobile-sidebar-overlay.active{pointer-events:auto}.tattoo-preview-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:999;transform:translateX(-100%);transition:transform .3s ease;border-right:1px solid #555555;border-bottom:none;padding:50px 15px 15px;box-sizing:border-box;overflow-y:auto;background-color:#333333}.tattoo-preview-sidebar.mobile-open{transform:translateX(0)}.mobile-sidebar-close{display:flex}.tattoo-preview-main{height:calc(100vh - 64px);overflow:hidden;padding:50px 10px 10px;box-sizing:border-box;flex-direction:column;touch-action:none;-webkit-overflow-scrolling:touch}.preview-area,.tattoo-preview-main{width:100%;display:flex;align-items:center}.preview-area{height:calc(100vh - 124px);overflow:hidden;justify-content:center;padding:0}.display-canvas,.unified-base-image,.unified-overlay-canvas:not(.tattoo-overlay){max-width:calc(100vw - 30px)!important;max-height:calc(100vh - 184px)!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:0 auto!important;display:block!important}.unified-overlay-canvas.tattoo-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;pointer-events:auto!important}.unified-preview-container{max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 164px)!important;margin:0 auto!important;padding:10px!important}.unified-image-wrapper,.unified-preview-container{box-sizing:border-box!important;overflow:hidden!important}.unified-image-wrapper{max-width:calc(100vw - 40px)!important;max-height:calc(100vh - 184px)!important;display:flex!important;justify-content:center!important;align-items:center!important}.empty-state h2{font-size:2rem}.empty-state p{font-size:1rem}.image-display-container{max-width:95%;max-height:95%;padding:10px}.unified-preview-container{max-width:98%;max-height:90vh;padding:10px}.unified-panel-title{font-size:1.1rem;margin-bottom:15px}.unified-image-wrapper{min-height:250px;max-height:50vh}.preview-status{margin-top:12px;padding:10px 16px;max-width:100%}.tattoo-controls .control-item{margin-bottom:8px}.stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.sidebar-title{font-size:1.2rem}.control-section h3{font-size:1rem}.upload-button{padding:10px 16px;font-size:.9rem}.empty-state h2{font-size:1.5rem}.empty-state .instructions{padding:12px;font-size:.9rem}.results-grid{grid-template-columns:1fr}.display-canvas,.unified-base-image,.unified-overlay-canvas:not(.tattoo-overlay){max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 164px)!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:0 auto!important;display:block!important;transform-origin:center center}.unified-overlay-canvas.tattoo-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;pointer-events:auto!important}.unified-preview-container{max-width:calc(100vw - 10px)!important;max-height:calc(100vh - 144px)!important;width:calc(100vw - 10px)!important;padding:5px!important;margin:0 auto!important;flex-direction:column!important}.unified-image-wrapper,.unified-preview-container{display:flex!important;align-items:center!important;box-sizing:border-box!important;overflow:hidden!important}.unified-image-wrapper{max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 164px)!important;width:calc(100vw - 20px)!important;height:auto!important;justify-content:center!important}.p-button,button,input[type=range],input[type=text]{max-width:100%;box-sizing:border-box}.control-item{max-width:100%;padding:0 5px}.control-label{font-size:.85rem;flex-wrap:wrap}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-color-scheme:dark){.tattoo-preview-container{background-color:#0f0f0f}.tattoo-preview-sidebar,.unified-preview-container{background-color:#1a1a1a}.tattoo-preview-main{background:linear-gradient(135deg,#0f0f0f,#1a1a1a 50%,#812c2c)}}.update-indicator{font-size:.8rem;color:#FF9800;font-weight:400;animation:pulse 1s infinite}.public-preview-banner{background:linear-gradient(135deg,#e3f2fd,#f1f8e9);border:1px solid #4caf50;border-radius:8px;margin-bottom:20px;padding:12px 16px;width:100%;box-shadow:0 2px 4px rgba(0,0,0,.1);animation:slideIn .5s ease-out}.banner-content{justify-content:space-between;gap:16px}.banner-content,.banner-info{display:flex;align-items:center}.banner-info{gap:8px;flex:1 1}.banner-text{font-weight:600;color:#2e7d32;font-size:16px}.banner-metadata{font-size:14px;color:#666;margin-left:8px}.suggest-changes-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.2);transition:all .2s ease}@media (max-width:768px){.banner-content{flex-direction:column;gap:12px;text-align:center}.banner-info{flex-direction:column;gap:4px}.banner-metadata{margin-left:0;margin-top:4px}}.export-preview-button,.load-preview-button,.save-preview-button,.save-suggestion-button,.share-preview-button,.view-suggestions-button{padding:12px 20px!important;background-color:#812c2c!important;color:white!important;border:none!important;border-radius:6px!important;font-size:.95rem!important;font-weight:500!important;cursor:pointer!important;transition:background-color .3s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-decoration:none!important;min-height:44px!important}.export-preview-button:hover:not(:disabled),.load-preview-button:hover:not(:disabled),.save-preview-button:hover:not(:disabled),.save-suggestion-button:hover:not(:disabled),.share-preview-button:hover:not(:disabled),.view-suggestions-button:hover:not(:disabled){background-color:#a03535!important}.export-preview-button:disabled,.load-preview-button:disabled,.save-preview-button:disabled,.save-suggestion-button:disabled,.share-preview-button:disabled,.view-suggestions-button:disabled{background-color:#555555!important;cursor:not-allowed!important;opacity:.6!important}.share-preview-button{background-color:#5ca9fb!important}.share-preview-button:hover:not(:disabled){background-color:#4dabf7!important}.export-preview-button{background-color:#333333!important;border:1px solid #666666!important}.export-preview-button:hover:not(:disabled){background-color:#444444!important;border-color:#777777!important}.save-suggestion-button{background-color:#2e7d32!important}.save-suggestion-button:hover:not(:disabled){background-color:#388e3c!important}.suggestions-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:1000;display:flex;align-items:center;justify-content:center}.suggestions-dialog-container{background:#333333;color:#ffffff;border-radius:8px;padding:24px;max-width:600px;max-height:80vh;width:90%;overflow:auto;box-shadow:0 8px 32px rgba(0,0,0,.3);border:1px solid #555555}.suggestions-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #555555;padding-bottom:16px}.suggestions-dialog-title{margin:0;color:#ffffff;font-size:20px;font-weight:600}.suggestions-dialog-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#cccccc;padding:4px 8px;border-radius:4px;transition:background-color .2s,color .2s}.suggestions-dialog-close-btn:hover{background-color:#555555;color:#ffffff}.suggestions-dialog-empty,.suggestions-dialog-loading{text-align:center;padding:20px;color:#cccccc}.suggestions-dialog-empty{font-style:italic}.suggestions-dialog-list{max-height:400px;overflow-y:auto}.suggestion-item{background:#424242;border:1px solid #555555;border-radius:8px;padding:16px;margin-bottom:12px;transition:background-color .2s,border-color .2s}.suggestion-item:hover{background:#484848;border-color:#666666}.suggestion-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.suggestion-author{color:#ffffff;font-weight:600;font-size:16px}.suggestion-date{font-size:12px;color:#cccccc;margin-top:2px}.suggestion-preview-btn{padding:8px 16px;background-color:#812c2c;color:white;border:none;border-radius:4px;font-size:12px;cursor:pointer;font-weight:500;transition:background-color .2s}.suggestion-preview-btn:hover{background-color:#a03535}.suggestion-message{margin-bottom:12px;color:#e0e0e0;font-style:italic;line-height:1.4;border-left:3px solid #812c2c}.suggestion-details,.suggestion-message{padding:8px 12px;background:#3a3a3a;border-radius:4px}.suggestion-details{font-size:12px;color:#bdbdbd;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px}.suggestion-detail-item{padding:2px 0}.suggestions-dialog-list::-webkit-scrollbar{width:8px}.suggestions-dialog-list::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.suggestions-dialog-list::-webkit-scrollbar-thumb{background:#555555;border-radius:4px}.suggestions-dialog-list::-webkit-scrollbar-thumb:hover{background:#666666}.suggestions-dialog-loading-text{font-size:16px;color:#cccccc}@media (max-width:768px){.suggestions-dialog-container{width:95%;padding:20px;margin:10px}.suggestions-dialog-title{font-size:18px}.suggestion-details{grid-template-columns:1fr}}