.dtfpro-create-dialog{--dtfpro-create-accent:var(--bb-primary-color,#3d73e8);width:min(1320px,calc(100vw - 40px));height:min(1000px,calc(100vh - 40px));height:min(1000px,calc(100dvh - 40px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #e3e8f0;border-radius:18px;overflow:hidden;background:#fff;color:#17243b;box-shadow:0 24px 80px rgba(23,36,59,.24);font-family:inherit}
.dtfpro-create-dialog[open]{display:flex;flex-direction:column}.dtfpro-create-dialog::backdrop{background:rgba(225,232,243,.78);backdrop-filter:blur(5px)}
.dtfpro-create-dialog [hidden]{display:none!important}.dtfpro-create-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:18px 24px;border-bottom:1px solid #e3e8f0;background:#fff}
.dtfpro-create-header h2{margin:0;font-family:inherit;font-size:24px;font-weight:650;line-height:1.35;color:#17243b}.dtfpro-create-header .dtfpro-create-close{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:0;border:1px solid #e3e8f0;border-radius:10px;background:#fff;color:#617087;font:26px/1 Arial;cursor:pointer}
.dtfpro-create-iframe{display:block;flex:1;min-height:0;width:100%;border:0;margin:0;background:#fff}.dtfpro-create-status{flex:none;padding:10px 24px;background:#f5f7fb;color:#526178;font-size:13px}
.dtfpro-create-status.is-loading:before{content:"";display:inline-block;width:14px;height:14px;margin-right:9px;vertical-align:-2px;border:2px solid #dce3ed;border-top-color:var(--dtfpro-create-accent);border-radius:50%;animation:dtfpro-create-spin .7s linear infinite}
.dtfpro-create-error{flex:none;padding:20px 24px;color:#655121;font-size:14px;margin:auto;background:#fff;text-align:center}.dtfpro-create-error p{margin:0 0 12px}
.dtfpro-create-dialog .dtfpro-create-action,.dtfpro-create-footer button,.dtfpro-create-footer input[type=submit],.dtfpro-create-launch button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;height:auto;padding:9px 16px;margin:0 8px 0 0;border:1px solid #dce3ed;border-radius:10px;background:#fff;color:#617087;font:600 14px/1.4 system-ui;text-decoration:none;cursor:pointer;box-shadow:none}
.dtfpro-create-dialog .dtfpro-create-action:hover,.dtfpro-create-footer button:hover,.dtfpro-create-launch button:hover{background:var(--bb-primary-color,#3d73e8);border-color:var(--bb-primary-color,#3d73e8);color:#fff}.dtfpro-create-footer input[type=submit]{margin-right:0;background:var(--bb-primary-color,#3d73e8);border-color:var(--bb-primary-color,#3d73e8);color:#fff}.dtfpro-create-footer input[type=submit]:hover{background:var(--bb-primary-button-background-hover,#2e60cf);color:#fff}
.dtfpro-create-dialog button:focus-visible,.dtfpro-create-dialog a:focus-visible,.dtfpro-create-footer button:focus-visible,.dtfpro-create-footer input:focus-visible{outline:3px solid var(--bb-primary-color,#3d73e8);outline-offset:3px}
body.dtfpro-create-frame{margin:0;padding:0 0 78px;background:#fff;color:#17243b;font-family:system-ui,-apple-system,sans-serif}body.dtfpro-create-frame .dtfpro-create-content{padding:0;margin:0;max-width:none}.dtfpro-create-frame .dtfpro-add-layout{border:0;border-radius:0}.dtfpro-create-frame .dtfpro-add-preview{border-radius:0}.dtfpro-create-frame .dtfpro-create-footer{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:flex-end;align-items:center;gap:10px;min-height:70px;padding:14px 24px;border-top:1px solid #e3e8f0;background:#fff}.dtfpro-create-frame .dtfpro-create-footer button{margin:0}.dtfpro-create-frame .dtfpro-avito-tabs{padding:18px 24px 0}.dtfpro-create-frame .dtfpro-avito-panel{margin:20px 24px}.dtfpro-create-frame .dtfpro-create-complete{padding:32px 24px}.dtfpro-create-launch{margin:0 0 20px}
@keyframes dtfpro-create-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.dtfpro-create-status.is-loading:before{animation:none}}@media(max-width:600px){.dtfpro-create-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:12px}.dtfpro-create-header{padding:14px 16px;min-height:62px}.dtfpro-create-header h2{font-size:19px}.dtfpro-create-frame .dtfpro-create-footer{padding:12px 16px}.dtfpro-create-frame .dtfpro-avito-tabs{padding:16px 16px 0}.dtfpro-create-frame .dtfpro-avito-panel{margin:16px}}
/* Keep one scroll area and override WPAdverts' generic input text rule. */
html.adverts-edit-frame-document{height:100%;overflow:hidden}
body.dtfpro-create-frame{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
body.dtfpro-create-frame main.dtfpro-create-content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
body.dtfpro-create-frame .dtfpro-create-footer input[type=submit]{color:#fff!important;background:var(--bb-primary-color,#3d73e8)!important;border-color:var(--bb-primary-color,#3d73e8)!important}
body.dtfpro-create-frame .dtfpro-create-footer input[type=submit]:hover,body.dtfpro-create-frame .dtfpro-create-footer input[type=submit]:focus-visible{color:#fff!important;background:var(--bb-primary-button-background-hover,#2e60cf)!important;border-color:var(--bb-primary-button-background-hover,#2e60cf)!important}

/* Final creation-only geometry wins over the reused native editor appearance. */
.dtfpro-create-dialog { box-sizing: border-box; width: min(1160px, calc(100vw - 40px)); height: min(880px, calc(100vh - 40px)); height: min(880px, calc(100dvh - 40px)); border-radius: 16px; }
.dtfpro-create-dialog .dtfpro-create-header { box-sizing: border-box; min-height: 62px; padding: 12px 20px; gap: 16px; }
.dtfpro-create-dialog .dtfpro-create-header h2 { padding: 0; font-size: 21px; }
.dtfpro-create-dialog .dtfpro-create-header .dtfpro-create-close { box-sizing: border-box; width: 34px; height: 34px; min-width: 34px; min-height: 34px; margin: 0; border-radius: 9px; font-size: 24px; box-shadow: none; }
.dtfpro-create-dialog .dtfpro-create-close:hover { background: #eef3ff; border-color: var(--dtfpro-create-accent); color: var(--dtfpro-create-accent); }
.dtfpro-create-status { padding: 8px 20px; }
.dtfpro-create-error { padding: 16px 20px; }
body.dtfpro-create-frame { padding: 0 0 62px; font-size: 14px; line-height: 1.5; }
body.dtfpro-create-frame main.dtfpro-create-content { scrollbar-gutter: stable; }
.dtfpro-create-frame .dtfpro-create-footer { box-sizing: border-box; min-height: 62px; gap: 8px; padding: 10px 18px; margin: 0; }
body.dtfpro-create-frame .dtfpro-create-footer :is(button, input[type="submit"]) { box-sizing: border-box; min-height: 38px; height: auto; padding: 8px 14px; margin: 0; border-radius: 8px; font-size: 13px; line-height: 1.4; }
body.dtfpro-create-frame .dtfpro-create-footer input[type="submit"] { width: auto; }
.dtfpro-create-frame .dtfpro-avito { margin-bottom: 0; }
.dtfpro-create-frame .dtfpro-avito .dtfpro-avito-tabs { width: max-content; max-width: calc(100% - 36px); margin: 14px 18px 0; padding: 4px; gap: 4px; border-radius: 10px; }
.dtfpro-create-frame .dtfpro-avito .dtfpro-avito-tabs button { min-height: 36px; padding: 8px 12px; border-radius: 7px; font-size: 13px; line-height: 1.4; }
.dtfpro-create-frame .dtfpro-avito-tabs svg { width: 17px; height: 17px; }
.dtfpro-create-frame .dtfpro-avito-panel { margin: 16px 18px; padding: 18px; border-radius: 12px; }
.dtfpro-create-frame .dtfpro-avito-panel h2 { font-size: 19px; }
.dtfpro-create-frame .dtfpro-avito-lead { font-size: 14px; margin-bottom: 16px; }
.dtfpro-create-frame .dtfpro-avito-url-row input { min-height: 40px; height: 40px; font-size: 14px; }
.dtfpro-create-frame .dtfpro-avito .dtfpro-avito-button { min-height: 40px; padding: 9px 14px; font-size: 13px; }
.dtfpro-create-frame .dtfpro-avito-steps { margin-bottom: 18px !important; }
/* Keep confirmation above every part of the unchanged native form iframe. */
.dtfpro-create-dialog .dtfpro-create-confirm { position: absolute; inset: 0; z-index: 100; box-sizing: border-box; display: flex; align-items: center; justify-content: center; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 24px; background: rgba(23, 36, 59, .48); backdrop-filter: blur(4px); }
.dtfpro-create-dialog.is-confirming > :not(.dtfpro-create-confirm) { pointer-events: none; }
.dtfpro-create-confirm-panel { box-sizing: border-box; width: min(100%, 460px); max-height: 100%; overflow-y: auto; padding: 28px; border: 1px solid #e3e8f0; border-radius: 16px; background: #fff; color: #17243b; text-align: center; box-shadow: 0 18px 60px rgba(12, 24, 44, .25); }
.dtfpro-create-confirm-mark { display: grid; place-items: center; width: 46px; height: 46px; margin: 0 auto 16px; border-radius: 50%; background: #fff1dd; color: #965100; font: 700 26px/1 system-ui; }
.dtfpro-create-confirm-panel h3 { margin: 0 0 10px; padding: 0; color: #17243b; font-family: inherit; font-size: 23px; font-weight: 650; line-height: 1.3; overflow-wrap: anywhere; }
.dtfpro-create-confirm-panel p { margin: 0 0 22px; color: #526178; font-size: 15px; line-height: 1.55; overflow-wrap: anywhere; }
.dtfpro-create-confirm-actions { display: flex; flex-direction: column; gap: 10px; }
.dtfpro-create-dialog .dtfpro-create-confirm .dtfpro-create-action { box-sizing: border-box; width: 100%; min-width: 0; min-height: 46px; margin: 0; padding: 12px 16px; border-radius: 9px; white-space: normal; font-size: 14px; line-height: 1.4; }
.dtfpro-create-dialog .dtfpro-create-confirm .dtfpro-create-continue { background: var(--dtfpro-create-accent); border-color: var(--dtfpro-create-accent); color: #fff; }
.dtfpro-create-dialog .dtfpro-create-confirm .dtfpro-create-continue:hover { background: var(--bb-primary-button-background-hover, #2e60cf); border-color: var(--bb-primary-button-background-hover, #2e60cf); color: #fff; }
.dtfpro-create-dialog .dtfpro-create-confirm .dtfpro-create-discard { background: #fff4f4; border-color: #e5a0a5; color: #a61b29; }
.dtfpro-create-dialog .dtfpro-create-confirm .dtfpro-create-discard:hover { background: #a61b29; border-color: #a61b29; color: #fff; }
.dtfpro-create-dialog .dtfpro-create-confirm .dtfpro-create-discard:focus-visible { outline-color: #a61b29; }
@media (max-width: 600px) {
    .dtfpro-create-dialog { width: calc(100vw - 16px); height: calc(100vh - 16px); height: calc(100dvh - 16px); border-radius: 12px; }
    .dtfpro-create-dialog .dtfpro-create-header { padding: 10px 14px; min-height: 56px; gap: 12px; }
    .dtfpro-create-dialog .dtfpro-create-header h2 { font-size: 18px; }
    .dtfpro-create-dialog .dtfpro-create-confirm { padding: 16px; }
    .dtfpro-create-confirm-panel { padding: 22px 18px; border-radius: 12px; }
    .dtfpro-create-confirm-panel h3 { font-size: 20px; }
    .dtfpro-create-confirm-panel p { font-size: 14px; }
    .dtfpro-create-frame .dtfpro-create-footer { flex-wrap: nowrap; min-height: 62px; padding: 8px 12px; }
    body.dtfpro-create-frame .dtfpro-create-footer :is(button, input[type="submit"]) { min-height: 44px; padding: 8px 10px; font-size: 12px; }
    body.dtfpro-create-frame .dtfpro-create-footer input[type="submit"] { flex: 1; min-width: 0; white-space: normal; }
    .dtfpro-create-frame .dtfpro-avito .dtfpro-avito-tabs { width: calc(100% - 28px); max-width: none; margin: 12px 14px 0; }
    .dtfpro-create-frame .dtfpro-avito .dtfpro-avito-tabs button { flex: 1; min-width: 0; min-height: 44px; justify-content: center; padding: 8px; font-size: 12px; }
    .dtfpro-create-frame .dtfpro-avito-panel { margin: 14px; padding: 14px; }
    .dtfpro-create-frame .dtfpro-avito-url-row input { font-size: 16px; min-height: 44px; height: 44px; }
}