@font-face{font-family:'Nanum Gothic';src:url('./assets/fonts/nanumgothic/NanumGothic-Regular.ttf') format('truetype');font-display:swap}
.dt-page{max-width:1600px;margin:auto;padding:30px 28px 55px;color:var(--ink)}.dt-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.dt-heading h1{font-size:31px;letter-spacing:-1px;margin:14px 0 10px}.dt-heading p,.dt-subtle{font-size:13px;color:var(--muted);line-height:1.8}.dt-reference{font-size:11px;white-space:nowrap;color:var(--muted)}.dt-reference a{color:var(--blue)}.dt-tabs{display:flex;gap:8px;margin:0 0 20px;border-bottom:1px solid var(--line)}.dt-tabs a{padding:12px 16px;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent}.dt-tabs a[aria-current]{border-color:var(--blue);color:var(--blue);font-weight:700}.dt-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 280px;gap:16px;align-items:start}.dt-panel{background:var(--theme-surface,#fff);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}.dt-panel h2{font-size:16px;margin:0 0 16px}.dt-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:15px}.dt-page button,.dt-page select,.dt-page input,.dt-page textarea{font:inherit;color:var(--ink);box-sizing:border-box}.dt-page button,.dt-page .dt-file-button{border:1px solid var(--line);background:var(--theme-control,#fff);padding:9px 12px;border-radius:8px;cursor:pointer;font-size:12px;text-decoration:none;color:var(--ink)}.dt-page button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.dt-page button:disabled{opacity:.45;cursor:not-allowed}.dt-page input:not([type=file]),.dt-page select,.dt-page textarea{border:1px solid var(--line);border-radius:8px;background:var(--theme-control,#fff);padding:10px;width:100%;font-size:13px}.dt-field{display:grid;gap:8px;margin:14px 0;font-size:12px}.dt-actions{display:grid;gap:9px;margin-top:16px}.dt-viewport{overflow:auto;max-height:73vh;min-height:430px;background:var(--theme-soft,#edf0f6);border-radius:10px;padding:18px;overscroll-behavior:contain;display:flex;align-items:flex-start;justify-content:center}.dt-stage{position:relative;flex-shrink:0;max-width:100%;touch-action:none;box-shadow:0 5px 22px #0002}.dt-stage canvas{display:block;width:100%;height:auto;background:#fff}.dt-stage .dt-annotation{position:absolute;cursor:move;white-space:pre-wrap;line-height:1.2;min-width:24px;min-height:18px;border:1px dashed #4c86fb;background:#fff9;color:#172030;touch-action:none;user-select:none}.dt-empty{padding:75px 15px;text-align:center;color:var(--muted);line-height:2;font-size:14px;align-self:center}.dt-empty b{display:block;color:var(--ink);font-size:18px;margin:14px}.dt-page-list{display:grid;gap:7px;max-height:60vh;overflow:auto}.dt-page-row{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid var(--line);border-radius:9px}.dt-page-row.active{border-color:var(--blue);background:var(--theme-soft,#f2f5ff)}.dt-page-row>button:first-child{flex:1;text-align:left;border:0;background:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-page-row button{padding:7px;font-size:11px}.dt-status{font-size:12px;line-height:1.8;min-height:30px;overflow-wrap:anywhere}.dt-status.error{color:#de6767}.dt-result-text{min-height:120px;resize:vertical}.dt-info{border-top:1px solid var(--line);padding-top:13px;font-size:11px;color:var(--muted);line-height:1.8}.dt-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.dt-text-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dt-language{display:flex;gap:10px;align-items:center;margin-bottom:15px}.dt-language select{flex:1}.dt-language button{flex-shrink:0}.dt-editor{width:100%;min-height:360px;resize:vertical;line-height:1.9}.dt-column-label{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 12px;font-size:14px}.dt-translation-settings{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.dt-translation-settings .dt-field{margin:0;max-width:220px}.dt-translation-settings progress{accent-color:var(--blue);height:8px;flex:1;min-width:100px}.dt-doc-preview{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.dt-doc-preview figure{margin:0;min-width:0}.dt-doc-preview figcaption{font-size:12px;padding:12px}.dt-doc-preview canvas{width:100%;height:auto;background:#fff}.dt-doc-scroll{max-height:560px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.dt-blocks{display:grid;gap:12px;max-height:360px;overflow:auto}.dt-blocks article{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start;padding:10px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}.dt-blocks textarea{min-height:60px;resize:vertical}.dt-page [hidden]{display:none!important}.dt-page.dragover{outline:3px dashed var(--blue);outline-offset:-8px}.dt-page :focus-visible{outline:2px solid var(--blue);outline-offset:2px}.dt-disclosure{margin-top:16px;font-size:12px;line-height:1.8;color:var(--muted)}.dt-disclosure summary{cursor:pointer;color:var(--ink)}.compact-tools{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:1100px){.dt-layout{grid-template-columns:180px minmax(0,1fr)}.dt-settings{grid-column:1/-1}.dt-actions{grid-template-columns:repeat(3,1fr)}.dt-viewport{max-height:65vh}.compact-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.dt-page{padding:22px 12px}.dt-heading{display:block}.dt-layout,.dt-text-layout,.dt-doc-preview{grid-template-columns:1fr}.dt-pages-panel{order:2}.dt-viewport{min-height:280px;padding:10px}.dt-page-list{max-height:200px}.dt-actions{grid-template-columns:repeat(2,1fr)}.dt-editor{min-height:260px}.dt-blocks article{grid-template-columns:1fr}.dt-language{gap:5px}.dt-heading h1{font-size:26px}}

.dt-remote-consent{display:flex;align-items:flex-start;gap:9px;flex:1 1 100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--theme-soft,#f2f5ff);font-size:12px;line-height:1.6;color:var(--ink)}.dt-remote-consent input{width:auto!important;margin:2px 0 0;flex:0 0 auto}.dt-remote-consent span{min-width:0}
.dt-mode-tabs{gap:8px}
.dt-mode-tabs button.active{border-color:var(--blue);background:var(--theme-soft,#f2f5ff);color:var(--blue);font-weight:700}
.dt-image-workspace .dt-panel{padding:20px}
.dt-image-top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.dt-image-top h2{margin:0 0 5px;font-size:20px}
.dt-image-top p{margin:0}
.dt-image-options{display:grid;grid-template-columns:minmax(150px,220px) minmax(150px,220px) 1fr;gap:16px;align-items:end;margin:18px 0}
.dt-image-options .dt-field{margin:0}
.dt-image-options>.dt-subtle{padding-bottom:10px}
.dt-image-layout{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:16px;align-items:start}
.dt-image-queue-panel,.dt-image-preview-panel{min-width:0;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--theme-control,#fff)}
.dt-image-queue-panel .dt-column-label{margin:0 0 5px}
.dt-image-queue-panel>p{margin:0 0 12px}
.dt-image-queue{display:grid;gap:8px;max-height:640px;overflow:auto;padding:0;margin:0;list-style:none}
.dt-image-queue-item{display:grid;grid-template-columns:30px 58px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:9px;min-width:0}
.dt-image-order{font-size:11px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.dt-image-queue-item>img{width:58px;height:48px;object-fit:cover;background:var(--theme-soft,#edf0f6);border-radius:5px}
.dt-image-name{display:grid;gap:4px;min-width:0;font-size:11px}
.dt-image-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt-image-name small{color:var(--muted)}
.dt-image-reorder{display:grid;grid-template-columns:repeat(3,30px);gap:3px}
.dt-image-reorder button{padding:5px!important;min-width:28px}
.dt-image-preview-panel>.dt-toolbar{justify-content:center}
.dt-image-preview-scroll{max-height:72vh;overflow:auto;padding:14px;background:var(--theme-soft,#edf0f6);border-radius:10px;display:flex;justify-content:center;align-items:flex-start}
.dt-image-page{display:grid;grid-template-columns:repeat(var(--dt-image-columns),minmax(0,1fr));grid-template-rows:repeat(var(--dt-image-rows),minmax(0,1fr));gap:1.7%;width:min(100%,760px);aspect-ratio:var(--dt-image-ratio);padding:2.8%;box-sizing:border-box;flex:0 0 auto;background:#fff;box-shadow:0 5px 22px #0002}
.dt-image-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;margin:0;border:1px solid #d4d8df;background:#fff}
.dt-image-cell img{width:100%;height:100%;object-fit:contain;min-width:0;min-height:0}
.dt-image-cell figcaption{position:absolute;left:0;right:0;bottom:0;padding:5px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#111c;color:#fff;font-size:10px}
.dt-image-cell-empty{border:1px dashed #b8c0cc;background:#f7f8fa;color:#77808d;font-size:12px}
.dt-image-empty{display:grid;align-content:center;justify-items:center;gap:12px;min-height:420px;text-align:center;color:var(--muted);font-size:13px}
.dt-image-empty b{color:var(--ink);font-size:17px}
.dt-image-save{width:100%;margin-top:10px}
.dt-image-workspace.dragover{outline:3px dashed var(--blue);outline-offset:-8px}
@media(max-width:900px){.dt-image-options{grid-template-columns:1fr 1fr}.dt-image-options>.dt-subtle{grid-column:1/-1;padding:0}.dt-image-layout{grid-template-columns:1fr}.dt-image-queue{max-height:260px}}
@media(max-width:700px){.dt-image-workspace .dt-panel{padding:12px}.dt-image-top{align-items:flex-start;flex-direction:column}.dt-image-options{grid-template-columns:1fr 1fr;gap:10px}.dt-image-queue-item{grid-template-columns:25px 48px minmax(0,1fr) auto;gap:5px;padding:5px}.dt-image-queue-item>img{width:48px;height:42px}.dt-image-reorder{grid-template-columns:repeat(3,26px)}.dt-image-preview-scroll{padding:7px}.dt-image-page{width:100%;padding:2.4%;gap:1.2%}.dt-image-cell figcaption{padding:3px 4px;font-size:8px}.dt-image-empty{min-height:280px}}