:root{--df-image-stage:#f8f7f5;--df-image-panel:#fffdfb;--df-image-border:#e9e3de;--df-image-border-strong:#dcd2ca;--df-image-shadow:0 16px 38px rgba(69,53,43,.07);--df-image-shadow-soft:0 7px 20px rgba(69,53,43,.055)}body .image-tool-page{background:#fff!important;border:1px solid #e3e7ef;border-radius:20px;box-shadow:0 18px 50px #1c27420f;color:#172238;height:max(700px,calc(100dvh - 132px))!important;margin:0!important;min-height:700px;overflow:hidden;width:100%!important}body .image-tool-page .top-toolbar{align-items:center;background:#fffdfbf7!important;border-bottom:1px solid var(--df-image-border)!important;box-shadow:none!important;display:flex;gap:18px;height:auto!important;justify-content:space-between;min-height:76px!important;padding:15px clamp(18px,2.2vw,30px)!important}body .image-tool-page .toolbar-left{min-width:0}body .image-tool-page :is(.editor-title,.page-title,.image-grid-title){color:var(--df-text)!important;font-size:var(--df-fs-xl,20px)!important;font-weight:600!important;letter-spacing:var(--df-tracking-display,.02em);line-height:1.35;margin:0!important}body .image-tool-page .image-grid-title{font-size:var(--df-fs-xl,20px)!important}body .image-tool-page :is(.page-subtitle,.tool-subtitle){color:var(--df-text-muted)!important;font-size:13px!important;line-height:1.45;margin:6px 0 0!important}body .image-tool-page .toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px!important;justify-content:flex-end}body .image-tool-page .toolbar-right .v-btn{border-radius:11px;box-shadow:none!important;margin:0!important;min-height:42px}body .image-tool-page :is(.editor-main,.main-content){align-items:stretch;background:#f7f8fc!important;display:grid!important;gap:16px;grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(250px,320px);min-height:0;min-width:0;padding:16px}body .image-tool-page .editor-main:has(.left-sidebar):not(:has(.right-sidebar)),body .image-tool-page .main-content:has(.left-sidebar):not(:has(.right-sidebar)){grid-template-columns:minmax(230px,280px) minmax(0,1fr)}body .image-tool-page .editor-main:not(:has(.left-sidebar)):has(.right-sidebar),body .image-tool-page .main-content:has(.preview-section):has(.tools-section),body .image-tool-page .main-content:not(:has(.left-sidebar)):has(.right-sidebar){grid-template-columns:minmax(0,1fr) minmax(280px,360px)}body .image-tool-page:not(.page-container):not(.image-to-doc-page):not(.quick-convert-page) :is(.left-sidebar,.right-sidebar,.tools-section){background:#fff!important;border:1px solid #e1e6ef!important;border-radius:16px;min-width:0;overflow:auto;width:auto!important}body .image-tool-page .left-sidebar{background:#fbfcfe!important}body .image-tool-page :is(.tool-section,.config-section,.upload-section,.files-list-section,.properties-panel,.settings-section){border-color:var(--df-image-border)!important;padding:18px!important}body .image-tool-page .section-title{color:var(--df-text)!important;font-size:var(--df-fs-md,15px)!important;font-weight:600!important;letter-spacing:var(--df-tracking-normal,.02em)}body .image-tool-page :is(.center-area,.canvas-area,.preview-area,.preview-section){background:radial-gradient(circle at 18% 18%,rgba(84,86,217,.11),transparent 32%),radial-gradient(circle at 84% 80%,rgba(8,125,104,.08),transparent 28%),#f7f8fc!important;border:1px solid #e1e6ef;border-radius:16px;min-width:0;overflow:auto}body .image-tool-page :is(.empty-canvas,.empty-preview,.empty-state,.empty-list){color:var(--df-text)!important}body .image-tool-page :is(.empty-title,.empty-preview h3){color:var(--df-text)!important;font-size:var(--df-fs-xl,20px)!important;font-weight:600!important;letter-spacing:var(--df-tracking-display,.02em);margin:18px 0 7px!important}body .image-tool-page :is(.empty-subtitle,.empty-text,.upload-hint){color:var(--df-text-muted)!important;line-height:1.6}body .image-tool-page :is(.upload-area,.upload-zone){background:#fffdfb!important;border:1.5px dashed var(--df-image-border-strong)!important;border-radius:14px!important;box-shadow:none!important;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease!important}body .image-tool-page :is(.upload-area,.upload-zone):focus-visible,body .image-tool-page :is(.upload-area,.upload-zone):hover,body .image-tool-page :is(.upload-area.drag-over,.upload-zone.drag-over,.upload-zone.is-dragging){background:var(--df-primary-soft)!important;border-color:var(--df-primary)!important;box-shadow:0 0 0 3px #ff5b4f14!important;transform:none!important}body .image-tool-page :is(.upload-area,.upload-zone):focus-visible,body .image-tool-page :is(button,[role=button],.v-btn):focus-visible{outline:2px solid var(--df-primary);outline-offset:3px}body .image-tool-page :is(.v-card,.image-card,.image-item,.file-card,.preview-item,.file-info,.file-info-card){border-color:var(--df-image-border)!important;border-radius:14px!important;box-shadow:none!important}body .image-tool-page :is(.image-card,.image-item,.file-card):hover{border-color:#e4b2aa!important;box-shadow:var(--df-image-shadow-soft)!important;transform:translateY(-2px)}body .image-tool-page :is(.v-field,.v-btn-toggle,.v-chip){border-radius:10px}body .image-tool-page .v-field{background:#fff!important}body .image-tool-page .v-btn{letter-spacing:0!important;text-transform:none!important}body .image-tool-page:is(.image-to-doc-page,.quick-convert-page,.page-container){background:radial-gradient(circle at 18% 18%,rgba(84,86,217,.08),transparent 32%),#f7f8fc!important;height:auto!important;min-height:max(700px,calc(100dvh - 132px));overflow:visible;padding:clamp(18px,2.5vw,30px)!important}body .image-tool-page:is(.image-to-doc-page,.quick-convert-page,.page-container)>.v-container{margin:0 auto;max-width:1480px;padding:0!important;width:100%}body .image-tool-page .page-header{margin-bottom:22px!important}body .image-tool-page .page-header h1,body .quick-convert-page .v-card-title h1{color:var(--df-text)!important;font-size:var(--df-fs-xl,20px)!important;font-weight:600!important;letter-spacing:var(--df-tracking-display,.02em);margin:0!important}body .quick-convert-page>.v-container>.v-row>.v-col{flex-basis:980px!important;max-width:980px!important}body .image-to-doc-page .bg-primary,body .quick-convert-page .bg-gradient{background:#fffdfb!important;color:var(--df-text)!important}body .image-to-doc-page .bg-primary .v-icon,body .quick-convert-page .bg-gradient .v-icon{color:var(--df-primary)!important}body .page-container .content-wrapper>.v-row>.v-col{flex:1 1 100%!important;max-width:none!important}body .page-container .grid-card>.v-card-title{background:#fffdfb;border-bottom-color:var(--df-image-border)!important;gap:20px}body .page-container .grid-layout{gap:clamp(18px,2vw,28px)!important}body .page-container .control-panel{border:1px solid #e1e6ef!important;border-radius:16px!important;width:auto!important}body .page-container .canvas-area{border-color:var(--df-image-border)!important;border-radius:16px!important}body .image-tool-page ::-webkit-scrollbar{height:8px;width:8px}body .image-tool-page ::-webkit-scrollbar-track{background:transparent}body .image-tool-page ::-webkit-scrollbar-thumb{background:#cec5bd;background-clip:padding-box;border:2px solid transparent;border-radius:999px}@media (max-width:1100px){body .image-tool-page{height:auto!important;min-height:0}body .image-tool-page :is(.editor-main,.main-content){min-height:660px}body .image-tool-page .editor-main:has(.left-sidebar):has(.right-sidebar){grid-template-columns:minmax(210px,240px) minmax(0,1fr)}body .image-tool-page .editor-main:has(.left-sidebar):has(.right-sidebar) .right-sidebar{grid-column:1/-1;width:auto!important}}@media (max-width:768px){body .image-tool-page{border-radius:14px;margin:0!important;width:100%!important}body .image-tool-page .top-toolbar{align-items:stretch!important;flex-direction:column;padding:16px!important}body .image-tool-page .toolbar-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body .image-tool-page .toolbar-right .v-btn{width:100%}body .image-tool-page :is(.editor-main,.main-content,.grid-layout){display:flex!important;flex-direction:column!important;min-height:0;padding:12px}body .image-enhance-container .tools-section,body .image-tool-page :is(.left-sidebar,.right-sidebar,.control-panel){max-height:none!important;width:100%!important}body .image-tool-page :is(.center-area,.canvas-area,.preview-area,.preview-section){min-height:440px}body .image-tool-page:is(.image-to-doc-page,.quick-convert-page,.page-container){padding:14px!important}body .page-container .grid-card>.v-card-title{align-items:stretch!important;flex-direction:column;padding:18px!important}}@media (prefers-reduced-motion:reduce){body .image-tool-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}