.swpt-ai{--swpt-black:#1a1a1a;--swpt-offwhite:#f9f9f9;--swpt-white:#fff;--swpt-teal:#2e6e80;--swpt-green:#8bc17b;--swpt-mint:#bde0da;--swpt-gray:#e2e0e4;--swpt-navy:#021331;background:var(--swpt-offwhite);border-radius:24px;color:var(--swpt-black);container-type:inline-size;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:3rem 0;padding:clamp(1.25rem,4vw,2.5rem)}.swpt-ai *,.swpt-ai :after,.swpt-ai :before{box-sizing:border-box}.swpt-ai .swpt-ai__grid{display:grid;gap:1.75rem}@container (min-width: 720px){.swpt-ai .swpt-ai__grid{align-items:stretch;gap:2.5rem;grid-template-columns:1fr 1.15fr}}.swpt-ai .swpt-ai__left{display:flex;flex-direction:column;position:relative}.swpt-ai .swpt-ai__flap{align-self:flex-start;background:var(--swpt-black);border-radius:7px;display:inline-flex;gap:3px;margin-bottom:1.1rem;padding:5px 8px}.swpt-ai .swpt-ai__tile{background:#2a2a2a;border-radius:2px;color:var(--swpt-white);display:grid;font:700 15px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;height:1.5em;place-items:center;position:relative;width:1.15em}.swpt-ai .swpt-ai__tile:after{background:rgba(0,0,0,.55);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.swpt-ai .swpt-ai__tile--gap{background:#0d0d0d}.swpt-ai .swpt-ai__title{color:var(--swpt-black);font-size:clamp(1.75rem,5cqi,2.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin:0 0 .9rem}.swpt-ai .swpt-ai__intro{color:#3a3a3a;font-size:1.02rem;line-height:1.6;margin:0 0 1rem;max-width:46ch}.swpt-ai .swpt-ai__fine{color:#6b6b6b;font-size:.82rem;line-height:1.5;margin:0;max-width:46ch;position:relative;z-index:1}.swpt-ai .swpt-ai__plane{display:none;fill:#efefef;height:150px;margin-top:auto;transform:rotate(-45deg) translate(-10px,20px);width:150px}@container (min-width: 720px){.swpt-ai .swpt-ai__plane{display:block}}.swpt-ai .swpt-ai__board{background:var(--swpt-black);border-radius:16px;color:var(--swpt-white);padding:clamp(1.1rem,3vw,1.75rem)}.swpt-ai .swpt-ai__board-head,.swpt-ai .swpt-ai__row{align-items:center;display:grid;gap:.75rem;grid-template-columns:3.9rem 1fr auto}.swpt-ai .swpt-ai__board-head{border-bottom:1px solid #333;color:#8a8a8a;font-size:.72rem;font-weight:600;letter-spacing:.08em;margin-bottom:.5rem;padding:0 .9rem .6rem 1.15rem;text-transform:uppercase}.swpt-ai .swpt-ai__row{border-radius:10px;color:var(--swpt-white);padding:.95rem .9rem .95rem 1.15rem;position:relative;text-decoration:none;transition:background-color .15s ease}.swpt-ai .swpt-ai__row+.swpt-ai__row{margin-top:2px}.swpt-ai .swpt-ai__row:before{background:var(--swpt-bar);border-radius:4px;bottom:22%;content:"";left:0;position:absolute;top:22%;width:4px}.swpt-ai .swpt-ai__row:hover{background:#262626}.swpt-ai .swpt-ai__code{color:#9a9a9a;font:600 .85rem/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.swpt-ai .swpt-ai__dest{font-size:1.08rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.swpt-ai .swpt-ai__dest:after{color:var(--swpt-green);content:"\2192";display:inline-block;margin-left:.4em;transition:transform .15s ease}.swpt-ai .swpt-ai__row:hover .swpt-ai__dest:after{transform:translateX(4px)}.swpt-ai .swpt-ai__stat{background:rgba(139,193,123,.12);border-radius:999px;color:var(--swpt-green);font-size:.78rem;font-weight:700;padding:.3rem .6rem;white-space:nowrap}.swpt-ai .swpt-ai__stat--copy{background:rgba(189,224,218,.12);color:var(--swpt-mint)}.swpt-ai .swpt-ai__status{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}.swpt-ai .swpt-ai__tip{background:var(--swpt-mint);border-radius:10px;bottom:calc(100% + 10px);box-shadow:0 6px 18px rgba(0,0,0,.25);color:var(--swpt-black);font-size:.85rem;font-weight:600;left:50%;line-height:1.4;max-width:min(380px,90vw);opacity:0;padding:.65rem .9rem;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;visibility:hidden;width:max-content;z-index:5}.swpt-ai .swpt-ai__tip:after{border:7px solid transparent;border-top:7px solid var(--swpt-mint);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.swpt-ai .swpt-ai__row.is-copied .swpt-ai__tip,.swpt-ai .swpt-ai__row:focus-visible .swpt-ai__tip,.swpt-ai .swpt-ai__row:hover .swpt-ai__tip{opacity:1;transform:translate(-50%);visibility:visible}.swpt-ai .swpt-ai__preview{margin:.25rem 0 0}.swpt-ai .swpt-ai__preview summary{color:#cfcfcf;cursor:pointer;font-size:.88rem;font-weight:600;width:fit-content}.swpt-ai .swpt-ai__bubble{background:#262626;border-radius:14px 14px 14px 4px;color:#dcdcdc;font-size:.86rem;line-height:1.55;margin:.75rem 0 0;padding:.9rem 1rem}.swpt-ai .swpt-ai__quote[hidden]{display:none}.swpt-ai .swpt-ai__quote{color:var(--swpt-green);display:inline-block;font-weight:600;margin-top:1.1rem;text-decoration:underline;text-underline-offset:3px}.swpt-ai .swpt-ai__quote:focus-visible,.swpt-ai .swpt-ai__row:focus-visible,.swpt-ai summary:focus-visible{outline:3px solid var(--swpt-green);outline-offset:2px}@container (max-width: 380px){.swpt-ai .swpt-ai__board-head{display:none}.swpt-ai .swpt-ai__row{grid-template-columns:1fr auto}.swpt-ai .swpt-ai__code{display:none}.swpt-ai .swpt-ai__tile{font-size:12px}}@media (prefers-reduced-motion:reduce){.swpt-ai .swpt-ai__dest:after,.swpt-ai .swpt-ai__row,.swpt-ai .swpt-ai__tip{transition:none}}.swpt-ai-bar{--swpt-black:#1a1a1a;--swpt-white:#fff;--swpt-teal:#2e6e80;--swpt-green:#8bc17b;--swpt-mint:#bde0da;--swpt-gray:#e2e0e4;bottom:calc(var(--swpt-bar-offset, 16px) + env(safe-area-inset-bottom, 0px));font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;left:50%;max-width:calc(100vw - 24px);opacity:0;position:fixed;transform:translate(-50%,140%);transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility .3s;visibility:hidden;width:max-content;z-index:9990}.swpt-ai-bar.is-visible{opacity:1;transform:translate(-50%);visibility:visible}.swpt-ai-bar *,.swpt-ai-bar :after,.swpt-ai-bar :before{box-sizing:border-box}.swpt-ai-bar .swpt-ai-bar__inner{align-items:center;background:var(--swpt-black);border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.28);color:var(--swpt-white);display:flex;gap:.9rem;padding:.6rem .6rem .6rem 1rem}.swpt-ai-bar .swpt-ai-bar__label{display:inline-flex;flex:0 0 auto;gap:2px}.swpt-ai-bar .swpt-ai__tile{background:#2a2a2a;border-radius:2px;color:var(--swpt-white);display:grid;font:700 14px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;height:1.4em;place-items:center;position:relative;width:1.05em}.swpt-ai-bar .swpt-ai__tile:after{background:rgba(0,0,0,.55);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.swpt-ai-bar .swpt-ai__tile--gap{background:#0d0d0d}.swpt-ai-bar .swpt-ai-bar__btns{display:flex;gap:.5rem}.swpt-ai-bar .swpt-ai-bar__btn{align-items:center;background:var(--swpt-white);border:2.5px solid var(--swpt-accent);border-radius:999px;color:var(--swpt-black);display:inline-flex;font-size:.92rem;font-weight:700;justify-content:center;letter-spacing:-.01em;min-height:42px;padding:.5rem 1.15rem;position:relative;text-decoration:none;transition:transform .15s ease;white-space:nowrap}.swpt-ai-bar .swpt-ai-bar__btn:hover{transform:translateY(-2px)}.swpt-ai-bar .swpt-ai-bar__close{background:transparent;border:0;border-radius:50%;color:#9a9a9a;cursor:pointer;display:grid;flex:0 0 auto;font-size:1.3rem;height:34px;line-height:1;place-items:center;width:34px}.swpt-ai-bar .swpt-ai-bar__close:hover{background:#2a2a2a;color:var(--swpt-white)}.swpt-ai-bar .swpt-ai-bar__btn:focus-visible,.swpt-ai-bar .swpt-ai-bar__close:focus-visible{outline:3px solid var(--swpt-green);outline-offset:2px}.swpt-ai-bar .swpt-ai__tip{background:var(--swpt-mint);border-radius:10px;bottom:calc(100% + 12px);box-shadow:0 6px 18px rgba(0,0,0,.25);color:var(--swpt-black);font-size:.85rem;font-weight:600;line-height:1.4;max-width:min(320px,85vw);opacity:0;padding:.65rem .9rem;pointer-events:none;position:absolute;right:0;text-align:left;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;visibility:hidden;white-space:normal;width:max-content}.swpt-ai-bar .swpt-ai__tip:after{border:7px solid transparent;border-top:7px solid var(--swpt-mint);content:"";position:absolute;right:24px;top:100%}.swpt-ai-bar .swpt-ai-bar__btn.is-copied .swpt-ai__tip,.swpt-ai-bar .swpt-ai-bar__btn:focus-visible .swpt-ai__tip,.swpt-ai-bar .swpt-ai-bar__btn:hover .swpt-ai__tip{opacity:1;transform:translateY(0);visibility:visible}@media (max-width:900px){.swpt-ai-bar{bottom:calc(8px + env(safe-area-inset-bottom, 0px));max-width:none;width:calc(100vw - 16px)}.swpt-ai-bar .swpt-ai-bar__inner{border-radius:18px;flex-wrap:wrap;gap:.5rem;padding:.6rem}.swpt-ai-bar .swpt-ai-bar__label{order:1;padding-left:.2rem}.swpt-ai-bar .swpt-ai__tile{font-size:12px;width:.95em}.swpt-ai-bar .swpt-ai-bar__close{height:30px;margin-left:auto;order:2;width:30px}.swpt-ai-bar .swpt-ai-bar__btns{display:grid;gap:.4rem;grid-template-columns:repeat(4,1fr);order:3;width:100%}.swpt-ai-bar .swpt-ai-bar__btn{font-size:.8rem;min-height:40px;padding:.5rem .25rem}.swpt-ai-bar .swpt-ai-bar__btns{max-width:620px}}@media (prefers-reduced-motion:reduce){.swpt-ai-bar,.swpt-ai-bar .swpt-ai-bar__btn,.swpt-ai-bar .swpt-ai__tip{transition:none}}