:root{--nav-height: 56px;--right-sidebar-width: 380px;--max-content-width: 1400px;--primary-accent: #3b82f6;--border-color: #e5e7eb;--bg-primary: #fff;--bg-secondary: #f9fafb;--bg-tertiary: #fff;--bg-default: #f3f4f6;--bg-hover: #eff6ff;--border-dashed: #d1d5db;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #9ca3af}#center-content{flex:1;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;padding:2rem;height:calc(100vh - var(--nav-height));overflow:hidden}.toolbar-group-right{width:100%;max-width:var(--max-content-width);margin:10px auto;display:flex;justify-content:flex-end}#canvas-info{width:100%;max-width:var(--max-content-width, 1400px);margin:1.5rem auto 0;text-align:center;color:var(--text-muted, #6b7f99);font-size:.99rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}#canvas-viewport{width:100%;height:100%;max-width:100%;max-height:100%;min-width:380px;min-height:380px;margin:0 auto;background:#fff;display:flex!important;align-items:center!important;justify-content:center!important;position:relative;overflow:hidden;border:none;box-shadow:none;border-radius:0;transition:none;padding:0;cursor:pointer}#resize-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted, #6b7f99);cursor:pointer;-webkit-user-select:none;user-select:none;background:none}#resize-placeholder svg{width:54px;height:54px;stroke:var(--primary-accent,#4583f7);stroke-width:1.6;margin-bottom:1.1rem;opacity:.8}#resize-placeholder span{font-weight:500;font-size:1.13rem;color:var(--text-secondary, #42526e);letter-spacing:.01em}#image-preview-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#image-to-resize{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:40px;box-sizing:border-box}.panel-section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.panel{background:var(--bg-primary);padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000000f}.action-button.active{background-color:var(--primary-accent)!important;color:#fff!important;border-color:var(--primary-accent)!important}.action-button.secondary{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.action-button.secondary:hover{background-color:var(--bg-hover)}#percent-btns .action-button{padding:.5rem;font-size:.875rem}.original-size-info{margin-right:1.5rem;padding-right:1.5rem;border-right:1px solid var(--border-color, #e0e0e0)}.resized-size-info{font-weight:700;color:var(--primary-accent)}@media(max-width:1024px){#app-container{flex-direction:column;height:auto}#center-content{padding:1rem;height:70vh;grid-template-rows:auto 1fr auto}}