.task-dialog{color:#241b34;background:#fbf9ff;border:1px solid #dfd0f2;border-radius:20px;flex-direction:column;width:calc(100% - 24px);max-width:760px;max-height:90dvh;padding:24px;display:flex;overflow:hidden;box-shadow:0 24px 80px #16092140}.task-dialog>div:first-child{text-align:left;padding-right:28px}.task-dialog-body{overscroll-behavior:contain;min-height:0;padding:2px;overflow-y:auto}.task-dialog-footer{border-top:1px solid #e8dff1;justify-content:flex-end;padding-top:14px;display:flex}.task-dialog input:not([type=checkbox]):not([type=radio]):not([type=range]),.task-dialog textarea,.task-dialog select{color:#241b34;background:#fff;border:1px solid #d5c5e7;border-radius:10px;width:100%;min-height:44px;padding:10px}.task-dialog .btn,.task-dialog .sel{color:#39254d;background:#fff;border:1px solid #d5c5e7;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-weight:600;display:inline-flex}.task-dialog .pri,.task-dialog .sel.on{color:#fff;background:#7134c6;border-color:#7134c6}.task-dialog .chips2{flex-wrap:wrap;gap:8px;margin:10px 0 20px;display:flex}.task-dialog .sel{flex-direction:column;align-items:flex-start}.task-dialog .sel small,.task-dialog .hv small{font-size:12px;font-weight:400;display:block}.task-dialog .hv{border-bottom:1px solid #e8dff1;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.task-dialog .page-card{box-shadow:none;margin:0}.task-trigger{min-height:44px}.studio-context-bar{background:#fff;border:1px solid #dfd0f2;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:16px 18px;display:flex}.studio-context-bar h2{overflow-wrap:anywhere;margin:4px 0;font-size:16px}.studio-context-bar>div:first-child{flex:1;min-width:180px}.studio-context-actions,.campaign-create-actions,.media-task-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.campaign-create-actions{margin:20px 0}.studio-format-bar{border-bottom:1px solid #e8dff1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;padding:0 0 14px;display:flex}.task-dialog .publication-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.task-dialog .publication-selector>a{background:#fff;border:1px solid #dacbe8;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.task-dialog .publication-selector>a[aria-current=page]{background:#f3eafa;border-color:#8b46d3}.task-dialog .publication-selector img{object-fit:cover;border-radius:6px;flex-shrink:0;width:44px;height:48px}.task-dialog .publication-selector b{overflow-wrap:anywhere;font-size:13px}.task-dialog .publication-selector small{color:#756481;font-size:12px;display:block}.task-dialog .composer-actions{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.task-dialog button:disabled{opacity:.5;cursor:not-allowed}.caption-review{white-space:pre-wrap;background:#f4eef9;border-radius:10px;max-height:220px;margin:12px 0;padding:14px;overflow:auto}.crop-task-preview{border-radius:12px;max-width:260px;min-height:100px;margin:0 auto 16px;position:relative;overflow:hidden}.crop-task-preview canvas{width:100%;height:auto;display:block}.task-dialog .visual-options{grid-template-columns:1fr;gap:16px;display:grid}.task-dialog .composer-label{flex-direction:column;gap:8px;display:flex}.task-dialog input[type=range]{accent-color:#7134c6;width:100%;min-height:28px;display:block}.task-dialog .upload-zone input[type=file]{opacity:1;cursor:pointer;width:100%;height:auto;position:static;inset:auto}.image-settings-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:22px;display:grid}.image-settings-preview{background:#eee7f5;border-radius:12px;position:sticky;top:0;overflow:hidden}.image-settings-preview canvas{width:100%;height:auto;display:block}.image-settings-preview p{text-align:center;color:#685574;padding:10px;font-size:12px}.image-settings-tabs{min-width:0}.image-settings-tabs [role=tablist]{background:#eee7f5;gap:3px;width:100%;height:auto;margin-bottom:18px;padding:4px;display:flex}.image-settings-tabs [role=tab]{white-space:normal;flex:1;min-height:44px;padding:8px;font-size:13px}.image-settings-tabs [role=tab][data-state=active]{color:#fff;background:#7134c6}.image-settings-tabs .image-text-options{grid-template-columns:1fr}.image-settings-tabs .upload-zone{background:#f5f0fb;border:1px dashed #a783cd;border-radius:12px;gap:8px;padding:16px;font-size:13px;display:grid}.image-settings-tabs label{gap:8px;font-size:13px;display:grid}.image-settings-tabs .image-text-toggle{display:flex}@media (width<=600px){.image-settings-layout{grid-template-columns:1fr;gap:16px}.image-settings-preview{width:100%;max-width:150px;margin:0 auto;position:relative}.image-settings-tabs [role=tablist]{margin-bottom:12px}.task-dialog{max-height:94dvh;padding:18px}.task-dialog .publication-selector{grid-template-columns:1fr}.studio-context-actions{width:100%}.studio-context-actions>button{flex:1}.studio-context-bar{padding:14px}}.settings-device-toggle{background:#fff;justify-content:center;gap:4px;padding:8px;display:flex}.settings-device-toggle button{border:1px solid #d9cfe5;border-radius:7px;padding:6px 8px;font-size:11px}.settings-device-toggle button[aria-pressed=true]{color:#382146;background:#e5d6f5}.settings-mobile-canvas{width:min(100%,260px);margin-inline:auto}.settings-desktop-canvas{width:100%}@media (width<=600px){.image-settings-preview{width:100%;max-width:100%}.settings-mobile-canvas{max-width:220px}.image-settings-layout{gap:12px}.image-settings-tabs [role=tablist]{flex-wrap:wrap;height:auto;display:flex}}.image-settings-preview canvas{object-fit:contain;max-height:max(180px,90dvh - 270px)}.layout-page-selector{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.layout-page-selector button{color:#39254d;background:#fff;border:1px solid #d5c5e7;border-radius:9px;min-height:36px;padding:7px 14px}.layout-page-selector button[aria-pressed=true]{color:#fff;background:#7134c6;border-color:#7134c6}.interactive-visual{isolation:isolate;margin-inline:auto;position:relative}.image-settings-preview .interactive-visual canvas{object-fit:fill;width:100%;height:100%;max-height:none}.visual-direct-box{outline-offset:-1px;z-index:2;pointer-events:none;outline:1px dashed #fff;position:absolute;box-shadow:0 0 0 1px #241b3466}.visual-direct-box.is-selected{outline:2px solid #7134c6}.visual-direct-box .visual-direct-move{cursor:grab;pointer-events:auto;touch-action:none;background:0 0;border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.visual-direct-box .visual-direct-move:active{cursor:grabbing}.visual-direct-box .visual-direct-resize{color:#fff;cursor:nwse-resize;pointer-events:auto;touch-action:none;z-index:3;background:#7134c6;border:2px solid #fff;border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;position:absolute;bottom:-22px;right:-22px;box-shadow:0 2px 8px #241b3460}.visual-direct-box button:focus-visible{outline-offset:2px;outline:3px solid #f5c542}.image-settings-preview .direct-layout-hint{color:#534162;background:#fff;margin:0;padding:8px;font-size:11px;line-height:1.4}.visual-mobile-help{color:#6730b0;text-underline-offset:3px;background:#f2eafa;border:1px solid #d5c5e7;border-radius:10px;min-height:44px;margin-bottom:12px;padding:12px 14px;font-size:14px;line-height:1.5;text-decoration:underline;display:block}@media (prefers-reduced-motion:reduce){.task-dialog{transition:none!important;animation:none!important}}
