code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#3b82f6;--color-primary-hover:#1e40af;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-accent:#f59e0b;--color-danger:#ef4444;--color-info:#0ea5e9;--color-button-primary-bg:#2563eb;--color-button-primary-hover:#1e40af;--color-button-primary-text:#fff;--color-button-secondary-bg:#fff;--color-button-secondary-hover:#f8fafc;--color-button-secondary-border:#2563eb;--color-button-secondary-text:#2563eb;--color-bg-main:#f8fafc;--color-bg-secondary:#f1f5f9;--color-bg-panel:#fff;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-main);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}.room-viewer{background:var(--color-bg-main);flex:1 1;padding:var(--spacing-xl) var(--spacing-lg)}.room-viewer h2{color:var(--color-text-primary);font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0 0 var(--spacing-lg) 0;text-align:center}.viewer-container{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:row;height:80vh;margin:0 auto;max-width:1600px;min-height:600px;overflow:hidden;width:100%}.viewer-panel{align-items:center;background:#0000;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.viewer-panel.initial-state{background:#fff}.blurred-room{filter:blur(5px) brightness(.6);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.three-scene{align-items:center;background:#0000;background-color:#f8fafc;display:flex;height:100%;justify-content:center;position:relative;width:100%}.three-scene canvas{background:#0000;display:block;margin:auto;max-height:100%;max-width:100%}.button-panel{background:var(--color-bg-panel);box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;gap:var(--spacing-lg);height:100vh;overflow-y:auto;padding:var(--spacing-md);padding-top:80px;position:fixed;right:0;top:0;transform:translateX(0);transition:transform .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1);width:160px;will-change:transform;z-index:1500}.button-panel.panel-hidden{box-shadow:none;pointer-events:none;transform:translateX(100%)}.viewer-container.edit-mode .button-panel{display:none}.button-panel::-webkit-scrollbar{width:8px}.button-panel::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.button-panel::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:4px}.button-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.panel-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.button-panel:not(.panel-hidden) .panel-section{animation:panelContentFadeIn .18s cubic-bezier(0,0,.2,1) backwards}.button-panel:not(.panel-hidden) .panel-section:first-child{animation-delay:0ms}.button-panel:not(.panel-hidden) .panel-section:nth-child(2){animation-delay:20ms}.button-panel:not(.panel-hidden) .panel-section:nth-child(3){animation-delay:40ms}.button-panel:not(.panel-hidden) .panel-section:nth-child(4){animation-delay:60ms}.button-panel:not(.panel-hidden) .panel-section:nth-child(5){animation-delay:80ms}@keyframes panelContentFadeIn{0%{opacity:0}to{opacity:1}}.panel-section h3{color:var(--color-text-secondary);font-size:.875rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.selection-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr}.selection-item{aspect-ratio:1;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;max-width:100px;object-fit:cover;transition:border-color .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out;width:100%}.selection-item:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.selection-item.selected,.selection-item.selected-texture{border-color:#6b7280;box-shadow:0 0 0 2px #6b728033}.panel-tabs{background:#f0f0f0;border-radius:8px;display:flex;flex-direction:row;gap:0;margin-bottom:var(--spacing-lg);padding:4px}.panel-tabs .tab-btn{align-items:center;background:#0000!important;border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:500;justify-content:center;padding:8px 12px;touch-action:manipulation;transition:background .15s ease-out,color .15s ease-out,transform .15s ease-out}.panel-tabs .tab-btn:hover:not(.active){background:#ffffff80!important}.panel-tabs .tab-btn.active{background:#4285f4!important;box-shadow:0 2px 4px #0000001a;color:#fff}.tab-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.button-panel button{background:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-height:44px;padding:12px 20px;touch-action:manipulation;transition:background .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out}.button-panel button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button-panel button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.button-panel button.btn-visualize{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);font-size:1.05rem;font-weight:700;padding:14px 24px}.button-panel button.btn-reset{background:linear-gradient(135deg,#6b7280,#4b5563);font-size:.95rem;padding:12px 20px}.button-panel button.btn-reset:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button-panel button.btn-open{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-dark) 100%)}.button-panel button.btn-close{background:linear-gradient(135deg,#ef4444,#dc2626)}.panel-bottom-actions{display:flex;flex-direction:row;gap:var(--spacing-sm);justify-content:center;margin-top:auto;padding-top:var(--spacing-md)}.panel-bottom-actions button{align-items:center;border-radius:50%;display:flex;font-size:1.25rem;font-weight:400;height:40px;justify-content:center;min-height:40px;padding:0;width:40px}.panel-bottom-actions .btn-edit{background:#4285f4}.panel-bottom-actions .btn-edit:hover{background:#2563eb}.panel-bottom-actions .btn-info{background:#4285f4}.panel-bottom-actions .btn-info:hover{background:#2563eb}.three-scene.pan-enabled{cursor:grab}.three-scene.pan-active{cursor:grabbing}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.room-viewer{padding:var(--spacing-md)}.room-viewer h2{font-size:1.5rem;margin-bottom:var(--spacing-md)}.viewer-container{border-radius:var(--radius-md);flex-direction:column;height:auto;min-height:95vh}.viewer-container:has(.viewer-panel.initial-state){min-height:auto}.viewer-panel{flex-shrink:0;height:auto;max-height:100vh;width:100%}.three-scene{aspect-ratio:16/9;aspect-ratio:var(--image-aspect-ratio,16/9);max-height:100vh}.three-scene,.three-scene canvas{height:auto!important;width:100%!important}.three-scene canvas{max-height:100%!important;max-width:100%!important;touch-action:none}.button-panel{border-radius:0;box-shadow:-4px 0 16px #0003;height:100vh;left:auto;max-height:100vh;padding-bottom:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-top:68px;right:0;top:0;width:160px}.selection-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.panel-bottom-actions{padding-bottom:0;padding-top:var(--spacing-sm)}.panel-bottom-actions button{font-size:1rem;height:36px;min-height:36px;width:36px}.blurred-room{height:100%;object-fit:contain;width:100%}}.modal-overlay{animation:fadeIn .2s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-popup{animation:slideUp .3s ease-out;background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:80vh;max-width:500px;overflow-y:auto;padding:var(--spacing-xl);width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-popup h3{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);text-align:center}.info-row{border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md) 0}.info-row:last-of-type{border-bottom:none}.info-label{color:var(--color-text-secondary)}.info-label,.info-value{font-size:.9rem;font-weight:600}.info-value{color:var(--color-text-primary);text-align:right}.info-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.info-actions button{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-weight:600;min-height:44px;padding:12px 20px;transition:all .2s ease}.info-actions .btn-download{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff}.info-actions .btn-download:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-actions .btn-close-modal{background:var(--color-bg-secondary);color:var(--color-text-primary)}.info-actions .btn-close-modal:hover{background:var(--color-border)}@media (max-width:768px){.info-popup{max-width:95%;padding:var(--spacing-lg)}.info-row{flex-direction:column;gap:var(--spacing-xs)}.info-value{text-align:left}}.floating-controls{display:flex;flex-direction:column;gap:12px;position:absolute;z-index:1000}.floating-controls.web{bottom:24px;right:24px}.floating-controls.mobile{bottom:16px;right:16px}.floating-btn{align-items:center;border:none;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;outline:none;transition:all .25s ease-in-out}.floating-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.floating-btn:active{box-shadow:0 2px 6px #00000026;transform:translateY(0)}.floating-controls.mobile .floating-btn,.floating-controls.web .floating-btn{border-radius:50%;box-shadow:0 4px 12px #0003;height:56px;padding:0;width:56px}.floating-controls.mobile .floating-btn svg,.floating-controls.web .floating-btn svg{height:24px;width:24px}.floating-controls.mobile .floating-btn:hover,.floating-controls.web .floating-btn:hover{box-shadow:0 6px 16px #00000040}.floating-btn-primary{background:linear-gradient(135deg,#4285f4,#2563eb);color:#fff}.floating-btn-primary:hover{background:linear-gradient(135deg,#5a95f5,#3b82f6)}.floating-btn-secondary{background:linear-gradient(135deg,#4285f4,#2563eb);color:#fff}.floating-btn-secondary:hover{background:linear-gradient(135deg,#5a95f5,#3b82f6)}.floating-btn-delete{background:linear-gradient(135deg,#4285f4,#2563eb);color:#fff}.floating-btn-delete:hover{background:linear-gradient(135deg,#5a95f5,#3b82f6)}.floating-btn-tertiary{background:linear-gradient(135deg,#fff,#f1f5f9);border:1px solid #e2e8f0;color:#1e293b}.floating-btn-tertiary:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#cbd5e1}@media (max-width:768px){.floating-controls.web{bottom:16px;right:16px}.floating-controls.mobile{bottom:12px;right:12px}}@media (hover:none) and (pointer:coarse){.floating-btn{min-height:56px;min-width:56px}}.visualize-floating-controls{bottom:24px;gap:32px;left:50%;position:fixed;transform:translateX(-50%);z-index:1000}.controls-group,.visualize-floating-controls{align-items:center;display:flex;flex-direction:row}.controls-group{gap:16px}.vis-floating-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;transition:all .3s ease;width:56px}.vis-floating-btn:hover{box-shadow:0 6px 16px #0000004d;transform:scale(1.05)}.vis-floating-btn:active{transform:scale(.95)}.vis-floating-btn.btn-close,.vis-floating-btn.btn-collect,.vis-floating-btn.btn-open,.vis-floating-btn.btn-spread,.vis-floating-btn.btn-zoom-in,.vis-floating-btn.btn-zoom-out,.vis-floating-btn.btn-zoom-reset{background:linear-gradient(135deg,#4285f4,#2563eb);color:#fff}.vis-floating-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}@media (max-width:768px){.visualize-floating-controls{bottom:16px;gap:8px}.controls-group{gap:8px}.vis-floating-btn{font-size:20px;height:40px;width:40px}.vis-floating-btn svg{height:20px;width:20px}}.corner-magnifier{opacity:0;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:opacity .15s ease-in-out;will-change:transform,opacity;z-index:2000}.corner-magnifier.active{opacity:1}.corner-magnifier canvas{background-color:#fff;border:3px solid #4285f4;border-radius:50%;box-shadow:0 4px 16px #0006;display:block}.corner-magnifier:not(.active){visibility:hidden}@media (max-width:768px){.corner-magnifier canvas{image-rendering:-webkit-optimize-contrast}}.get-started-container{background:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.get-started-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100}.logo-container{gap:.5rem}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{background:#6366f1;border-radius:8px;color:#fff;height:36px;justify-content:center;width:36px}.logo-text{color:#1f2937;font-size:1.125rem;font-weight:600}.try-it-on-btn{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.try-it-on-btn:hover{background:#f9fafb;border-color:#9ca3af}.mobile-menu-btn{background:#0000;border:none;color:#374151;cursor:pointer;padding:.5rem}.get-started-main,.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.get-started-main{flex:1 1;padding:2rem}.desktop-layout{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.content-section{display:flex;flex-direction:column;gap:1.5rem}.main-heading{color:#111827;font-size:2.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.main-description{color:#6b7280;font-size:1rem;line-height:1.6;margin:0}.action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.btn-explore,.btn-upload{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.875rem 1.5rem;transition:all .2s ease}.btn-explore{background:#6366f1;color:#fff}.btn-explore:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.btn-upload{background:#ff8a3c;color:#fff}.btn-upload:hover{background:#f97316;box-shadow:0 4px 12px #f973164d;transform:translateY(-1px)}.image-section{align-items:center;display:flex;justify-content:center}.room-image-card{border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:500px;overflow:hidden;width:100%}.room-preview-image{display:block;height:auto;width:100%}.mobile-layout{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:500px;width:100%}.mobile-image-section{width:100%}.mobile-room-card{border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;width:100%}.mobile-room-image{display:block;height:auto;width:100%}.mobile-content-section{display:flex;flex-direction:column;gap:1rem;padding:0 1rem;text-align:center}.mobile-heading{color:#111827;font-size:1.875rem;font-weight:700;line-height:1.2;margin:0}.mobile-description{color:#6b7280;font-size:.9375rem;line-height:1.6;margin:0}.mobile-action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.mobile-btn-explore,.mobile-btn-upload{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:52px;padding:.875rem 1.5rem;transition:all .2s ease}.mobile-btn-explore{background:#6366f1;color:#fff}.mobile-btn-explore:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.mobile-btn-upload{background:#ff8a3c;color:#fff}.mobile-btn-upload:hover{background:#f97316;box-shadow:0 4px 12px #f973164d;transform:translateY(-1px)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.image-source-menu{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;gap:1rem;max-width:90%;min-width:320px;padding:2rem}.image-source-menu h3{color:#111827;font-size:1.25rem;font-weight:700;margin:0 0 .5rem;text-align:center}.btn-primary{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.875rem 1.5rem;transition:all .2s ease}.btn-camera{background:#10b981}.btn-camera:hover{background:#059669;transform:translateY(-1px)}.btn-gallery{background:#6366f1}.btn-gallery:hover{background:#4f46e5;transform:translateY(-1px)}.btn-cancel{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:.9375rem;font-weight:600;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel:hover{background:#e5e7eb}.sample-gallery{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow-y:auto;padding:2rem;width:90%}.sample-gallery h3{color:#111827;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.sample-gallery-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1rem;width:100%}.sample-gallery-grid img{aspect-ratio:4/3;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;object-fit:cover;transition:all .2s ease;width:100%}.sample-gallery-grid img:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f133;transform:scale(1.03)}.sample-gallery .btn-cancel{width:100%}@media (max-width:1024px){.desktop-layout{gap:2rem}.main-heading{font-size:2.25rem}}@media (max-width:768px){.get-started-container{min-height:auto}.get-started-header{padding:1rem}.logo-icon{height:32px;width:32px}.logo-text{font-size:1rem}.get-started-main{padding:1.5rem 1rem}.desktop-layout{gap:2rem;grid-template-columns:1fr}.main-heading{font-size:2rem}.room-image-card{max-width:100%}.sample-gallery-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.image-source-menu{min-width:0;min-width:auto;width:90%}.mobile-layout{gap:1.5rem}}@media (max-width:480px){.mobile-heading{font-size:1.5rem}.mobile-description{font-size:.875rem}.image-source-menu,.sample-gallery{padding:1.5rem}}.panel-toggle-btn{align-items:center;background:linear-gradient(135deg,#4285f4,#2563eb);border:none;border-radius:50%;box-shadow:0 3px 8px #00000026;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:20px;top:20px;transition:transform .3s ease,box-shadow .3s ease;width:40px;z-index:1600}.panel-toggle-btn:hover{box-shadow:0 6px 16px #0000004d;transform:scale(1.05)}.panel-toggle-btn:active{transform:scale(.95)}.hamburger-icon{display:flex;flex-direction:column;height:14px;justify-content:space-between;position:relative;width:20px}.hamburger-icon .line{background-color:currentColor;border-radius:2px;display:block;height:2px;transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease;width:100%}.panel-toggle-btn.active .line-1{transform:translateY(6px) rotate(45deg)}.panel-toggle-btn.active .line-2{opacity:0}.panel-toggle-btn.active .line-3{transform:translateY(-6px) rotate(-45deg)}@media (max-width:768px){.panel-toggle-btn{height:44px;right:16px;top:16px;width:44px}}.blind-edit-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#4285f4;border:none;border-radius:50%;box-shadow:var(--shadow-md);color:var(--color-button-primary-text);cursor:pointer;display:flex;height:36px;justify-content:center;outline:none;padding:0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);transition:var(--transition-base);-webkit-user-select:none;user-select:none;width:36px;z-index:100}.blind-edit-button:hover{background:#2563eb;box-shadow:var(--shadow-lg);transform:translate(-50%,-50%) scale(1.1)}.blind-edit-button:active{background:var(--color-primary-dark);box-shadow:var(--shadow-sm);transform:translate(-50%,-50%) scale(.95)}@media (max-width:768px){.blind-edit-button{height:44px;width:44px}}.width-edit-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#4285f4;border:none;border-radius:50%;box-shadow:var(--shadow-md);color:var(--color-button-primary-text);cursor:pointer;display:flex;height:36px;justify-content:center;outline:none;padding:0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);transition:var(--transition-base);-webkit-user-select:none;user-select:none;width:36px;z-index:100}.width-edit-button:hover{background:#2563eb;box-shadow:var(--shadow-lg);transform:translate(-50%,-50%) scale(1.1)}.width-edit-button:active{background:var(--color-primary-dark);box-shadow:var(--shadow-sm);transform:translate(-50%,-50%) scale(.95)}@media (max-width:768px){.width-edit-button{height:44px;width:44px}}