.tool-image-stitcher .tool-main,.tool-image-to-pdf .tool-main,.tool-english-amount .tool-main,.tool-image-stitcher .tool-header,.tool-image-to-pdf .tool-header,.tool-english-amount .tool-header{max-width:1460px}.media-topline{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 4px 15px;color:#899990;font-size:13px}.media-topline span:first-child{color:#496653}.media-topline i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#74a587;margin-right:7px}.media-drop{display:flex;align-items:center;gap:20px;padding:24px 28px;border:1px dashed #adc7b6;background:#ffffffa8;border-radius:20px;transition:background .2s}.media-drop.dragging{background:#e1eee3;border-color:#277151}.media-drop-mark{font-size:32px;color:#65896f;background:#eaf2ec;border-radius:14px;width:60px;height:60px;display:grid;place-items:center}.media-drop h2{font-size:17px;margin:0 0 7px}.media-drop p{font-size:13px;color:#899990;margin:0}.media-drop .tool-button{margin-left:auto}.media-import-status{font-size:12px;color:#5a6f63;min-height:18px;margin:8px 5px}.media-errors{white-space:pre-wrap;font-size:13px;color:#a14038;background:#fff1ec;padding:15px;border-radius:12px;margin-bottom:18px;max-height:150px;overflow:auto;overflow-wrap:anywhere}.media-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.media-controls{padding:24px;position:relative;z-index:3}.media-section-heading{display:flex;align-items:center;gap:10px}.media-section-heading>span{font-size:12px;color:#899990;border:1px solid #e0e9e2;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.media-section-heading h2{font-size:16px;margin:0}.media-controls .media-section-heading{margin-bottom:24px}.media-layout-switch{display:flex;gap:6px;margin-bottom:20px}.media-layout-switch button{flex:1;min-width:0;padding:11px 3px;background:#f5f7f5;border:1px solid #e0e8e1;border-radius:10px;font-size:12px}.media-layout-switch button b{display:block;font-size:23px;font-weight:400;margin-bottom:5px}.media-layout-switch button[aria-pressed=true]{color:#276445;border-color:#8db29b;background:#e9f2eb}.media-field{display:block;font-size:13px;color:#496653;margin:0 0 18px}.media-field input:not([type=checkbox]),.media-field select{width:100%;height:44px;margin-top:8px;padding:9px 12px;border:1px solid #ccdcd1;border-radius:10px;background:#fff;font-size:14px}.media-field .layui-form-select .layui-input{height:44px;min-height:44px;margin-top:8px}.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-color-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px;font-size:13px}.media-color-row label{display:flex;align-items:center;gap:6px}.media-color-row input[type=color]{width:34px;height:30px;padding:2px;background:#fff;border:1px solid #cdddce;border-radius:7px}.media-color-row input[type=checkbox]{accent-color:#2c6d4e}.media-note{font-size:13px;line-height:1.85;color:#899990;margin:12px 0 0}.media-export{margin-top:23px;padding-top:20px;border-top:1px solid #e1e9e3}.media-export>.tool-button{width:100%;gap:12px;margin-bottom:7px}.media-export p{font-size:12px;color:#5a6f63;line-height:1.8;margin:6px 0 0}.media-download{font-size:13px;color:#277151;text-decoration:underline;display:inline-block;margin-top:8px}.media-preview{padding:24px;min-width:0}.media-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.media-preview-head>span{font-size:12px;color:#5a6f63}.media-preview-scroll{height:558px;overflow:auto;border:1px solid #e0e7e1;border-radius:12px;background-color:#edf1ed;background-image:linear-gradient(45deg,#e5eae5 25%,transparent 25%),linear-gradient(-45deg,#e5eae5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5eae5 75%),linear-gradient(-45deg,transparent 75%,#e5eae5 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;padding:25px;position:relative}.media-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#edf2ef}.media-empty strong{font-size:18px;font-weight:500;margin-top:28px}.media-empty p{font-size:13px;color:#899990;padding:0 12px}.media-empty-art{display:flex;align-items:center;gap:0;isolation:isolate}.media-empty-art i{display:block;width:72px;height:94px;border:5px solid #fff;box-shadow:0 10px 30px #395e3820;border-radius:9px;background:linear-gradient(135deg,#cadece,#eef6ef);transform:rotate(-13deg)}.media-empty-art i:nth-child(2){background:linear-gradient(140deg,#ddcee8,#f4edf8);transform:translateY(-12px);z-index:1}.media-empty-art i:nth-child(3){background:linear-gradient(140deg,#edddc4,#fcf6e9);transform:rotate(13deg)}#media-canvas{display:block;max-width:100%;height:auto;margin:auto;box-shadow:0 3px 18px #193b2425}#media-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}#media-pages figure{margin:0;min-width:0;text-align:center}#media-pages canvas{max-width:100%;height:auto;box-shadow:0 3px 12px #24382d20;display:block;margin:auto}#media-pages figcaption{font-size:12px;color:#597063;margin-top:10px}.media-preview-caption{font-size:12px;color:#899990;line-height:1.85;margin:14px 0 0}.media-queue{margin-top:20px;padding:24px}.media-queue-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.media-queue-head h2{font-size:16px;margin:0}.media-queue-head h2 span{font-size:12px;font-weight:400;color:#899990;margin-left:10px}.media-queue-head p{font-size:13px;color:#899990;margin:7px 0}.media-quiet{display:inline-flex;align-items:center;gap:5px;border:0;background:none;font-size:13px;color:#5b7e67;padding:8px}.media-quiet:hover{color:#277151}.media-queue-head>div:last-child{display:flex;white-space:nowrap}#media-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px;padding:0;margin:18px 0 0;list-style:none}#media-list li{padding:9px;background:#f6f8f5;border:1px solid #e1e9e1;border-radius:13px;min-width:0}#media-list li>strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:8px}#media-list li>small{font-size:12px;color:#899990;display:block;margin-top:4px}.media-thumb{height:104px;position:relative;background:#e7eee8;border-radius:8px;overflow:hidden;display:grid;place-items:center}.media-thumb img{max-width:100%;max-height:100px;object-fit:contain}.media-thumb>span{position:absolute;left:6px;top:6px;background:#ffffffdf;border-radius:5px;padding:1px 6px;font-size:12px}.media-handle{position:absolute;right:5px;top:4px;background:#ffffffdf;border:0;border-radius:5px;font-size:19px;line-height:26px;cursor:grab;touch-action:none}.media-item-actions{display:flex;gap:5px;margin-top:8px}.media-item-actions button{flex:1;font-size:17px;line-height:27px;background:#fff;border:1px solid #dce5dd;border-radius:6px}.media-item-actions button:last-child{color:#9b635e}.media-guide article{max-width:400px}.media-guide p{font-size:13px}.media-controls .layui-form-select dl{max-height:220px;z-index:20}.media-controls .layui-form-select{min-width:0}.media-controls .layui-form-select .layui-input{padding-right:27px;font-size:13px}.media-controls .layui-form-selected{z-index:10}@media(max-width:900px){.media-workspace{grid-template-columns:260px minmax(0,1fr)}.media-controls,.media-preview{padding:18px}.media-preview-scroll{height:575px;padding:16px}#media-pages{grid-template-columns:1fr}.media-topline{align-items:flex-start;flex-direction:column;gap:5px}}@media(max-width:650px){.tool-image-stitcher .tool-main,.tool-image-to-pdf .tool-main,.tool-english-amount .tool-main{padding:0 16px 24px}.media-workspace{grid-template-columns:1fr}.media-drop{flex-wrap:wrap;padding:19px;gap:13px}.media-drop-mark{width:45px;height:45px;font-size:26px}.media-drop>div:nth-child(2){flex:1}.media-drop .tool-button{width:100%;margin-top:5px}.media-drop p{font-size:12px;line-height:1.9}.media-controls{padding:22px}.media-preview-scroll{height:400px}.media-preview-head{align-items:flex-start;flex-direction:column;gap:10px}.media-empty strong{font-size:16px}.media-queue{padding:18px}.media-queue-head{align-items:flex-start}.media-queue-head p{font-size:12px}.media-queue-head>div:last-child{flex-direction:column}.media-queue-head .media-quiet{padding:3px 5px}#media-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#media-list li>small{font-size:12px}.media-guide{gap:22px}.media-controls .layui-form-select dl{max-height:185px}.media-preview{padding:18px}}
