.quobli-title-editor{width:min(1120px,94vw);max-width:94vw;max-height:92dvh;padding:0;border:1px solid #c8d9d0;border-radius:16px;color:#111;background:#fff;box-shadow:0 24px 90px #0005;overflow:auto}
.quobli-title-editor::backdrop{background:#12251bcc}.quobli-title-editor>header{padding:18px 24px 8px}.quobli-title-editor h2{margin:0 0 6px;color:#111}.quobli-title-editor p{margin:4px 0 8px}.quobli-title-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:24px;padding:8px 24px 18px}.quobli-title-preview{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#eff4f1;border-radius:10px;padding:12px}.quobli-title-preview canvas{display:block;max-width:100%;max-height:58dvh;width:auto;height:auto;object-fit:contain}.quobli-title-controls{display:flex;flex-direction:column;gap:12px;min-width:0}.quobli-title-controls label{display:flex;flex-direction:column;gap:4px;color:#111;font-size:13px;font-weight:600}.quobli-title-controls textarea,.quobli-title-controls select,.quobli-title-controls input:not([type=checkbox]):not([type=range]){width:100%;box-sizing:border-box;border:1px solid #bfd2c7;border-radius:6px;padding:8px;font:inherit;color:#111;background:#fff;min-width:0}.quobli-title-controls input[type=color]{height:36px;padding:3px!important}.quobli-title-controls input[type=checkbox]{align-self:flex-start;width:18px;height:18px;accent-color:#008636}.quobli-title-controls input[type=range]{width:100%;accent-color:#008636}.quobli-title-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.quobli-title-presets{display:flex;flex-wrap:wrap;gap:6px}.quobli-title-editor button{border:1px solid #adc6b8;border-radius:7px;background:#fff;color:#123320;padding:9px 13px;font-weight:600;cursor:pointer}.quobli-title-editor button:hover:not(:disabled){background:#eaf8ee}.quobli-title-editor button[aria-pressed=true]{background:#dcf4e4;border-color:#008636}.quobli-title-editor button.primary{color:#fff;background:#008636}.quobli-title-editor button:disabled{opacity:.5;cursor:wait}.quobli-title-editor>footer{position:sticky;bottom:0;display:flex;gap:10px;align-items:center;padding:12px 24px;background:#fff;border-top:1px solid #dbe5df;z-index:1}.quobli-title-editor>footer p{flex:1;min-width:0;font-size:13px}.quobli-title-editor small{font-size:12px;color:#465c50}.quobli-title-editor :focus-visible{outline:3px solid #25b966;outline-offset:2px}
.quobli-research-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.quobli-research-toolbar>button,.quobli-research-toolbar>a{font-size:13px;min-height:36px;padding:8px 12px;white-space:normal}.quobli-research-toolbar>button:not(.primary){background:#fff;color:#111;border:1px solid #b8cec1}.quobli-research-toolbar>button:not(.primary):hover:not(:disabled){background:#eaf8ee}
@media(max-width:760px){.quobli-title-layout{grid-template-columns:1fr;padding:8px 14px;gap:14px}.quobli-title-preview canvas{max-height:38dvh}.quobli-title-editor>header{padding:16px 14px 4px}.quobli-title-editor>footer{padding:10px 14px;flex-wrap:wrap}.quobli-title-editor>footer p{flex-basis:100%}.quobli-title-editor>footer button{flex:1}}

.quobli-title-editor button.primary:hover:not(:disabled){background:#006d2d}
.quobli-title-controls{max-height:66dvh;overflow-y:auto;padding:2px 10px 2px 2px;scrollbar-gutter:stable}
.quobli-title-word-panel{display:flex;flex-direction:column;gap:8px;border:1px solid #c8d9d0;border-radius:9px;padding:10px;background:#f7faf8}
.quobli-title-word-panel>strong{font-size:13px;color:#111}.quobli-title-words{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow-y:auto;padding:3px}
.quobli-title-words button{display:inline-flex;align-items:center;gap:6px;max-width:100%;overflow-wrap:anywhere;font-size:12px;line-height:1.4;padding:5px 8px;color:#14281d}
.quobli-title-words button::before{content:'';flex:0 0 10px;height:10px;border:1px solid #7d8d84;border-radius:50%;background:var(--word-color,#fff)}
.quobli-title-words button[aria-pressed=true]{box-shadow:0 0 0 1px #008636;background:#dcf4e4}
.quobli-title-word-tools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:7px}.quobli-title-word-tools label{flex:0 0 78px}.quobli-title-word-tools button{min-height:36px;padding:8px 10px;font-size:12px}.quobli-title-word-panel>button{align-self:flex-start;font-size:12px;padding:6px 9px}
.quobli-title-editor .quobli-title-word-panel button:disabled{cursor:default}
.quobli-title-censor-panel{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #c8d9d0;border-radius:9px;background:#f7faf8}.quobli-title-censor-panel>button{align-self:flex-start;font-size:12px}.quobli-title-censor-panel textarea{resize:vertical;min-height:105px}.quobli-title-settings output{font-size:12px;font-weight:400;color:#465c50;font-variant-numeric:tabular-nums}
@media(max-width:760px){.quobli-title-controls{max-height:none;overflow:visible;padding:2px;scrollbar-gutter:auto}.quobli-title-word-tools button{flex:1}.quobli-title-words{max-height:180px}}

.quobli-title-credit-position{grid-column:1/-1;display:flex;flex-direction:column;gap:10px;min-width:0;padding:10px;border:1px solid #c8d9d0;border-radius:9px;background:#f7faf8}.quobli-title-credit-position>strong{font-size:13px}.quobli-title-credit-position>button{align-self:flex-start;font-size:12px;padding:6px 9px}

.quobli-title-layout{align-items:start}.quobli-title-preview{position:sticky;top:0}.quobli-title-preview canvas{touch-action:none;cursor:move}.quobli-title-preview>small{align-self:stretch;line-height:1.5;padding:6px;border-radius:6px;background:#fff}
.quobli-title-preview>small.quobli-image-shape-warning{color:#734400;background:#fff5db}
.quobli-image-frame,.quobli-image-title-section{border:1px solid #c8d9d0;border-radius:9px;min-width:0;background:#fff}
.quobli-title-editor summary{padding:12px;font-size:14px;font-weight:700;cursor:pointer;color:#142d1e}
.quobli-image-frame[open]>summary,.quobli-image-title-section[open]>summary{border-bottom:1px solid #dbe5df}
.quobli-image-frame-body,.quobli-title-text-controls{display:flex;flex-direction:column;gap:12px;min-width:0;padding:12px}
.quobli-image-frame-body>small{line-height:1.5}.quobli-image-frame-body>label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:8px}
.quobli-image-frame-body output{font-size:12px;font-weight:400;font-variant-numeric:tabular-nums;color:#465c50}.quobli-image-frame-body>button{align-self:flex-start}
@media(max-width:760px){.quobli-title-preview{position:relative}.quobli-title-preview canvas{max-height:32dvh}.quobli-title-editor summary{padding:11px}.quobli-image-frame-body,.quobli-title-text-controls{padding:10px}}