.file-converter-workspace{--converter-purple:#844fff;--converter-purple-soft:#f7f3ff;--converter-purple-line:#b89eee;--converter-ink:#000;--converter-copy:#666;display:grid;width:min(1320px,100%);height:540px;margin:0 auto;padding:0 24px 24px;grid-template-columns:minmax(0,737fr) minmax(0,511fr);grid-template-rows:432px 60px;-moz-column-gap:24px;column-gap:24px;row-gap:24px;border-radius:24px;background:#fff}.file-converter-workspace__output,.file-converter-workspace__source{display:flex;min-width:0;flex-direction:column;gap:22px;padding-top:36px}.file-converter-workspace__output>header,.file-converter-workspace__source>header{display:flex;height:40px;flex:0 0 40px;align-items:center;justify-content:space-between}.file-converter-workspace__output>header h2,.file-converter-workspace__source>header h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--converter-ink);font-size:16px;font-weight:500;line-height:25px}.file-converter-workspace__output>header h2 svg,.file-converter-workspace__source>header h2 svg{width:24px;height:24px;flex:0 0 24px}.file-converter-workspace__source{grid-column:1;grid-row:1}.file-converter-workspace__output{grid-column:2;grid-row:1/3}.file-converter-workspace__format{position:relative}.file-converter-workspace__format>button{display:flex;height:40px;min-width:125px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--converter-purple);border-radius:10px;padding:0 15px;background:#fff;color:var(--converter-ink);font-size:14px;font-weight:700}.file-converter-workspace__format>button svg{width:20px;height:20px}.file-converter-workspace__format-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:10;width:240px;overflow:hidden;border:1px solid #e7e7e7;border-radius:12px;padding:6px;background:#fff;box-shadow:0 12px 32px rgba(20,20,20,.12)}.file-converter-workspace__format-menu button{display:flex;width:100%;align-items:center;gap:8px;border:0;border-radius:8px;padding:10px;background:rgba(0,0,0,0);color:var(--converter-ink);font-size:14px;text-align:left}.file-converter-workspace__format-menu button:hover,.file-converter-workspace__format-menu button[data-active=true]{background:var(--converter-purple-soft)}.file-converter-workspace__format-menu button svg{width:16px;height:16px;flex:0 0 16px}.file-converter-workspace__format-menu button svg:last-child{margin-left:auto}.file-converter-workspace__dropzone{display:flex;min-height:0;flex:1;flex-direction:column;align-items:center;padding-top:120px;gap:18px;border:1px dashed var(--converter-purple-line);border-radius:16px;background:var(--converter-purple-soft);cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.file-converter-workspace__dropzone[data-dragging=true]{border-color:var(--converter-purple);background:#efe8ff}.file-converter-workspace__dropzone.is-uploaded{cursor:default}.file-converter-workspace__dropzone.is-uploaded>svg{width:80px;height:80px}.file-converter-workspace__dropzone.is-uploaded strong{max-width:calc(100% - 32px);margin-top:16px;overflow:hidden;color:var(--converter-ink);font-size:18px;font-weight:600;line-height:28px;text-overflow:ellipsis;white-space:nowrap}.file-converter-workspace__dropzone.is-uploaded span{color:var(--converter-copy);font-size:14px;line-height:22px}.file-converter-workspace__dropzone>span{color:#999;font-size:14px;line-height:22px}.file-converter-workspace__upload-icon{width:48px;height:48px;margin-bottom:20px}.file-converter-workspace__upload-button{display:flex;height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--converter-purple);border-radius:12px;padding:0 20px;background:#fff;color:var(--converter-purple);font-size:16px;font-weight:500}.file-converter-workspace__upload-button svg{width:24px;height:24px}.file-converter-workspace__result{display:flex;min-height:0;flex:1;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-radius:16px;background:#f8f8f8}.file-converter-workspace__result>svg{width:60px;height:60px}.file-converter-workspace__result>strong{max-width:calc(100% - 32px);margin-top:24px;overflow:hidden;color:var(--converter-ink);font-size:18px;font-weight:600;line-height:28px;text-overflow:ellipsis;white-space:nowrap}.file-converter-workspace__result>span{margin-top:8px;color:var(--converter-copy);font-size:14px;line-height:22px}.file-converter-workspace__result>div{display:flex;height:50px;align-items:stretch;gap:16px;margin-top:24px}.file-converter-workspace__result>div a,.file-converter-workspace__result>div button{display:inline-flex;height:50px;align-items:center;justify-content:center;border-radius:12px;padding:0 15px;font-size:16px;font-weight:500;text-decoration:none}.file-converter-workspace__result>div button{border:1px solid var(--converter-purple);background:#fff;color:var(--converter-purple)}.file-converter-workspace__result>div a{width:207px;border:0;background:linear-gradient(90deg,#844fff,#e9a6ff);color:#fff}.file-converter-workspace__convert{display:flex;width:100%;height:60px;grid-column:1;grid-row:2;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;background:linear-gradient(90deg,#844fff,#e9a6ff);color:#fff;font-size:20px;font-weight:600}.file-converter-workspace__convert:disabled{background:#ccc;cursor:not-allowed}.file-converter-workspace__convert svg{width:20px;height:20px;animation:file-converter-spin .9s linear infinite}.file-converter-workspace__convert,.file-converter-workspace__format>button,.file-converter-workspace__result a,.file-converter-workspace__result button,.file-converter-workspace__upload-button{cursor:pointer;transition:opacity .16s ease,background-color .16s ease}.file-converter-workspace__convert:hover:not(:disabled),.file-converter-workspace__format>button:hover:not(:disabled),.file-converter-workspace__result a:hover:not(:disabled),.file-converter-workspace__result button:hover:not(:disabled),.file-converter-workspace__upload-button:hover:not(:disabled){opacity:.82}.file-converter-workspace__convert:focus-visible,.file-converter-workspace__format>button:focus-visible,.file-converter-workspace__result a:focus-visible,.file-converter-workspace__result button:focus-visible,.file-converter-workspace__upload-button:focus-visible{outline:2px solid var(--converter-purple);outline-offset:2px}.file-converter-workspace__loader{width:48px;height:48px;color:var(--converter-purple);animation:file-converter-spin .9s linear infinite}@keyframes file-converter-spin{to{transform:rotate(1turn)}}@media(max-width:900px){.file-converter-workspace{height:auto;padding:20px;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:20px}.file-converter-workspace__output,.file-converter-workspace__source{grid-column:1;grid-row:auto;gap:16px;padding:0}.file-converter-workspace__dropzone,.file-converter-workspace__result{min-height:280px}.file-converter-workspace__convert{grid-column:1;grid-row:2}.file-converter-workspace__output{grid-row:3}}@media(max-width:560px){.file-converter-workspace{padding:16px;border-radius:16px}.file-converter-workspace__dropzone,.file-converter-workspace__result{min-height:240px;padding:16px}.file-converter-workspace__result>div{width:100%}.file-converter-workspace__result>div a,.file-converter-workspace__result>div button{min-width:0;flex:1;padding-inline:12px}}@media(prefers-reduced-motion:reduce){.file-converter-workspace__convert svg,.file-converter-workspace__loader{animation:none}}