.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 var(--border-strong)!important;background:var(--surface-elevated)!important;overflow:hidden!important}.graffiti-toolbar-horizontal{background:var(--surface-elevated)!important;border-bottom:1px solid var(--border)!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:var(--border-strong)!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:var(--accent)!important;border-radius:50%!important;cursor:pointer!important;border:2px solid var(--surface-elevated)!important;box-shadow:var(--shadow-sm)!important;transition:transform .1s ease}.opacity-slider::-webkit-slider-thumb:hover,.size-slider::-webkit-slider-thumb:hover{transform:scale(1.1);background:var(--accent-dark)!important}.opacity-slider::-moz-range-thumb,.size-slider::-moz-range-thumb{width:14px!important;height:14px!important;background:var(--accent)!important;border-radius:50%!important;cursor:pointer!important;border:2px solid var(--surface-elevated)!important;box-shadow:var(--shadow-sm)!important}.opacity-slider::-moz-range-track,.size-slider::-moz-range-track{height:6px!important;background:var(--border-strong)!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 var(--surface-elevated)!important;border-radius:50%!important;cursor:pointer!important;background:none!important;box-shadow:var(--shadow-sm)!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(--accent)!important}.brush-style{font-size:.8rem!important;width:auto!important;padding:0 8px!important;border-radius:16px!important;border:1px solid var(--input-border)!important;background:var(--input-bg)!important;color:var(--text-primary)!important;cursor:pointer!important;text-align:center!important}.image-modal-body,.image-modal-carousel{overflow:hidden!important}.image-modal-carousel{height:100%!important;background:var(--media-bg)!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:var(--media-scrim)!important;border:1px solid var(--media-glass-hover)!important;color:var(--media-text)!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:var(--media-scrim-strong)!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:var(--surface-elevated)!important;border-left:1px solid var(--border)!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:4px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary)}button.gtool:hover{border-color:var(--accent)}@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 var(--border)!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}}@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:var(--scrollbar-thumb);border-radius:10px}.dropdown-menu-panel{position:absolute;background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-md);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;color:var(--text-primary)}.dropdown-item:hover{background:var(--surface-raised)}.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:var(--text-faint);margin-left:4px}.option-hint--fixed{color:var(--text-faint);opacity:.75}.dropdown-section-header,.dropdown-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}.dropdown-section-header{background:var(--surface-raised);border-radius:6px;margin-bottom:2px;border-bottom:none}.dropdown-toggle-label{font-size:13px;color:var(--text-primary)}.dropdown-section-label{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.3px}.dropdown-divider{height:1px;background:var(--border);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:var(--border-strong);border-radius:20px;transition:background .3s}.toggle-thumb{position:absolute;width:14px;height:14px;background:var(--text-primary);border-radius:50%;top:3px;left:3px;transition:transform .3s,background .3s}.toggle-input:checked+.toggle-slider{background:var(--accent)}.toggle-input:checked+.toggle-slider .toggle-thumb{transform:translateX(16px);background:var(--on-accent)}