*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;overflow:hidden;background:#f8fafc}.container{display:flex;height:100vh;width:100vw}.viewer{flex:1 1;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.box-canvas{width:100%;height:100%;display:block;cursor:-webkit-grab;cursor:grab}.box-canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.size-display{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.85);color:white;padding:8px 16px;border-radius:20px;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:600;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.size-display.show{opacity:1}.toggle-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.1)}.toggle-btn:hover{background:rgba(255,255,255,1);transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.15)}.sidebar{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.2);z-index:100;transform:translateX(calc(100% + 40px));transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:calc(100vh - 40px);overflow:hidden}.sidebar.visible{transform:translateX(0)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e5e7eb}.panel-title{margin:0;font-size:18px;font-weight:600;color:#1f2937}.close-btn{background:none;border:none;font-size:24px;padding:5px;border-radius:4px;transition:all .2s}.close-btn:hover{background-color:#f3f4f6;color:#ef4444}.mobile-close-btn{display:none;position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:rgba(100,116,139,.1);color:#64748b;border:1px solid rgba(100,116,139,.2);cursor:pointer;font-size:18px;font-weight:700;z-index:1001;transition:all .2s ease;align-items:center;justify-content:center}.mobile-close-btn:hover{background:rgba(239,68,68,.1);color:#ef4444;border-color:rgba(239,68,68,.3)}.close-nav-btn{background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.2)!important;font-size:20px!important;font-weight:700!important}.close-nav-btn:hover{background:rgba(239,68,68,.2)!important;color:#dc2626!important;border-color:rgba(239,68,68,.4)!important;transform:scale(1.05)}.icon-nav{flex-direction:row;background:rgba(248,250,252,.8);padding:16px;gap:8px;border-radius:16px 16px 0 0;border-bottom:1px solid rgba(226,232,240,.5)}.icon-nav,.nav-icon{display:flex;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-icon{width:44px;height:44px;border-radius:10px;background:transparent;border:1px solid rgba(226,232,240,.6);color:#6b7280;cursor:pointer;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;font-size:18px}.nav-icon:hover{background:rgba(248,250,252,.8);color:#374151;transform:scale(1.05);border-color:rgba(209,213,219,.8);box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav-icon.active{background:#6366f1;color:#ffffff;border-color:#6366f1;box-shadow:0 4px 12px rgba(99,102,241,.4)}.controls-panel{width:380px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 16px 16px;position:relative;max-height:calc(100vh - 120px);overflow-y:auto}.panel-section{display:none;padding:24px;animation:fadeIn .3s ease}.panel-section.active{display:block}.section-header{margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid rgba(241,245,249,.8)}.section-title{font-size:22px;font-weight:700;color:#1e293b;margin-bottom:6px;letter-spacing:-.025em}.section-subtitle{font-size:14px;color:#64748b;line-height:1.5}.subsection-title{font-size:16px;font-weight:600;color:#374151;margin:28px 0 16px;padding-bottom:8px;position:relative}.subsection-title:after{content:"";position:absolute;bottom:0;left:0;width:32px;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:1px}.wrap-modes-accordion{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.accordion-item{border:1.5px solid rgba(229,231,235,.8);border-radius:12px;background:rgba(248,250,252,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.accordion-item:hover{border-color:rgba(203,213,225,.8);background:rgba(241,245,249,.8);box-shadow:0 2px 8px rgba(0,0,0,.1)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;background:transparent;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.accordion-header:hover{background:rgba(238,242,255,.5)}.radio-option{display:flex;align-items:center;gap:12px;flex:1 1}.radio-option input[type=radio]{width:18px;height:18px;accent-color:#6366f1;cursor:pointer}.radio-option label{font-size:15px;font-weight:600;color:#374151;cursor:pointer;margin:0;flex:1 1}.accordion-icon{font-size:14px;color:#6b7280;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.accordion-icon.expanded{transform:rotate(180deg);color:#6366f1}.accordion-content{padding:20px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s ease;border-top:1px solid rgba(229,231,235,.5)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group label span{color:#6366f1;font-weight:700}.form-control{width:100%;padding:12px 16px;border:1.5px solid rgba(229,231,235,.8);border-radius:10px;font-size:14px;color:#1f2937;transition:all .2s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit}.form-control:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);background:rgba(255,255,255,.95)}.form-control:hover{border-color:rgba(209,213,219,.8)}.range-input{-webkit-appearance:none;background:rgb(128 95 245);outline:none;width:100%;height:1px}.range-input::-webkit-slider-track{width:100%;height:6px;background:linear-gradient(90deg,rgba(229,231,235,.8),rgba(209,213,219,.8));border-radius:3px}.range-input::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;border:3px solid #ffffff;box-shadow:0 2px 8px rgba(99,102,241,.3);-webkit-transition:all .2s ease;transition:all .2s ease}.range-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 16px rgba(99,102,241,.4)}.checkbox-group,.radio-group{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:rgba(248,250,252,.6);border-radius:10px;border:1px solid rgba(226,232,240,.6);transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.checkbox-group:hover,.radio-group:hover{background:rgba(241,245,249,.8);border-color:rgba(203,213,225,.8)}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{width:18px;height:18px;accent-color:#6366f1;cursor:pointer}.checkbox-group label,.radio-group label{font-size:14px;font-weight:500;color:#374151;cursor:pointer;margin-bottom:0}.btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#ffffff;border:none;padding:14px 24px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;width:100%;margin-bottom:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(99,102,241,.3);letter-spacing:.025em}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.4);background:linear-gradient(135deg,#5b64f0,#8558f5)}.btn:active{transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569);color:#ffffff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;font-size:13px;transition:all .2s ease;margin-top:12px;box-shadow:0 2px 8px rgba(100,116,139,.2)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#475569,#334155);transform:translateY(-1px);box-shadow:0 4px 12px rgba(100,116,139,.3)}.btn-secondary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none}input[type=file]{color:#64748b;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgb(213 213 213/58%),rgba(241,245,249,.8));border:2px solid rgb(213 213 213);border-radius:10px;padding:12px 16px;font-weight:500;transition:all .3s}input[type=file]:hover{border-color:#6366f1;background:linear-gradient(135deg,rgba(238,242,255,.8),rgba(224,231,255,.8));color:#6366f1}input[type=color]{width:100%;height:48px;border:1.5px solid rgba(229,231,235,.8);border-radius:10px;cursor:pointer;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px}input[type=color]::-webkit-color-swatch-wrapper{padding:4px}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}select.form-control{cursor:pointer;background-image:url('data:image/svg+xml;utf8,<svg fill="%236366f1" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}.face-preview-container,.logo-preview-container,.wrap-preview-container{position:relative;display:inline-block;margin-top:16px}.face-preview,.logo-preview,.wrap-preview{border-radius:10px;border:2px solid rgba(229,231,235,.8);background:rgba(248,250,252,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:block;box-shadow:0 4px 12px rgba(0,0,0,.1)}.logo-preview{width:80px;height:80px;object-fit:contain;padding:8px}.wrap-preview{width:100px;height:100px;object-fit:cover}.face-preview{width:60px;height:60px;object-fit:cover}.btn-remove,.btn-remove-small,.remove-logo-btn{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border:none;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(239,68,68,.3);transition:all .2s ease;z-index:10}.btn-remove,.remove-logo-btn{top:-10px;right:-10px;width:24px;height:24px;font-size:16px}.btn-remove-small{top:-8px;right:-8px;width:20px;height:20px;font-size:14px}.btn-remove-small:hover,.btn-remove:hover,.remove-logo-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1);box-shadow:0 4px 12px rgba(239,68,68,.4)}.individual-wraps-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.paired-wraps-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:16px}.face-wrap-item,.paired-wrap-item{padding:16px;background:linear-gradient(135deg,rgba(248,250,252,.8),rgba(241,245,249,.8));border-radius:12px;border:1px solid rgba(226,232,240,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.face-wrap-label,.paired-wrap-label{color:#374151;margin:0 0 8px;font-size:14px;font-weight:600;display:flex}.face-input,.paired-input{font-size:12px!important;padding:8px 12px!important}.help-text{font-size:12px;color:#6b7280;margin-top:8px;display:block;line-height:1.5;font-style:italic}.mb-0{margin-bottom:0}.desktop-close-btn{color:#a7a7a7;cursor:pointer;z-index:10;background:#f3f3f3;border:1px solid #a7a7a7;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:24px;font-weight:400;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.desktop-close-btn:hover{border-color:#9ca3af;color:#374151;background:#f9fafb}.wrap-actions{border-top:0;margin-top:0;padding-top:0}.pattern-controls{margin-top:20px;padding-top:16px;border-top:1px solid rgba(226,232,240,.5)}.controls-panel::-webkit-scrollbar{width:6px}.controls-panel::-webkit-scrollbar-track{background:rgba(248,250,252,.5)}.controls-panel::-webkit-scrollbar-thumb{background:rgba(203,213,225,.8);border-radius:3px}.controls-panel::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.8)}.mobile-bottom-nav{display:none}@media (max-width:768px){.container{position:relative;padding-bottom:80px}.viewer{height:calc(100vh - 80px)}.toggle-btn{display:none}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(226,232,240,.8);justify-content:space-around;z-index:1002;box-shadow:0 -4px 12px rgba(0,0,0,.1);height:80px}.mobile-bottom-nav,.mobile-nav-icon{display:flex;padding:8px 12px;align-items:center}.mobile-nav-icon{flex-direction:column;justify-content:center;border-radius:12px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;min-width:60px;gap:4px}.mobile-nav-icon .icon{font-size:20px;color:#6b7280;transition:color .3s ease}.mobile-nav-icon .label{font-size:9px;font-weight:600;color:#6b7280;text-align:center;transition:color .3s ease;line-height:1.2}.mobile-nav-icon.active,.mobile-nav-icon:hover{background:rgba(99,102,241,.1)}.mobile-nav-icon.active .icon,.mobile-nav-icon.active .label,.mobile-nav-icon:hover .icon,.mobile-nav-icon:hover .label{color:#6366f1}.sidebar.mobile{position:fixed;bottom:80px;left:0;right:0;top:auto;width:100vw;height:calc(50vh - 40px);max-height:calc(100vh - 160px);border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;display:flex;flex-direction:column;box-shadow:0 -8px 32px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.2);overflow:hidden}.sidebar.mobile.visible{transform:translateY(0)}.mobile-close-btn{display:flex}.icon-nav:not(.mobile-bottom-nav){display:none}.controls-panel{width:100%;height:calc(100% - 16px);border-radius:0;margin-top:16px;background:transparent;overflow-y:auto;padding-bottom:20px}.panel-section{padding:16px 20px;height:auto;max-height:none}.section-header{margin-bottom:24px;padding-bottom:16px}.section-title{font-size:18px;margin-bottom:4px}.section-subtitle{font-size:13px}.form-group{margin-bottom:18px}.individual-wraps-grid{grid-template-columns:1fr;gap:12px}.face-wrap-item,.paired-wrap-item{padding:12px}.accordion-header{padding:12px 16px}.accordion-content{padding:0 16px 16px}.viewer{position:relative;z-index:1}.controls-panel::-webkit-scrollbar{width:4px}.controls-panel::-webkit-scrollbar-track{background:rgba(248,250,252,.5)}.controls-panel::-webkit-scrollbar-thumb{background:rgba(203,213,225,.8);border-radius:2px}}@media (max-width:480px){.sidebar.mobile{height:calc(60vh - 40px);max-height:calc(100vh - 140px)}.controls-panel{padding-bottom:20px}.panel-section{padding:16px 20px}.section-title{font-size:18px}.mobile-bottom-nav{height:75px}.sidebar.mobile{bottom:45px}.container{padding-bottom:45px}.viewer{height:calc(100vh - 75px)}}.share-popup{position:fixed;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.share-popup-content{background:#ffffff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);max-height:90vh;overflow-y:auto;animation:slideUp .25s ease-out;border:1px solid #e5e7eb}.desktop-share{inset:0}.desktop-share .share-popup-content{width:420px;max-width:90vw;padding:24px}.mobile-share{inset:0;padding-bottom:80px}.mobile-share .share-popup-content{width:calc(100% - 32px);max-width:400px;max-height:calc(100vh - 120px);margin:16px;padding:20px;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.mobile-share .share-popup-content>*{flex-shrink:0}.mobile-share .social-grid{overflow-y:auto;max-height:400px;padding-right:4px}.mobile-share .social-grid::-webkit-scrollbar{width:3px}.mobile-share .social-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.mobile-share .social-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.mobile-share .social-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.share-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.share-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.close-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer;color:#6b7280;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f3f4f6;color:#374151}.close-btn:disabled{opacity:.5;cursor:not-allowed}.share-info{margin-bottom:20px;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.share-info p{margin:0;font-size:14px;color:#64748b;font-weight:500}.social-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.social-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#ffffff;transition:all .15s ease}.social-item:hover{border-color:#d1d5db;background:#f9fafb;box-shadow:0 1px 3px rgba(0,0,0,.1)}.social-btn-main{display:flex;align-items:center;flex:1 1;gap:12px}.social-actions{display:flex;gap:6px}.action-btn{background:#ffffff;border:1px solid #d1d5db;border-radius:6px;padding:8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{border-color:#9ca3af;background:#f9fafb}.share-btn{color:#3b82f6}.share-btn:hover{border-color:#3b82f6;background:#eff6ff}.download-btn{color:#10b981}.download-btn:hover{border-color:#10b981;background:#ecfdf5}.action-btn:disabled{opacity:.5;cursor:not-allowed}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}.social-item-mobile{border:1px solid #e5e7eb;border-radius:8px;background:#ffffff;overflow:hidden;transition:all .15s ease}.social-item-mobile:hover{border-color:#d1d5db;box-shadow:0 1px 3px rgba(0,0,0,.1)}.social-item-mobile .social-btn{display:flex;align-items:center;padding:16px 12px 12px;gap:10px}.social-actions-mobile{display:flex;border-top:1px solid #f3f4f6}.mobile-action-btn{flex:1 1;background:none;border:none;padding:12px 8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500}.mobile-action-btn:first-child{border-right:1px solid #f3f4f6}.mobile-action-btn:hover{background:#f9fafb}.mobile-action-btn.share-btn{color:#3b82f6}.mobile-action-btn.download-btn{color:#10b981}.mobile-action-btn:disabled{opacity:.5;cursor:not-allowed}.social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;flex-shrink:0}.social-info{flex:1 1;min-width:0}.social-name{font-weight:600;color:#111827;font-size:14px;margin-bottom:2px}.social-details{font-size:12px;color:#6b7280;font-weight:500}.website-icon .social-icon{background:#6366f1;color:white}.whatsapp-icon .social-icon{background:#25d366;color:white}.facebook-icon .social-icon{background:#1877f2;color:white}.twitter-icon .social-icon{background:#1da1f2;color:white}.hd-download-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 16px;border:1px dashed #9ca3af;border-radius:8px;background:#f9fafb;color:#374151;cursor:pointer;transition:all .15s ease;font-weight:500;gap:8px}.hd-download-btn:hover{border-style:solid;border-color:#6b7280;background:#f3f4f6}.hd-download-btn:disabled{opacity:.5;cursor:not-allowed}.hd-info{display:flex;flex-direction:column;text-align:left}.hd-name{font-weight:600;color:#374151;font-size:14px}.hd-details{font-size:12px;color:#6b7280;margin-top:1px}.loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.divider{margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.share-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-nav-icon.share-active,.nav-icon.share-active{background:#3b82f6!important;color:white!important}@media (max-width:640px){.mobile-share{padding-bottom:90px}.mobile-share .share-popup-content{margin:12px;padding:18px;max-height:calc(100vh - 140px)}.mobile-share .social-grid{max-height:350px}.social-grid{grid-template-columns:1fr;gap:8px}.hd-info{display:none}}@media (max-width:480px){.mobile-share{padding-bottom:0}.mobile-share .share-popup-content{max-height:calc(100vh - 160px)}.mobile-share .social-grid{max-height:300px}.share-header h3{font-size:16px}.social-icon{width:32px;height:32px}}@media (max-height:600px) and (orientation:landscape){.mobile-share .share-popup-content{max-height:calc(100vh - 100px);margin:8px}.mobile-share .social-grid{max-height:250px}}@media (prefers-color-scheme:dark){.share-popup-content{background:#1f2937;border-color:#374151}.share-header{border-bottom-color:#374151}.share-header h3{color:#f9fafb}.close-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.close-btn:hover{background:#4b5563;color:#f3f4f6}.share-info{background:#374151;border-color:#4b5563}.share-info p{color:#d1d5db}.social-item,.social-item-mobile{background:#374151;border-color:#4b5563}.social-item-mobile:hover,.social-item:hover{background:#4b5563;border-color:#6b7280}.social-name{color:#f9fafb}.action-btn,.social-details{color:#d1d5db}.action-btn{background:#4b5563;border-color:#6b7280}.action-btn:hover{background:#6b7280}.social-actions-mobile{border-top-color:#4b5563}.mobile-action-btn:first-child{border-right-color:#4b5563}.mobile-action-btn:hover{background:#4b5563}.hd-download-btn{background:#374151;border-color:#6b7280;color:#d1d5db}.hd-download-btn:hover{background:#4b5563}.hd-name{color:#d1d5db}.divider{border-top-color:#374151}}