:root{--blue:#1a56c8;--blue-lt:#3b82f6;--navy:#0a1628;--gold:#c9933a;--gold-bg:rgba(201,147,58,.08);--white:#fff;--off-white:#faf8f4;--gray-lt:#9ba3b2;--border:rgba(10,22,40,.1);--radius:10px;--radius-lg:16px;--shadow-lg:0 20px 60px rgba(10,22,40,.14)}.image-modal-dialog{max-width:1000px!important;width:95vw!important;margin:2vh auto!important}.image-modal-content{height:90vh!important;border-radius:var(--radius-lg)!important;border:1px solid hsla(0,0%,66.3%,.52)!important;overflow:hidden!important}.graffiti-toolbar-horizontal{background:#e4ebff!important;padding:8px 4px!important;flex-shrink:0!important;z-index:2000!important}.graffiti-toolbar-horizontal,.graffiti-toolbar-horizontal .graffiti-toolbar-left{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important}.gtool-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.opacity-slider,.size-slider{-webkit-appearance:none!important;appearance:none!important;width:70px!important;height:6px!important;background:rgba(10,22,40,.15)!important;border-radius:50px!important;outline:none!important;cursor:pointer!important;margin:0 5px!important}.opacity-slider::-webkit-slider-thumb,.size-slider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:14px!important;height:14px!important;background:#28a745!important;border-radius:50%!important;cursor:pointer!important;border:2px solid #fff!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;transition:transform .1s ease}.opacity-slider::-webkit-slider-thumb:hover,.size-slider::-webkit-slider-thumb:hover{transform:scale(1.1);background:#218838!important}.opacity-slider::-moz-range-thumb,.size-slider::-moz-range-thumb{width:14px!important;height:14px!important;background:#28a745!important;border-radius:50%!important;cursor:pointer!important;border:2px solid #fff!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important}.opacity-slider::-moz-range-track,.size-slider::-moz-range-track{height:6px!important;background:rgba(10,22,40,.15)!important;border-radius:50px!important}.color-picker{-webkit-appearance:none!important;appearance:none!important;width:32px!important;height:32px!important;padding:0!important;border:2px solid #fff!important;border-radius:50%!important;cursor:pointer!important;background:none!important;box-shadow:0 2px 5px rgba(0,0,0,.15)!important;flex-shrink:0!important;overflow:hidden!important;vertical-align:middle!important}.color-picker::-webkit-color-swatch-wrapper{padding:0!important}.color-picker::-webkit-color-swatch{border:none!important;border-radius:50%!important}.color-picker::-moz-color-swatch{border:none!important;border-radius:50%!important}.color-picker:hover{transform:scale(1.05);border-color:var(--gold)!important}.brush-style{font-size:.8rem!important;width:auto!important;padding:0 8px!important;border-radius:16px!important;border:1px solid rgba(10,22,40,.15)!important;background:var(--white)!important;color:var(--navy)!important;cursor:pointer!important;text-align:center!important}.image-modal-body,.image-modal-carousel{overflow:hidden!important}.image-modal-carousel{height:100%!important;background:#000!important}.image-modal-carousel-next,.image-modal-carousel-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:1060!important;width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(10,22,40,.55)!important;border:1px solid hsla(0,0%,100%,.18)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;cursor:pointer!important;pointer-events:auto!important;opacity:.6!important;transition:opacity .2s ease,background .18s!important}.image-modal-carousel-prev{left:12px!important}.image-modal-carousel-next{right:12px!important}.image-modal-carousel-next:hover,.image-modal-carousel-prev:hover{opacity:1!important;background:rgba(10,22,40,.85)!important}.image-modal-sidebar{width:95px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:8px!important;padding:10px 8px!important;background:#e4ebff!important;border-left:1px solid rgba(10,22,40,.1)!important;z-index:2000!important;flex-shrink:0!important;overflow-y:auto!important}.modal-sidebar-btn{flex-direction:column!important;gap:4px!important;font-size:.7rem!important;opacity:1!important}.modal-sidebar-btn i{font-size:.95rem!important;line-height:1!important}.modal-sidebar-btn span{font-size:.65rem!important;line-height:1.2!important}button.gtool{border-radius:10px;border-color:#00000014}.dark-mode .image-modal-content{background:#111827!important;border-color:rgba(232,224,208,.13)!important}.dark-mode .graffiti-toolbar-horizontal{background:#1e2736!important;border-bottom-color:rgba(232,224,208,.07)!important}.dark-mode .opacity-slider,.dark-mode .size-slider{background:rgba(232,224,208,.14)!important}.dark-mode .opacity-slider::-webkit-slider-thumb,.dark-mode .size-slider::-webkit-slider-thumb{background:var(--blue-lt)!important}.dark-mode .opacity-slider::-moz-range-thumb,.dark-mode .size-slider::-moz-range-thumb{background:var(--blue-lt)!important}.dark-mode .opacity-slider::-moz-range-track,.dark-mode .size-slider::-moz-range-track{background:rgba(232,224,208,.14)!important}.dark-mode .color-picker{border-color:rgba(232,224,208,.15)!important}.dark-mode .color-picker:hover{border-color:var(--gold)!important}.dark-mode .brush-style{background:#161d2b!important;border-color:rgba(232,224,208,.1)!important;color:#e8e0d0!important}.dark-mode .image-modal-carousel{background:#060d18!important}.dark-mode .image-modal-carousel-next,.dark-mode .image-modal-carousel-prev{background:rgba(232,224,208,.12)!important;border-color:rgba(232,224,208,.22)!important}.dark-mode .image-modal-carousel-next:hover,.dark-mode .image-modal-carousel-prev:hover{background:rgba(232,224,208,.25)!important}.dark-mode .image-modal-sidebar{background:#1e2736!important;border-left-color:rgba(232,224,208,.07)!important}@media (max-width:900px){.image-modal-dialog{max-width:98vw!important;width:98vw!important;margin:1vh auto!important}.image-modal-content{height:90vh!important}.graffiti-toolbar-horizontal{padding:8px 12px!important;gap:8px!important}.color-picker{width:26px!important;height:26px!important}.opacity-slider,.size-slider{width:52px!important}.brush-style{width:54px!important}.image-modal-sidebar{width:78px!important;padding:8px 6px!important}.modal-sidebar-btn{font-size:.65rem!important;padding:7px 4px!important}.modal-sidebar-btn i{font-size:.85rem!important}.modal-sidebar-btn span{font-size:.55rem!important}}@media (max-width:600px){.image-modal-dialog{max-width:100vw!important;width:100vw!important;margin:0!important}.image-modal-content{height:90dvh!important;border-radius:0!important}.graffiti-toolbar-horizontal{padding:7px 10px!important;overflow-x:auto!important;flex-wrap:wrap!important}.graffiti-toolbar-horizontal::-webkit-scrollbar{display:none!important}.gtool{min-width:34px!important;min-height:34px!important;font-size:.85rem!important}.image-modal-body{flex-direction:column!important}.image-modal-carousel{flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important}.image-modal-sidebar{width:100%!important;height:auto!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;padding:8px 14px!important;gap:10px!important;border-left:none!important;border-top:1px solid rgba(10,22,40,.1)!important;overflow-x:auto!important;overflow-y:visible!important;flex-shrink:0!important;scrollbar-width:none!important}.image-modal-sidebar::-webkit-scrollbar{display:none!important}.modal-sidebar-btn{flex-direction:row!important;gap:6px!important;min-width:72px!important;min-height:38px!important;padding:7px 12px!important;font-size:.7rem!important;white-space:nowrap!important;width:auto!important}.modal-sidebar-btn i{margin-bottom:0!important;font-size:.88rem!important}.modal-sidebar-btn span{font-size:.66rem!important}html.dark-mode .image-modal-sidebar{border-top-color:rgba(232,224,208,.07)!important;box-shadow:inset 0 4px 14px rgba(0,0,0,.25)!important}}@media (max-width:375px){.graffiti-toolbar-horizontal{gap:6px!important;padding:6px 8px!important}.gtool{min-width:30px!important;min-height:30px!important;font-size:.8rem!important;padding:0!important}.color-picker{width:24px!important;height:24px!important}.opacity-slider,.size-slider{width:42px!important}.brush-style{width:44px!important}.modal-sidebar-btn{min-width:60px!important;min-height:34px!important;padding:5px 8px!important;font-size:.62rem!important;gap:4px!important}.modal-sidebar-btn i{font-size:.78rem!important}.modal-sidebar-btn span{font-size:.58rem!important}}body.text-modal-open .graffiti-canvas{pointer-events:none!important}.brush-dropdown,.circle-dropdown,.rect-dropdown{max-height:300px;overflow-y:auto;overflow-x:hidden}.brush-dropdown::-webkit-scrollbar,.circle-dropdown::-webkit-scrollbar,.rect-dropdown::-webkit-scrollbar{width:5px}.brush-dropdown::-webkit-scrollbar-track,.circle-dropdown::-webkit-scrollbar-track,.rect-dropdown::-webkit-scrollbar-track{background:transparent}.brush-dropdown::-webkit-scrollbar-thumb,.circle-dropdown::-webkit-scrollbar-thumb,.rect-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.dark-mode .brush-dropdown,.dark-mode .circle-dropdown,.dark-mode .rect-dropdown{background:#1e1e1e;border-color:#444;box-shadow:0 4px 15px rgba(0,0,0,.5)}.dark-mode .brush-dropdown::-webkit-scrollbar-thumb,.dark-mode .circle-dropdown::-webkit-scrollbar-thumb,.dark-mode .rect-dropdown::-webkit-scrollbar-thumb{background:#555}.dropdown-menu-panel{position:absolute;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.15);padding:8px;z-index:3000;flex-direction:column;gap:4px;min-width:160px}.circle-dropdown.dropdown-menu-panel{min-width:210px;gap:2px}.dropdown-item{padding:6px 10px;cursor:pointer;border-radius:6px;font-size:13px}.dropdown-item:hover{background:#f0f0f0}.dropdown-arrow{font-size:9px;opacity:.7;line-height:1;margin-top:1px}.gtool--has-arrow{display:inline-flex;align-items:center;gap:3px}.option-hint{font-size:10px;color:#aaa;margin-left:4px}.option-hint--fixed{color:#bbb}.dropdown-section-header,.dropdown-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid #eee;margin-bottom:4px}.dropdown-section-header{background:#f8f9fa;border-radius:6px;margin-bottom:2px;border-bottom:none}.dropdown-toggle-label{font-size:13px}.dropdown-section-label{font-size:11px;color:#888;font-weight:600;letter-spacing:.3px}.dropdown-divider{height:1px;background:#eee;margin:4px 0}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:#ccc;border-radius:20px;transition:background .3s}.toggle-thumb{position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s}.toggle-input:checked+.toggle-slider{background:#007bff}.toggle-input:checked+.toggle-slider .toggle-thumb{transform:translateX(16px)}.dark-mode .dropdown-menu-panel{background:#1e2736!important;border-color:#3a3a3a;box-shadow:0 4px 15px rgba(0,0,0,.45)}.dark-mode .dropdown-item{color:#e0e0e0}.dark-mode .dropdown-item:hover{background:#2e2e2e}.dark-mode .dropdown-section-header{background:#2a2a2a}.dark-mode .dropdown-section-label{color:#888}.dark-mode .dropdown-toggle-label{color:#ccc}.dark-mode .dropdown-toggle-row{border-bottom-color:#333}.dark-mode .dropdown-divider{background:#333}.dark-mode .option-hint{color:#666}.dark-mode .option-hint--fixed{color:#555}.dark-mode .toggle-slider{background:#555}.dark-mode .toggle-thumb{background:#ccc}.dark-mode .toggle-input:checked+.toggle-slider{background:#39f}.dark-mode .toggle-input:checked+.toggle-slider .toggle-thumb{background:#fff}