/* LyfPDF v23 advanced editor and image/PDF labs */
body.pro-tool-page .tool-wrap{max-width:1280px}
.v23-watermark{grid-template-columns:390px minmax(0,1fr)}
.v23-sidebar{max-height:calc(100vh - 96px)}
.v23-stage{min-height:720px}
.v23-tabs{grid-template-columns:repeat(3,1fr)}
.tool-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 14px}
.tool-palette.compact{grid-template-columns:1fr 1fr}
.tool-chip{appearance:none;border:1px solid #d4e0e8;border-radius:11px;background:#fff;color:#40566c;padding:.65rem .58rem;font:800 .75rem var(--ff);cursor:pointer;transition:.16s ease;white-space:nowrap}
.tool-chip:hover{border-color:#5ec8c4;transform:translateY(-1px)}
.tool-chip.active{border-color:#0f9f8f;background:linear-gradient(135deg,#e8fbf7,#eef6ff);color:#08796e;box-shadow:0 0 0 3px rgba(15,159,143,.08)}
.editor-inspector{border:1px solid #dce7ed;border-radius:15px;background:#f8fbfc;padding:12px;margin:11px 0}
.format-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:.45rem 0 .75rem}
.format-row label{display:flex;align-items:center;gap:5px;border:1px solid #d9e4ea;border-radius:9px;background:#fff;padding:.45rem .55rem;color:#40566c;font-size:.75rem;font-weight:780}
.layer-list{display:grid;gap:6px;margin:12px 0}
.layer-row{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:1px solid #dce6ec;border-radius:10px;background:#fff;padding:.58rem .65rem;color:#344b60;text-align:left;cursor:pointer}
.layer-row.active{border-color:#2563eb;background:#eff6ff}.layer-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:780;font-size:.76rem}.layer-row small{color:#8796a5}
.v23-before-after{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:640px}
.v23-before-after figure{display:flex;flex-direction:column;min-height:640px}
.canvas-scroll{overflow:auto;flex:1;display:flex;align-items:flex-start;justify-content:center;border-radius:13px;background:linear-gradient(45deg,#e5eaee 25%,transparent 25%),linear-gradient(-45deg,#e5eaee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5eaee 75%),linear-gradient(-45deg,transparent 75%,#e5eaee 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;background-color:#f7fafc;padding:10px}
.canvas-scroll .preview-zoom{min-width:260px;max-width:none}
.v23-before-after canvas{border-radius:4px!important;box-shadow:0 18px 38px rgba(15,35,62,.16)!important}
.refine-card{border:1px solid #dce7ed;border-radius:15px;background:linear-gradient(180deg,#fff,#f7fbfc);padding:12px;margin:12px 0}
.v23-bg-workspace{grid-template-columns:365px minmax(0,1fr)}
.v23-bg-sidebar{max-height:calc(100vh - 96px);overflow:auto}
.v23-bg-stage{min-height:680px}
.bg-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:590px}
.bg-preview-grid figure{display:flex;flex-direction:column;margin:0;min-width:0}
.bg-preview-grid figcaption{display:inline-flex;align-self:flex-start;margin:0 0 7px;padding:.3rem .5rem;border-radius:8px;background:#10243d;color:#fff;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.bg-preview-grid .lab-canvas-wrap{min-height:540px}
.result-wrap canvas{cursor:crosshair;touch-action:none}
.image-pdf-studio{display:grid;grid-template-columns:365px minmax(0,1fr);gap:14px;align-items:start}
.image-pdf-side{position:sticky;top:82px;max-height:calc(100vh - 100px);overflow:auto;border:1px solid #dce8ed;border-radius:21px;background:linear-gradient(180deg,#fff,#f7fbfc);padding:17px;box-shadow:0 20px 48px rgba(15,35,62,.08)}
.image-pdf-side h3{margin:10px 0 16px;color:#18334a}
.image-pdf-main{border:1px solid #dce8ed;border-radius:21px;background:#eef4f6;overflow:hidden;min-height:690px;box-shadow:0 20px 48px rgba(15,35,62,.08)}
.image-queue{display:flex;gap:8px;overflow:auto;padding:12px;border-bottom:1px solid #dce6ec;background:#f8fbfc}
.image-queue-card{appearance:none;position:relative;display:flex;align-items:center;gap:8px;min-width:210px;max-width:280px;border:1px solid #dbe5eb;border-radius:13px;background:#fff;padding:7px;text-align:left;cursor:pointer;box-shadow:0 8px 20px rgba(15,35,62,.04)}
.image-queue-card.active{border-color:#0f9f8f;box-shadow:0 0 0 3px rgba(15,159,143,.09)}
.image-queue-card img{width:56px;height:56px;border-radius:9px;object-fit:cover;background:#edf2f5}
.image-queue-card span{min-width:0;flex:1}.image-queue-card b,.image-queue-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-queue-card b{font-size:.74rem;color:#20394e}.image-queue-card small{font-size:.65rem;color:#7b8a99;margin-top:3px}.image-queue-card em{position:absolute;right:5px;top:4px;width:22px;height:22px;border-radius:7px;background:#fff0f3;color:#b4234d;display:grid;place-items:center;font-style:normal;font-weight:900}
.image-preview-shell{display:grid;place-items:center;min-height:590px;padding:18px;overflow:auto;background:linear-gradient(45deg,#e4eaee 25%,transparent 25%),linear-gradient(-45deg,#e4eaee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4eaee 75%),linear-gradient(-45deg,transparent 75%,#e4eaee 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:#f7fafc}
.image-preview-shell canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 18px 44px rgba(15,35,62,.2)}
.preview-head{position:absolute;left:-9999px}
.compression-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.compression-stats span{padding:10px;border:1px solid #dce7ed;border-radius:12px;background:#fff}.compression-stats b,.compression-stats small{display:block}.compression-stats b{color:#18334a;font-size:.9rem}.compression-stats small{color:#82909e;font-size:.66rem;margin-top:2px}
.transform-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}
.crop-canvas-shell{position:relative;display:grid;place-items:center;min-height:610px;padding:18px;overflow:auto;background:#1f2937}
.crop-canvas-shell canvas{display:block;max-width:100%;height:auto;box-shadow:0 18px 50px rgba(0,0,0,.45);touch-action:none;cursor:crosshair}
.crop-tip{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:.45rem .7rem;border-radius:999px;background:rgba(4,12,28,.82);color:#dce9f5;font-size:.69rem;font-weight:760;white-space:nowrap;pointer-events:none}
.v23-image-drop{min-height:430px!important}
@media(max-width:1080px){.v23-watermark{grid-template-columns:340px minmax(0,1fr)}.v23-bg-workspace,.image-pdf-studio{grid-template-columns:330px minmax(0,1fr)}}
@media(max-width:900px){.v23-watermark,.v23-bg-workspace,.image-pdf-studio{grid-template-columns:1fr}.v23-sidebar,.v23-bg-sidebar,.image-pdf-side{position:static;max-height:none}.v23-before-after,.bg-preview-grid{grid-template-columns:1fr}.v23-before-after figure,.bg-preview-grid .lab-canvas-wrap{min-height:420px}.image-pdf-main{min-height:560px}.image-preview-shell,.crop-canvas-shell{min-height:480px}}
@media(max-width:560px){.tool-palette{grid-template-columns:1fr 1fr}.v23-tabs{grid-template-columns:1fr}.v23-before-after figure{min-height:360px}.canvas-scroll{padding:5px}.bg-preview-grid .lab-canvas-wrap{min-height:330px}.image-queue-card{min-width:180px}.crop-tip{white-space:normal;width:calc(100% - 30px);text-align:center}}
