/* Copyright © 2026 Slate HQ Ltd. All rights reserved and asserted. */
.ft-share-dialog{--ft-share-bg:var(--bg,#fff);--ft-share-ink:var(--ink,#171717);--ft-share-muted:var(--ink2,#595959);--ft-share-line:var(--sep,#c8c8cd);--ft-share-fill:var(--fill,#f2f2f4);box-sizing:border-box;width:min(960px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:20px 24px;border:0;border-radius:0;background:var(--ft-share-bg);color:var(--ft-share-ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;overflow:auto;box-shadow:0 18px 65px #0004}
.ft-share-dialog *{box-sizing:border-box}
.ft-share-dialog::backdrop{background:#0007}
.ft-share-dialog [hidden]{display:none!important}
.ft-share-dialog header{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px}
.ft-share-dialog h2{font-family:inherit;font-size:25px;line-height:1.2;font-weight:700;letter-spacing:-.03em;margin:0 auto 0 0}
.ft-share-dialog a{color:var(--ft-share-ink);text-decoration:underline;text-underline-offset:3px;font-size:14px}
.ft-share-dialog button,.ft-share-dialog select,.ft-share-dialog textarea{font:inherit;letter-spacing:normal;max-width:100%;color:inherit}
.ft-share-dialog button{border:1px solid var(--ft-share-line);border-radius:5px;background:var(--ft-share-bg);padding:9px 12px;min-height:44px;cursor:pointer;box-shadow:none;text-transform:none}
.ft-share-dialog button:disabled{opacity:.45;cursor:default}
.ft-share-dialog :is(button,select,textarea,input,summary,a):focus-visible{outline:2px solid var(--ft-share-ink);outline-offset:3px}
.ft-share-dialog .ft-share-primary{background:#1b2a41;border-color:#1b2a41;color:#fff}
.ft-share-toolbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}
.ft-share-dialog label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;font-weight:500}
.ft-share-dialog select,.ft-share-dialog textarea,.ft-share-dialog input[type=text],.ft-share-dialog input[type=file]{border:1px solid var(--ft-share-line);border-radius:4px;background:var(--ft-share-bg);padding:9px;min-height:44px;width:100%;font-weight:400}
.ft-share-dialog input[type=color]{width:100%;height:44px;padding:4px;border:1px solid var(--ft-share-line);background:var(--ft-share-bg)}
.ft-share-background{position:relative;align-self:end;min-width:0}
.ft-share-background>summary{border:1px solid var(--ft-share-line);border-radius:4px;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-share-background[open]>.ft-share-fields{position:absolute;z-index:5;top:calc(100% + 6px);right:0;width:min(320px,calc(100vw - 48px));max-height:min(70dvh,440px);overflow:auto;padding:16px;background:var(--ft-share-bg);border:1px solid var(--ft-share-line);box-shadow:0 12px 32px #0003}
.ft-share-background-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ft-share-background-grid>label:last-child{grid-column:1/-1}
.ft-share-dialog output{display:inline-block;margin-inline-start:8px}
.ft-share-dialog input[type=text],.ft-share-dialog input[type=file]{border:1px solid var(--ft-share-line);border-radius:4px;background:var(--ft-share-bg);padding:9px;min-height:44px;width:100%;font:inherit}
.ft-share-dialog input[type=color]{width:100%;height:44px;padding:4px;border:1px solid var(--ft-share-line);background:var(--ft-share-bg)}
.ft-share-background{position:relative;align-self:end;min-width:0}
.ft-share-background>summary{border:1px solid var(--ft-share-line);border-radius:4px;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-share-background[open]>.ft-share-fields{position:absolute;z-index:5;top:calc(100% + 6px);right:0;width:min(320px,calc(100vw - 48px));max-height:min(70dvh,440px);overflow:auto;padding:16px;background:var(--ft-share-bg);border:1px solid var(--ft-share-line);box-shadow:0 12px 32px #0003}
.ft-share-background-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ft-share-background-grid>label:last-child{grid-column:1/-1}
.ft-share-dialog output{display:inline-block;margin-inline-start:8px}
.ft-share-dialog textarea{resize:vertical;line-height:1.45}
.ft-share-workspace{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:start;gap:22px}
.ft-share-canvas{min-width:0}
.ft-share-preview{position:relative;aspect-ratio:1;width:min(100%,calc(58dvh * var(--ft-share-ratio,1)));margin-inline:auto;background:var(--ft-share-fill);box-shadow:0 0 0 1px var(--ft-share-line)}
.ft-share-preview>img{display:block;width:100%;height:100%;object-fit:contain}
.ft-share-preview-briefing{width:100%;height:auto;max-height:min(62dvh,800px);aspect-ratio:auto!important;overflow:auto}
.ft-share-preview-briefing>img{height:auto;object-fit:initial}
.ft-share-targets{position:absolute;inset:0}
.ft-share-dialog .ft-share-hit{position:absolute;border:0;border-radius:0;min-height:0;min-width:0;margin:0;padding:0;background:transparent;color:transparent;font-size:0;cursor:text;box-shadow:none;z-index:2}
.ft-share-dialog .ft-share-hit:hover,.ft-share-dialog .ft-share-hit:focus-visible{outline:2px solid #6a9cd6;outline-offset:3px;background:#6a9cd60c}
.ft-share-dialog .ft-share-image-hit{z-index:1;cursor:move;touch-action:none}
.ft-share-inline{position:absolute;z-index:4;min-width:min(210px,100%);max-width:100%;padding:6px;background:var(--ft-share-bg);box-shadow:0 3px 15px #0003}
.ft-share-inline textarea{font-size:16px;resize:vertical}
.ft-share-inline>div{display:flex;gap:6px;margin-top:6px}
.ft-share-inline button{padding:9px;font-size:14px;min-height:44px}
.ft-share-options{display:flex;flex-direction:column;gap:14px;min-width:0}
.ft-share-dialog details{border:0;margin:0;padding:0}
.ft-share-dialog summary{cursor:pointer;font-size:14px;font-weight:600;padding:11px 0;min-height:44px;line-height:1.4}
.ft-share-fields{display:grid;gap:12px;padding-top:9px}
.ft-share-image-controls{display:grid;gap:10px}
.ft-share-dialog .ft-share-check{display:flex;flex-direction:row;align-items:center;min-height:44px;font-size:14px;gap:8px}
.ft-share-fixed-size{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;font-weight:500}
.ft-share-fixed-size strong{display:flex;align-items:center;min-height:44px;padding:9px;border:1px solid var(--ft-share-line);border-radius:4px;font-size:15px;font-weight:400}
.ft-share-dialog .ft-share-ai-toggle{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:44px;font-size:14px}
.ft-share-ai-toggle input{width:18px;height:18px;margin:0;accent-color:#1b2a41}
.ft-share-check input{width:16px;height:16px;margin:0;accent-color:#1b2a41}
.ft-share-dialog input[type=range]{width:100%;min-height:44px;margin:0;accent-color:var(--ft-share-ink)}
.ft-share-image-state,.ft-share-instruction,.ft-share-issues,.ft-share-message{font-size:13px;line-height:1.45;margin:9px 0;color:var(--ft-share-muted)}
.ft-share-issues{color:var(--ft-share-ink);font-weight:600}
.ft-share-issues:empty,.ft-share-message:empty{display:none}
.ft-share-dialog footer{margin-top:18px}
.ft-share-actions{display:flex;flex-wrap:wrap;gap:8px}
.ft-share-attribution{font-size:12px;line-height:1.5;color:var(--ft-share-muted);margin:12px 0 0}
.ft-share-attribution strong{display:block;font-size:11px;letter-spacing:.02em;font-weight:600;margin-top:2px}
@media(max-width:640px){.ft-share-dialog{padding:15px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.ft-share-dialog header{gap:10px;margin-bottom:12px}.ft-share-dialog h2{font-size:22px}.ft-share-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.ft-share-background{grid-column:1/-1}.ft-share-background[open]>.ft-share-fields{left:0;right:auto;width:min(320px,calc(100vw - 46px))}.ft-share-workspace{grid-template-columns:minmax(0,1fr);gap:10px}.ft-share-preview{width:min(100%,calc(44dvh * var(--ft-share-ratio,1)))}.ft-share-options{gap:9px}.ft-share-dialog button:not(.ft-share-hit){min-height:44px}.ft-share-actions{gap:7px}.ft-share-actions button{flex:1 1 auto}.ft-share-dialog footer{margin-top:12px}.ft-share-image-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.ft-share-crop,.ft-share-image-state{grid-column:1/-1}}

.ft-share-dialog header>a{display:inline-flex;align-items:center;min-height:44px}
.ft-share-dialog button:not(.ft-share-hit):hover:not(:disabled){background:var(--ft-share-fill)}
.ft-share-dialog .ft-share-primary:hover:not(:disabled){background:#324a5f;color:#fff}
.ft-share-dialog :is(h2,label,.ft-share-attribution,.ft-share-instruction,.ft-share-message,.ft-share-issues){overflow-wrap:anywhere}
.ft-share-dialog .ft-share-hit:focus-visible{outline-color:var(--ft-share-ink)}

@media(max-width:640px){.ft-share-background{grid-column:1/-1}.ft-share-background[open]>.ft-share-fields{left:0;right:auto;width:min(320px,calc(100vw - 46px))}}
