:root{--bg-dark:#070913;--bg-darker:#04050a;--bg-card:rgba(16,22,42,0.7);--bg-card-hover:rgba(22,30,57,0.85);--primary:#3b82f6;--primary-glow:rgba(59,130,246,0.3);--accent-cyan:#06b6d4;--accent-cyan-glow:rgba(6,182,212,0.35);--accent-yellow:#f59e0b;--accent-yellow-glow:rgba(245,158,11,0.35);--accent-green:#10b981;--accent-green-glow:rgba(16,185,129,0.35);--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.18);--card-shadow:0 8px 32px 0 rgba(0,0,0,0.45)}.text-muted{color:var(--text-muted)!important}html,body{width:100%;height:100%;background-color:var(--bg-dark);color:var(--text-main);font-family:'Inter',sans-serif;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-heading{font-family:'Outfit',sans-serif;font-weight:600;color:var(--text-main)}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(59,130,246,0.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(6,182,212,0.08) 0%,transparent 40%);pointer-events:none;z-index:-1}.navbar-custom{background:rgba(4,5,10,0.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:1rem 0}.navbar-brand h1,.navbar-brand .navbar-title{font-size:1.5rem;margin:0;font-weight:700;letter-spacing:-0.025em;background:linear-gradient(135deg,#ffffff 40%,#a5b4fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;justify-content:center;gap:0.5rem}.navbar-logo{height:32px;width:32px;object-fit:contain;border-radius:8px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 0 10px rgba(59,130,246,0.35);background:rgba(0,0,0,0.25)}.navbar-brand .version-badge{font-size:0.7rem;padding:0.25rem 0.5rem;background:rgba(255,255,255,0.08);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-muted);-webkit-text-fill-color:var(--text-muted)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:var(--card-shadow);transition:border-color 0.3s ease,box-shadow 0.3s ease}.glass-panel:hover{border-color:var(--border-hover)}.col-lg-4 .glass-panel{padding:1rem 1.15rem}#container{padding:2rem 1.5rem}#canvases{position:relative;width:100%;background:var(--bg-darker);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;box-shadow:inset 0 4px 20px rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center;min-height:480px}#cardCanvas{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;object-fit:contain}#drawCanvas{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;cursor:crosshair;touch-action:none}.upload-zone{border:2px dashed var(--border-color);border-radius:12px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.3rem;text-align:center;cursor:pointer;background:rgba(255,255,255,0.01);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;box-sizing:border-box}.upload-zone::after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);box-shadow:0 0 8px var(--primary);opacity:0.4;animation:scan 4s linear infinite;pointer-events:none}@keyframes scan{0%{top:0%}50%{top:100%}100%{top:0%}}.upload-zone:hover{border-color:var(--primary);background:rgba(59,130,246,0.04);box-shadow:0 0 15px var(--primary-glow)}.upload-zone.dragover{border-color:var(--accent-cyan);background:rgba(6,182,212,0.08);box-shadow:0 0 20px var(--accent-cyan-glow);transform:scale(0.99)}.upload-icon{color:var(--text-muted);transition:color 0.3s,transform 0.3s}.upload-zone:hover .upload-icon{color:var(--primary);transform:translateY(-2px)}.upload-text-main{font-weight:500;color:var(--text-main);font-size:0.9rem}.upload-text-sub{font-size:0.75rem;color:var(--text-muted)}.measure-controls-container{background:rgba(16,22,42,0.45);border:1px solid var(--border-color);border-radius:16px;padding:1rem 1.15rem;display:flex;flex-direction:column;align-items:center;align-self:center;width:100%;box-sizing:border-box;box-shadow:inset 0 0 15px rgba(255,255,255,0.01),0 4px 20px rgba(0,0,0,0.2);transition:border-color 0.3s ease,box-shadow 0.3s ease}.measure-controls-container:hover{border-color:var(--border-hover);box-shadow:inset 0 0 20px rgba(255,255,255,0.02),0 8px 24px rgba(0,0,0,0.35)}.measurement-compass{display:grid;grid-template-areas:".      top    ." "left   center right" ".      bottom .";grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto;gap:0.55rem;align-items:center;justify-items:center;justify-content:center;width:100%;max-width:260px;margin:0.25rem auto 0.5rem auto}.compass-btn{background:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:12px;padding:0.45rem 0.5rem;color:var(--text-main);font-size:0.75rem;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.2rem;min-width:76px;min-height:54px;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);cursor:pointer;box-sizing:border-box;outline:none}.compass-btn:hover{background:rgba(255,255,255,0.07);border-color:var(--border-hover);transform:translateY(-1.5px)}.compass-btn.h-side.active{background:rgba(6,182,212,0.12);border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan-glow)}.compass-btn.v-side.active{background:rgba(245,158,11,0.12);border-color:var(--accent-yellow);color:var(--accent-yellow);box-shadow:0 0 12px var(--accent-yellow-glow)}.compass-btn.h-side.measured{border-color:rgba(6,182,212,0.55);background:rgba(6,182,212,0.04)}.compass-btn.v-side.measured{border-color:rgba(245,158,11,0.55);background:rgba(245,158,11,0.04)}.compass-label{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);font-weight:600}.compass-btn.active .compass-label{color:inherit}.compass-ai-btn{background:radial-gradient(circle,rgba(6,182,212,0.18) 0%,rgba(6,182,212,0.04) 100%);border:1px solid rgba(6,182,212,0.45);border-radius:12px;min-width:76px;min-height:54px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#22d3ee;box-shadow:0 0 12px rgba(6,182,212,0.12);transition:all 0.25s cubic-bezier(0.4,0,0.2,1);padding:0.45rem 0.5rem;outline:none;box-sizing:border-box}.compass-ai-btn:hover{transform:translateY(-1.5px);border-color:#06b6d4;color:#ffffff;box-shadow:0 0 18px rgba(6,182,212,0.35);background:radial-gradient(circle,rgba(6,182,212,0.26) 0%,rgba(6,182,212,0.08) 100%)}.compass-ai-btn:active{transform:translateY(0)}.compass-ai-btn:disabled{opacity:0.45;pointer-events:none;border-color:var(--border-color);color:var(--text-muted);box-shadow:none;background:rgba(16,22,42,0.2)}.ai-btn-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.15rem;width:100%;height:100%}.ai-btn-text{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#22d3ee;transition:color 0.25s ease}.compass-ai-btn:hover .ai-btn-text{color:#ffffff}.compass-ai-btn:has(.ai-loader:not(.d-none)) svg,.compass-ai-btn:has(.ai-loader:not(.d-none)) .ai-btn-text{display:none!important}.btn-reset-text{background:transparent;border:none;color:var(--text-muted);font-size:0.75rem;font-weight:600;cursor:pointer;padding:0.2rem 0.5rem;border-radius:6px;transition:all 0.2s ease;display:flex;align-items:center}.btn-reset-text:hover{color:#f87171;background:rgba(239,68,68,0.08)}.compass-btn .measure-badge{font-size:0.65rem;padding:0.1rem 0.35rem;border-radius:6px;background:rgba(255,255,255,0.05);border:1px solid var(--border-color);color:var(--text-muted);font-weight:600;transition:all 0.2s ease;min-width:25px;text-align:center}.compass-btn.active .measure-badge{background:rgba(255,255,255,0.15);color:#ffffff;border-color:rgba(255,255,255,0.25)}.compass-btn.h-side.measured .measure-badge{background:rgba(6,182,212,0.25);border-color:var(--accent-cyan);color:#ffffff;box-shadow:0 0 8px rgba(6,182,212,0.3)}.compass-btn.v-side.measured .measure-badge{background:rgba(245,158,11,0.25);border-color:var(--accent-yellow);color:#ffffff;box-shadow:0 0 8px rgba(245,158,11,0.3)}.gauges-integration{width:100%}.gauge-row{margin-bottom:0}.gauge-title{display:flex;justify-content:space-between;align-items:center;font-size:0.75rem;margin-bottom:0.3rem;font-weight:500}.gauge-value{font-family:monospace;font-size:0.72rem;font-weight:700;padding:0.05rem 0.35rem;border-radius:5px}#horizontal-centering-val{color:var(--accent-cyan);text-shadow:0 0 8px var(--accent-cyan-glow);background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.25)}#vertical-centering-val{color:var(--accent-yellow);text-shadow:0 0 8px var(--accent-yellow-glow);background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.25)}.gauge-track{height:10px;background:rgba(255,255,255,0.05);border-radius:9999px;overflow:hidden;position:relative;display:flex;border:1px solid rgba(255,255,255,0.05)}.gauge-fill{height:100%;width:50%;display:flex;align-items:center;justify-content:center;font-size:0px;color:transparent;text-shadow:none;transition:width 0.4s cubic-bezier(0.1,0.8,0.2,1)}.gauge-fill.left-bar{border-right:1.5px solid #ffffff;box-shadow:0 0 6px rgba(255,255,255,0.45);z-index:2}#h-left-bar{background:linear-gradient(90deg,#1d4ed8,#0ea5e9);border-radius:9999px 0 0 9999px}#h-right-bar{background:linear-gradient(90deg,#0ea5e9,#22d3ee);border-radius:0 9999px 9999px 0}#v-top-bar{background:linear-gradient(90deg,#b45309,#ea580c);border-radius:9999px 0 0 9999px}#v-bottom-bar{background:linear-gradient(90deg,#ea580c,#f59e0b);border-radius:0 9999px 9999px 0}.gauge-center-line{position:absolute;left:50%;top:0;width:1px;height:100%;background:rgba(255,255,255,0.2);z-index:3;pointer-events:none}.side-selector{display:flex;background:rgba(4,5,10,0.4);border:1px solid var(--border-color);border-radius:12px;padding:0.25rem;margin-bottom:1rem;width:100%;box-sizing:border-box}.side-selector-btn{flex:1;background:transparent;border:1px solid transparent;color:var(--text-muted);padding:0.45rem 1rem;border-radius:8px;font-weight:600;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.05em;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.35rem}.side-selector-btn:hover:not(.active){background:rgba(255,255,255,0.03);color:var(--text-main)}.side-selector-btn.active{background:radial-gradient(circle,rgba(6,182,212,0.15) 0%,rgba(6,182,212,0.02) 100%);border:1px solid rgba(6,182,212,0.4);color:#22d3ee;box-shadow:0 0 12px rgba(6,182,212,0.25);font-weight:700;text-shadow:0 0 8px rgba(6,182,212,0.3)}.side-selector-btn.active:hover{background:radial-gradient(circle,rgba(6,182,212,0.25) 0%,rgba(6,182,212,0.05) 100%);border-color:rgba(6,182,212,0.6);box-shadow:0 0 16px rgba(6,182,212,0.35)}.grade-panel-group{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin-bottom:0.75rem}.grade-card{background:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:10px;padding:0.75rem;text-align:center;transition:all 0.3s ease}.grade-card:hover{transform:translateY(-2px);background:rgba(255,255,255,0.04)}.grade-card.grade-green{border-color:#10b981;background:rgba(16,185,129,0.05);box-shadow:0 0 25px rgba(16,185,129,0.25),inset 0 0 10px rgba(16,185,129,0.15)}.grade-card.grade-orange{border-color:#f97316;background:rgba(249,115,22,0.05);box-shadow:0 0 25px rgba(249,115,22,0.25),inset 0 0 10px rgba(249,115,22,0.15)}.grade-card.grade-red{border-color:#ef4444;background:rgba(239,68,68,0.05);box-shadow:0 0 25px rgba(239,68,68,0.25),inset 0 0 10px rgba(239,68,68,0.15)}.grade-label{font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;font-weight:600;margin-bottom:0.25rem}.grade-value-badge{font-family:'Outfit',sans-serif;font-size:1.75rem;font-weight:800;color:var(--text-main);line-height:1;margin-bottom:0.15rem;text-shadow:0 0 10px rgba(255,255,255,0.1)}.grade-card.grade-green .grade-value-badge{color:#10b981;text-shadow:0 0 15px rgba(16,185,129,0.35)}.grade-card.grade-orange .grade-value-badge{color:#f97316;text-shadow:0 0 15px rgba(249,115,22,0.35)}.grade-card.grade-red .grade-value-badge{color:#ef4444;text-shadow:0 0 15px rgba(239,68,68,0.35)}.grade-desc{font-size:0.65rem;color:var(--text-muted)}.info-alert{background:rgba(16,185,129,0.06);border:1px solid rgba(16,185,129,0.15);border-radius:8px;padding:0.5rem 0.75rem;font-size:0.7rem;line-height:1.35;color:var(--text-muted);margin-bottom:0.75rem}.footer{background:rgba(4,5,10,0.85);border-top:1px solid var(--border-color);padding:1.5rem 0;margin-top:0;font-size:0.8rem;color:var(--text-muted)}.footer a{color:var(--text-muted);text-decoration:none;transition:color 0.2s}.footer a:hover{color:var(--text-main)}.footer .coin-address{font-family:monospace;background:rgba(255,255,255,0.04);border:1px solid var(--border-color);color:var(--text-main);padding:0.25rem;border-radius:4px;font-size:0.75rem;width:auto;max-width:310px;text-align:center;cursor:pointer;transition:border-color 0.2s}@media (max-width:767.98px){.footer .coin-address{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:575.98px){.footer .coin-address{max-width:65px}}@media (max-width:359.98px){.footer .col-6{flex:0 0 100%;max-width:100%;text-align:center!important}.footer [class*="text-sm-"]{text-align:center!important}.footer-row-1{margin-bottom:0}.footer-row-2{margin-top:0.5rem}}.footer .coin-address:focus{border-color:var(--primary);outline:none}.nav-tabs{border-bottom:1px solid var(--border-color)}.nav-tabs .nav-link{border:none;color:var(--text-muted);font-weight:600;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.05em;background:transparent;border-radius:0;padding:0.6rem 1.25rem;transition:color 0.2s,border-color 0.2s}.nav-tabs .nav-link:hover{color:var(--text-main);background:rgba(255,255,255,0.03);border-color:transparent;isolation:isolate}.nav-tabs .nav-link.active{color:var(--accent-green);background:transparent;border:none;border-bottom:2px solid var(--accent-green)}.nav-tabs .nav-link:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:-2px}.tab-content{padding-top:0.25rem}#gradingTabContent .collapse:not(.show){display:none}#gradingTabContent .collapsing{transition:none!important}.seo-section{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border-color)}.seo-title{font-size:1.75rem}.seo-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--card-shadow);transition:border-color 0.3s ease}.seo-card:hover{border-color:var(--border-hover)}.seo-card h3,.seo-card h2{font-size:1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;color:var(--accent-cyan)}.seo-card p,.seo-card li{font-size:0.88rem;color:var(--text-muted);line-height:1.6}.seo-table{width:100%;margin-top:1rem;border-collapse:collapse;font-size:0.8rem}.seo-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.seo-table th,.seo-table td{padding:0.5rem 0.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.seo-table th{color:var(--text-main);font-weight:600;background:rgba(255,255,255,0.02)}.seo-steps{list-style:none;padding:0;counter-reset:step-counter}.seo-steps li{counter-increment:step-counter;position:relative;padding-left:3rem;margin-bottom:1.25rem}.seo-steps li:not(:last-child)::after{content:"";position:absolute;left:0.95rem;top:2.15rem;width:1px;height:calc(100% - 0.65rem);background:linear-gradient(to bottom,rgba(6,182,212,0.25),rgba(6,182,212,0.05))}.seo-steps li::before{content:counter(step-counter);position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.3);color:var(--accent-cyan);font-family:'Outfit',sans-serif;font-weight:700;font-size:0.85rem;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 12px rgba(6,182,212,0.15)}.seo-steps li:last-child{margin-bottom:0}.seo-card .accordion-item{border:none!important;background:rgba(255,255,255,0.025);transition:background 0.25s ease}.seo-card .accordion-item:hover{background:rgba(255,255,255,0.05)}.seo-card .accordion-item:last-child .accordion-button.collapsed{border-bottom-color:transparent}.seo-card .accordion-button{background:transparent;color:#cbd5e1;box-shadow:none;padding:1rem 2.5rem 1rem 1rem;font-weight:500;width:100%;border-bottom:1px solid rgba(255,255,255,0.06);transition:border-color 0.2s ease,color 0.2s ease}.seo-card .accordion-button:not(.collapsed){color:var(--accent-cyan);background:rgba(6,182,212,0.04);box-shadow:none}.seo-card .accordion-button::after{filter:brightness(0) invert(0.6);transition:filter 0.2s ease,transform 0.2s ease-in-out}.seo-card .accordion-button:not(.collapsed)::after{filter:brightness(0) invert(0.55) sepia(1) saturate(5) hue-rotate(150deg)}.seo-card .accordion-body,.seo-card .accordion-body p{font-size:0.82rem;color:var(--text-muted)}.seo-card .accordion-body strong{color:#cbd5e1}.seo-table td strong{color:var(--text-main);opacity:0.85}.seo-table tbody tr{transition:background 0.2s ease}.seo-table tbody tr:hover{background:rgba(255,255,255,0.03)}.seo-card .nav-tabs{border-bottom-color:rgba(255,255,255,0.08);gap:0.25rem}.seo-card .nav-tabs .nav-link{border-radius:8px 8px 0 0;color:var(--text-muted);border:1px solid transparent;transition:all 0.2s ease;padding:0.45rem 1rem;font-weight:500;font-size:0.88rem}.seo-card .nav-tabs .nav-link:hover{color:var(--text-main);background:rgba(255,255,255,0.03);border-color:transparent}.seo-card .nav-tabs .nav-link.active{color:var(--accent-cyan);background:rgba(6,182,212,0.06);border-color:rgba(6,182,212,0.25) rgba(6,182,212,0.25) transparent}.seo-card .collapse-toggle{font-size:0.78rem;text-decoration:none;opacity:0.7;transition:opacity 0.2s ease}.seo-card .collapse-toggle:hover{opacity:1}@media (max-width:991.98px){#canvases{flex:1;min-height:0}.col-lg-8 .glass-panel{height:calc(100vh - 130px)!important;display:flex;flex-direction:column}.seo-section{margin-top:2rem;padding-top:2rem}.seo-card{padding:1.25rem}.seo-card p,.seo-card li{font-size:0.85rem}}@media (max-width:575.98px){.nav-tabs .nav-link{flex:1;text-align:center;padding:0.35rem 0.85rem;font-size:0.8rem}.seo-title{font-size:1.25rem}.seo-card{padding:1rem;margin-bottom:1rem}.seo-card h2,.seo-card h3{font-size:1.05rem}.seo-card p,.seo-card li{font-size:0.82rem}.seo-table{font-size:0.72rem}.seo-table th,.seo-table td{padding:0.35rem 0.5rem}.seo-card .accordion-button{font-size:0.88rem;padding:0.85rem 2rem 0.85rem 0.85rem}.seo-card .accordion-body{font-size:0.82rem}.seo-steps li::before{width:1.6rem;height:1.6rem;font-size:0.75rem}.seo-steps li{padding-left:2.5rem;margin-bottom:1rem}.seo-steps li:not(:last-child)::after{left:0.75rem;top:1.75rem;height:calc(100% - 0.5rem)}.seo-card .nav-tabs .nav-link{padding:0.35rem 0.65rem;font-size:0.8rem}}@media (min-width:992px){.workspace-row{min-height:calc(100vh - 106px)}.col-lg-8,.col-lg-4{display:flex;flex-direction:column}.col-lg-8{flex:1 1 0%}.col-lg-4{flex:0 0 auto;width:425px;max-width:425px}.col-lg-8 .glass-panel{height:100%;display:flex;flex-direction:column}#canvases{flex:1;min-height:0;height:100%}.col-lg-4 .glass-panel{height:100%;max-height:100%;overflow-y:auto}.col-lg-4 .glass-panel::-webkit-scrollbar{width:6px}.col-lg-4 .glass-panel::-webkit-scrollbar-track{background:rgba(255,255,255,0.01)}.col-lg-4 .glass-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}.col-lg-4 .glass-panel::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25)}}.jy-magnifier-lens{position:absolute;display:none;pointer-events:none;z-index:9999;border-radius:50%;overflow:hidden;background:#04050a;border:2px solid var(--magnifier-color,#06b6d4);box-shadow:0 8px 32px var(--magnifier-glow,rgba(6,182,212,0.4)),inset 0 0 12px var(--magnifier-glow,rgba(6,182,212,0.2));transition:border-color 0.2s ease,box-shadow 0.2s ease}.jy-magnifier-lens::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.02) 100%);pointer-events:none;z-index:2;border-radius:50%}.cropper-line{background-color:var(--accent-cyan)!important}.cropper-view-box{outline:1px solid var(--accent-cyan)!important}.cropper-point{background-color:var(--accent-cyan)!important;width:14px!important;height:14px!important;opacity:1!important}.cropper-bg{background-image:none!important;background-color:#04050a!important}.cropper-modal{opacity:0.75!important;background-color:#000000!important}#perspectiveCanvas{touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.canvas-toolbar-controls{display:flex;align-items:center;justify-content:center;gap:0.65rem;background:rgba(4,5,10,0.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);border-radius:9999px;padding:0.35rem 0.75rem;box-shadow:0 4px 20px rgba(0,0,0,0.4);width:fit-content;margin:0 auto 0.5rem auto}.canvas-shortcut-bar{display:flex;align-items:center;justify-content:center;gap:0.5rem;background:rgba(4,5,10,0.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);border-radius:9999px;padding:0.35rem 0.7rem;box-shadow:0 4px 20px rgba(0,0,0,0.4);width:fit-content;margin:0.5rem auto 0 auto}.sc-btn{background:transparent;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--text-main);cursor:pointer;transition:all 0.2s ease;outline:none;padding:0}.sc-btn:hover{transform:translateY(-1px)}.sc-left,.sc-right{border:1.5px solid rgba(6,182,212,0.35);background:rgba(6,182,212,0.06);color:#67e8f9}.sc-left:hover,.sc-right:hover{background:rgba(6,182,212,0.15);border-color:rgba(6,182,212,0.7);box-shadow:0 0 12px rgba(6,182,212,0.3),0 4px 8px rgba(0,0,0,0.2)}.sc-top,.sc-bottom{border:1.5px solid rgba(245,158,11,0.35);background:rgba(245,158,11,0.06);color:#fbbf24}.sc-top:hover,.sc-bottom:hover{background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.7);box-shadow:0 0 12px rgba(245,158,11,0.3),0 4px 8px rgba(0,0,0,0.2)}.sc-auto{border:1.5px solid rgba(16,185,129,0.35);background:rgba(16,185,129,0.06);color:#34d399}.sc-auto:hover{background:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.7);box-shadow:0 0 12px rgba(16,185,129,0.3),0 4px 8px rgba(0,0,0,0.2)}.hud-label{font-size:0.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;white-space:nowrap}.hud-slider{width:120px;height:5px;accent-color:var(--accent-cyan);cursor:pointer;background:rgba(255,255,255,0.1);border-radius:9999px;border:none;outline:none}.hud-value-badge{font-size:0.7rem;font-weight:700;color:var(--accent-cyan);background:rgba(6,182,212,0.12);border:1px solid rgba(6,182,212,0.25);padding:0.1rem 0.4rem;border-radius:9999px;min-width:40px;text-align:center}.btn-hud-reset{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0.2rem;transition:all 0.2s ease;border-radius:50%}.btn-hud-reset:hover{color:#f87171;transform:rotate(-90deg);background:rgba(255,255,255,0.05)}.btn-hud-rotate{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0.2rem;transition:all 0.2s ease;border-radius:50%}.btn-hud-rotate:hover{color:var(--accent-cyan);background:rgba(6,182,212,0.08)}