.frt-share{box-sizing:border-box;position:fixed;inset:0;width:min(1020px,calc(100% - 32px));max-width:none;max-height:92dvh;margin:auto;padding:0;border:1px solid #647773;border-radius:18px;background:#f4f5f1;color:#242b2c;font:16px/1.55 Arial,Helvetica,sans-serif;box-shadow:0 30px 100px #243d3d40;overflow:auto;overscroll-behavior:contain;color-scheme:light;z-index:10002}
.frt-share *{box-sizing:border-box}
.frt-share [hidden]{display:none!important}
.frt-share::backdrop{background:#242b2c80;backdrop-filter:blur(7px)}
.frt-share :focus-visible{outline:3px solid #994000;outline-offset:3px}
.frt-share button,.frt-share input,.frt-share select,.frt-share textarea{font:inherit;touch-action:manipulation}
.frt-share button{cursor:pointer}
.frt-share button:disabled{opacity:.5;cursor:wait}
.frt-share-header{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;z-index:3;padding:22px 28px;border-bottom:1px solid #cbd5cf;background:#f4f5f1f5;backdrop-filter:blur(16px)}
.frt-share-kicker{margin:0 0 6px;color:#994000;font-size:11px;font-weight:800;letter-spacing:.13em}
.frt-share h2{margin:0;font-size:29px;line-height:1.15;font-weight:800;letter-spacing:-.03em}
.frt-share h3{margin:0 0 20px;font-size:20px;line-height:1.2}
.frt-share-close{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border:1px solid #647773;border-radius:11px;background:#ffffff;color:#242b2c;font-size:25px;line-height:1}
.frt-share-close:hover{background:#edf0eb}
.frt-share-body{padding:24px 28px}
.frt-share-intro{margin:0 0 22px;color:#43504b;font-size:15px;max-width:760px}
.frt-share-sample{margin:0 0 22px;padding:12px 14px;border:1px solid #a95921;border-radius:9px;background:#fff2e7;color:#994000;font-size:13px}
.frt-share-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start}
.frt-share-visual{min-width:0;position:sticky;top:116px}
.frt-share canvas{display:block;width:100%;max-width:440px;height:auto;margin:0 auto;border:1px solid #acbbb5;border-radius:10px;background:#0c0f11;box-shadow:0 14px 35px #243d3d26;aspect-ratio:4/5}
.frt-share-readable-label{margin:18px 0 6px;color:#53615c;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.frt-share blockquote{margin:0;padding:0;color:#242b2c;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.frt-share-controls{min-width:0}
.frt-share-label,.frt-share legend{display:block;margin:0 0 8px;font-size:13px;font-weight:700;color:#242b2c}
.frt-share select,.frt-share textarea{display:block;width:100%;max-width:100%;min-width:0;padding:12px;border:1px solid #647773;border-radius:8px;background:#ffffff;color:#242b2c;font-size:16px;line-height:1.5}
.frt-share select{min-height:50px;text-overflow:ellipsis}
.frt-share textarea{resize:vertical;min-height:160px;max-height:340px;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.frt-share fieldset{min-width:0;margin:22px 0 12px;padding:13px 14px;border:1px solid #acbbb5;border-radius:10px}
.frt-share fieldset legend{padding:0 7px;margin:0}
.frt-share-check{display:flex;align-items:center;gap:12px;min-height:44px;margin:0;font-size:14px;cursor:pointer}
.frt-share-check input{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:#994000}
.frt-share-check input:disabled+span{color:#647773}
.frt-share-mirror{margin-top:18px;font-weight:700}
.frt-share-small{margin:4px 0 20px;color:#53615c;font-size:12px;line-height:1.65}
.frt-share-footer{position:sticky;bottom:0;z-index:3;padding:16px 28px 20px;border-top:1px solid #acbbb5;background:#fffffff7;box-shadow:0 -8px 24px #243d3d1f;backdrop-filter:blur(18px)}
.frt-share-footer p{min-height:18px;margin:0 0 10px;color:#53615c;font-size:12px;line-height:1.5}
.frt-share-footer p.frt-share-error{color:#842d20}
.frt-share-actions{display:flex;gap:10px;flex-wrap:wrap}
.frt-share-btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 18px;border:1px solid #ff6a00;border-radius:9px;background:#ff6a00;color:#111111;font-size:14px;font-weight:750;text-align:center;text-decoration:none;line-height:1.3}
.frt-share-btn:hover{background:#ff7a00;border-color:#ff7a00}
.frt-share-btn--quiet{border-color:#647773;background:transparent;color:#242b2c}
.frt-share-btn--quiet:hover{background:#edf0eb;border-color:#647773}
@media(max-width:700px){
  .frt-share{width:100%;height:100dvh;max-height:100dvh;inset:0;margin:0;border:0;border-radius:0}
  .frt-share-header{padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top,0px));gap:12px}
  .frt-share h2{font-size:24px}
  .frt-share-kicker{font-size:10px;margin-bottom:5px}
  .frt-share-close{width:44px;height:44px}
  .frt-share-body{padding:20px 16px 24px}
  .frt-share-intro{font-size:14px;margin-bottom:18px}
  .frt-share-layout{grid-template-columns:minmax(0,1fr);gap:26px}
  .frt-share-visual{position:static}
  .frt-share canvas{max-width:340px;border-radius:9px}
  .frt-share-controls{padding:18px 14px;border:1px solid #acbbb5;border-radius:12px;background:#ffffff}
  .frt-share-controls h3{font-size:20px;margin-bottom:18px}
  .frt-share select{font-size:16px;min-height:52px}
  .frt-share-check{min-height:48px;font-size:14px}
  .frt-share-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px))}
  .frt-share-footer p{font-size:12px}
  .frt-share-actions{gap:8px}
  .frt-share-btn{flex:1 1 130px;min-height:48px;padding:11px 12px;font-size:14px}
  .frt-share-actions>[data-share-action="copy"]{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){.frt-share{scroll-behavior:auto}}
@media print{.frt-share{display:none!important}}