.dtf-builder>header{height:auto!important}.dtf-layout{display:grid;grid-template-columns:minmax(540px,1.05fr) minmax(420px,.95fr);background:#1c2226}.dtf-editor,.dtf-output{padding:20px}.dtf-output{display:grid;align-content:start;gap:14px;border-left:1px solid #39434a;background:#171c20}.dtf-settings{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px}.dtf-settings label,.dtf-row label{display:grid;gap:6px;color:#aeb8bd;font-size:10px}.dtf-settings input,.dtf-settings select,.dtf-row input{box-sizing:border-box;width:100%;border:1px solid #43505a;border-radius:8px;background:#12181c;color:#f2f4f5}.dtf-toolbar,.dtf-drafts>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 9px}.dtf-toolbar>div{display:grid;gap:3px}.dtf-toolbar small{color:#88969e}.dtf-rows{display:grid;gap:9px}.dtf-row{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(120px,1fr) repeat(3,minmax(72px,.6fr)) minmax(82px,.65fr) auto;align-items:end;gap:7px;padding:10px;border:1px solid #39454d;border-radius:11px;background:#20272c}.dtf-file{position:relative;padding:9px;border:1px dashed #53616a;border-radius:8px;cursor:pointer}.dtf-file input{position:absolute;width:1px;height:1px;opacity:0}.dtf-file span{color:#f0f3f4}.dtf-file small{overflow:hidden;color:#819099;text-overflow:ellipsis;white-space:nowrap}.dtf-check{display:flex!important;align-items:center!important;padding:9px 2px}.dtf-check input{width:16px}.dtf-delete{min-height:39px}.dtf-actions,.dtf-export{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.dtf-stage{position:relative;display:grid;place-items:center;min-height:420px;overflow:auto;border:1px solid #3b464d;border-radius:12px;background:#11171a}.dtf-stage canvas{display:block;width:100%;height:auto}.dtf-stage p{position:absolute;color:#819098}.dtf-drafts{margin-top:24px;border-top:1px solid #39434a}.dtf-drafts>header{margin-top:14px}.dtf-drafts>header button{padding:7px 11px}.dtf-drafts #dtfDraftList{display:grid;gap:7px}.dtf-drafts #dtfDraftList>button{display:flex;align-items:center;justify-content:space-between;text-align:left}.dtf-drafts #dtfDraftList span{display:grid;gap:3px}.dtf-drafts #dtfDraftList small,.dtf-drafts .muted{color:#87949b;font-size:9px}.dtf-drafts #dtfDraftList em{color:#f39bca;font-style:normal}.dtf-output .tool-metrics{grid-template-columns:repeat(4,1fr)}
@media(max-width:1150px){.dtf-layout{grid-template-columns:1fr}.dtf-output{border-top:1px solid #39434a;border-left:0}.dtf-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.dtf-editor,.dtf-output{padding:13px}.dtf-settings,.dtf-row{grid-template-columns:1fr 1fr}.dtf-output .tool-metrics{grid-template-columns:1fr 1fr}.dtf-stage{min-height:300px}}
@media(max-width:430px){.dtf-settings,.dtf-row{grid-template-columns:1fr}}
.dtf-output .tool-metrics{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.dtf-quality-warn{border-color:#d99a27!important}.dtf-quality-warn b{color:#ffc35c!important}.dtf-quality-ok b{color:#83d7b2!important}
.dtf-view-toolbar{display:flex;align-items:center;justify-content:space-between}.dtf-view-toolbar>span{color:#aeb8bd;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.dtf-view-toolbar>div{display:flex;gap:5px}.dtf-view-toolbar button{min-width:36px;padding:7px 10px}.dtf-view-toolbar #dtfZoomValue{min-width:58px}.dtf-stage{display:block;max-height:68vh;overscroll-behavior:contain;scrollbar-color:#6d7880 #11171a;touch-action:pan-x pan-y}.dtf-stage canvas{width:100%;max-width:none;transform-origin:top left;transition:width .15s ease}.dtf-pan-help{color:#7f8c94;font-size:9px}
.dtf-drafts{padding:14px;border:1px solid #39434a;border-radius:12px;background:#171c20}.dtf-drafts>header{margin:0 0 10px;color:#e9edef}.dtf-drafts #dtfDraftList>button{padding:10px 12px;border:1px solid #46525a;border-radius:9px;background:#222a2f;color:#edf1f3}.dtf-drafts #dtfDraftList>button:hover{border-color:#d91682;background:#282f34}.dtf-drafts #dtfDraftList .dtf-draft-author{color:#c8d0d4}.dtf-draft-name{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:5px 12px;margin-top:16px;padding:12px;border:1px solid #39454d;border-radius:11px;background:#20272c}.dtf-draft-name label{display:grid;gap:6px;color:#d4dade;font-size:10px}.dtf-draft-name input{box-sizing:border-box;width:100%;border:1px solid #53616a;border-radius:8px;background:#12181c;color:#f4f6f7}.dtf-draft-name small{color:#88969e;font-size:9px}.dtf-discard{border-color:#8d3949!important;color:#ffb3bf!important}@media(max-width:700px){.dtf-draft-name{grid-template-columns:1fr}}
.staff-tool-panel .dtf-drafts>header{min-height:0!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:#171c20!important;box-shadow:none!important;color:#e9edef!important}.staff-tool-panel .dtf-drafts>header b{color:#e9edef!important;font-weight:500!important}.staff-tool-panel .dtf-drafts>header button{background:#252d32!important;border:1px solid #52606a!important;color:#f2f4f5!important;box-shadow:none!important}