.sbdd{--sbdd-w: 760px;--sbdd-card-bg: #ffffff;--sbdd-border: #e7e5e0;--sbdd-border-soft: #ece9e2;--sbdd-ink: #0e0c0a;--sbdd-muted: #6b6862;--sbdd-muted-2: #a8a39a;--sbdd-accent: #2f6e57;--sbdd-accent-light: #d8e8e1;--sbdd-amber: #2f6e57;--sbdd-amber-light: #d8e8e1;--sbdd-radius: 8px;--sbdd-block-radius: 4px;--sbdd-l1: #2f6e57;--sbdd-l2: #4a9a72;--sbdd-l3: #9b77c8;--sbdd-l4: #4a7bc8;--sbdd-l5: #2f6e57;display:flex;justify-content:center;width:100%}.sbdd-card{width:100%;max-width:var(--sbdd-w);height:var(--sbdd-h, 484px);position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--sbdd-border);border-radius:var(--sbdd-radius);background:var(--sbdd-card-bg);box-shadow:0 1px 2px #0e0c0a0a,0 8px 24px -12px #0e0c0a14;color:var(--sbdd-ink);font-family:Onest,system-ui,sans-serif;font-size:12px}.sbdd-card:before{content:"";position:absolute;inset:-16px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 95% 90% at 8% 70%,#3a8ce869,#3a8ce849 25%,#3a8ce822 55%,#3a8ce800 90%),radial-gradient(ellipse 130% 115% at 92% 30%,#2f6e5777,#2f6e5750 25%,#2f6e5726 55%,#2f6e5700 90%);filter:blur(22px);opacity:0;transition:opacity .32s cubic-bezier(.16,1,.3,1)}.vc-card:hover .sbdd-card:before,.sbdd-card:hover:before{opacity:1}.sbdd-screens{position:absolute;inset:0;z-index:2;display:flex;width:200%;transform:translate(0);transition:transform .52s cubic-bezier(.22,.61,.36,1)}.sbdd-screens[data-screen=doc]{transform:translate(-50%)}.sbdd-screen{width:50%;height:100%;position:relative;flex-shrink:0}.sbdd-screen--graph{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;padding:14px}.sbdd-graph-wrap{position:relative;min-width:0;overflow:hidden}.sbdd-graph{height:100%;display:flex;flex-direction:column;gap:6px;position:relative}.sbdd-layer{flex:1 1 0;min-height:0;position:relative;border-radius:4px;padding:0 6px 0 64px}.sbdd-layer--l1{background:#2f6e570b}.sbdd-layer--l2{background:#4a9a720f}.sbdd-layer--l3{background:#9b77c80f}.sbdd-layer--l4{background:#4a7bc80f}.sbdd-layer--l5{background:#2f6e570b}.sbdd-layer__label{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-family:JetBrains Mono,ui-monospace,monospace;font-size:7.5px;text-transform:uppercase;letter-spacing:.05em;background:var(--sbdd-card-bg);border:1px solid var(--sbdd-border);border-radius:3px;padding:2px 5px;white-space:nowrap;line-height:1.1;max-width:52px;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.sbdd-layer--l1 .sbdd-layer__label{color:var(--sbdd-l1);border-color:#2f6e5743}.sbdd-layer--l2 .sbdd-layer__label{color:var(--sbdd-l2);border-color:#4a9a7259}.sbdd-layer--l3 .sbdd-layer__label{color:var(--sbdd-l3);border-color:#9b77c859}.sbdd-layer--l4 .sbdd-layer__label{color:var(--sbdd-l4);border-color:#4a7bc859}.sbdd-layer--l5 .sbdd-layer__label{color:var(--sbdd-l5);border-color:#2f6e5743}.sbdd-blocks{position:absolute;inset:0 0 0 64px;pointer-events:none}.sbdd-block{position:absolute;background:var(--sbdd-card-bg);border:1px solid var(--sbdd-border);border-radius:var(--sbdd-block-radius);padding:6px 8px 14px;font-size:9.5px;line-height:1.2;color:var(--sbdd-ink);width:105px;box-shadow:0 1px 2px #0e0c0a0f}.sbdd-block__dot{position:absolute;bottom:4px;left:6px;width:6px;height:6px;border-radius:50%}.sbdd-block[data-pos="1-a"]{left:14%;top:10%;transform:translateY(-50%)}.sbdd-block[data-pos="1-b"]{left:56%;top:10%;transform:translateY(-50%)}.sbdd-block[data-pos="2-a"]{left:14%;top:calc((3/10) * 100%);transform:translateY(-50%)}.sbdd-block[data-pos="2-b"]{left:56%;top:calc((3/10) * 100%);transform:translateY(-50%)}.sbdd-block[data-pos="3-a"]{left:14%;top:50%;transform:translateY(-50%)}.sbdd-block[data-pos="3-b"]{left:56%;top:50%;transform:translateY(-50%)}.sbdd-block[data-pos="4-a"]{left:14%;top:70%;transform:translateY(-50%)}.sbdd-block[data-pos="4-b"]{left:56%;top:70%;transform:translateY(-50%)}.sbdd-block[data-pos="5-a"]{left:35%;top:90%;transform:translateY(-50%)}.sbdd-edges{position:absolute;inset:0;pointer-events:none;overflow:visible}.sbdd-edges line{stroke:#8a857c;stroke-width:1;fill:none}.sbdd-rpanel{background:var(--sbdd-card-bg);border:1px solid var(--sbdd-border);border-radius:var(--sbdd-block-radius);padding:10px;display:flex;flex-direction:column;gap:7px;min-width:0}.sbdd-rpanel__label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--sbdd-muted)}.sbdd-rpanel__title{margin:0;font-size:12px;font-weight:600;color:var(--sbdd-ink)}.sbdd-rpanel__desc{margin:0;font-size:10px;line-height:1.45;color:var(--sbdd-muted)}.sbdd-rpanel__meta{display:flex;flex-direction:column;gap:4px;margin-top:4px;padding-top:6px;border-top:1px dashed var(--sbdd-border-soft)}.sbdd-rpanel__row{display:flex;justify-content:space-between;gap:8px;font-size:10px}.sbdd-rpanel__row span:first-child{color:var(--sbdd-muted-2);font-family:JetBrains Mono,ui-monospace,monospace;font-size:8.5px;text-transform:uppercase;letter-spacing:.05em}.sbdd-rpanel__row span:last-child{color:var(--sbdd-ink);text-align:right}.sbdd-dd-btn{margin-top:auto;background:linear-gradient(180deg,#f5b04a,#d68d2c);color:#261c0c;border:none;border-radius:5px;padding:8px 10px;font-size:11.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 0 2px #2f6e5730,0 5px 14px -4px #2f6e5756;animation:sbdd-pulse 2.6s ease-in-out infinite;transition:transform .12s ease}.sbdd-dd-btn__icon{opacity:.85}@keyframes sbdd-pulse{0%,to{box-shadow:0 0 0 2px #2f6e5730,0 5px 14px -4px #2f6e5756}50%{box-shadow:0 0 0 6px #2f6e5713,0 5px 20px -2px #2f6e577c}}.sbdd-screen--doc{padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-height:0}.sbdd-doc-header{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--sbdd-border-soft);flex-shrink:0}.sbdd-back{width:26px;height:26px;border-radius:5px;border:1px solid var(--sbdd-border);background:var(--sbdd-card-bg);color:var(--sbdd-accent);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s,box-shadow .2s}.sbdd-back[data-highlight="1"]{background:var(--sbdd-amber-light);border-color:var(--sbdd-amber);transform:scale(1.06);box-shadow:0 0 0 4px #2f6e5722}.sbdd-doc-title{flex:1;min-width:0}.sbdd-doc-eyebrow{font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;letter-spacing:.08em;color:var(--sbdd-accent);text-transform:uppercase}.sbdd-doc-name{font-size:13px;font-weight:600;color:var(--sbdd-ink);margin-top:1px}.sbdd-genall{background:var(--sbdd-card-bg);color:var(--sbdd-ink);border:1px solid var(--sbdd-border);border-radius:5px;padding:5px 10px;font-size:11px;cursor:pointer}.sbdd-sections{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;overflow:hidden;flex:1;min-height:0}.sbdd-section{border-radius:5px;background:#ffffffb3;border:1px solid var(--sbdd-border-soft);overflow:hidden;transition:background .2s,border-color .2s;flex-shrink:0}.sbdd-section[data-highlight="1"]{background:var(--sbdd-amber-light);border-color:#2f6e5760}.sbdd-section__header{padding:7px 10px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;color:var(--sbdd-ink)}.sbdd-chev{color:var(--sbdd-accent);transition:transform .25s;font-size:10px;width:10px;display:inline-block}.sbdd-section[data-expanded="1"]>.sbdd-section__header .sbdd-chev{transform:rotate(90deg)}.sbdd-section__body{display:none;padding:0 10px 10px 22px;flex-direction:column;gap:7px}.sbdd-section[data-expanded="1"]>.sbdd-section__body{display:flex}.sbdd-artifact{padding:7px 9px;border-radius:4px;background:var(--sbdd-card-bg);border:1px solid var(--sbdd-border-soft)}.sbdd-art__head{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.sbdd-art__name{color:var(--sbdd-ink);font-size:11.5px;font-weight:600}.sbdd-art__role{color:var(--sbdd-muted);font-size:10.5px}.sbdd-art__actions{margin-top:5px;display:flex;gap:5px;flex-wrap:wrap}.sbdd-toc-btn,.sbdd-art-btn{background:var(--sbdd-card-bg);color:var(--sbdd-ink);border:1px solid var(--sbdd-border);border-radius:4px;padding:3px 8px;font-size:10.5px;font-family:JetBrains Mono,ui-monospace,monospace;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;position:relative}.sbdd-toc-btn[data-highlight="1"],.sbdd-art-btn[data-highlight="1"]{background:var(--sbdd-amber-light);border-color:var(--sbdd-amber);color:var(--sbdd-ink);box-shadow:0 0 0 3px #2f6e571d}.sbdd-art-btn[data-active="1"]{background:linear-gradient(180deg,#f5b04a,#d68d2c);color:#261c0c;border-color:transparent}.sbdd-toc{list-style:none;margin:7px 0 0;padding:7px 9px;display:none;flex-direction:column;gap:3px;background:#f5f0e6a6;border-radius:4px;border:1px dashed rgba(47,110,87,.188);position:relative}.sbdd-toc[data-state=visible]{display:flex}.sbdd-toc[data-state=hidden]{display:none}.sbdd-toc-item{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;color:var(--sbdd-ink);padding:2px 4px;border-radius:3px}.sbdd-toc-item[data-state=editing]{background:var(--sbdd-amber-light)}.sbdd-toc-item .sbdd-icaret{display:inline-block;width:1px;height:11px;background:var(--sbdd-ink);vertical-align:text-bottom;margin:0 0 0 1px;animation:sbdd-icaret-blink 1s steps(2) infinite}@keyframes sbdd-icaret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.sbdd-art__content{display:none;margin-top:8px;padding:8px 9px;border-radius:4px;background:#fafaf8;border:1px solid var(--sbdd-border-soft);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;line-height:1.5;color:var(--sbdd-ink);flex-direction:column;gap:3px}.sbdd-art__content[data-state=visible]{display:flex}.sbdd-art-row{display:flex;gap:6px;align-items:baseline}.sbdd-art-row .sbdd-h{color:var(--sbdd-accent);font-weight:600;min-width:22px;font-size:10px}.sbdd-art-row em{color:var(--sbdd-muted);font-style:normal}.sbdd-art-row--p{color:var(--sbdd-muted);padding-left:28px}.sbdd-art-row--p span{display:block}.sbdd-cursor{position:absolute;z-index:10;width:16px;height:16px;pointer-events:none;transform:translate(380px,250px);transition:transform .7s cubic-bezier(.22,.61,.36,1)}.sbdd-cursor[data-shape=arrow]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M2 1 L2 13 L5.5 10 L7 14 L9 13 L7.5 9 L12 9 Z' fill='%23000000' stroke='%23ffffff' stroke-width='1'/></svg>");background-repeat:no-repeat}.sbdd-cursor[data-shape=ibeam]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M5 1 L11 1 M5 15 L11 15 M8 1 L8 15' stroke='%23000000' stroke-width='1.6' fill='none'/></svg>");background-repeat:no-repeat}.sbdd-bubbles{position:absolute;inset:0;pointer-events:none;z-index:9}.sbdd-bubble{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffffff2,#2f6e57a2 60%,#2f6e5773);box-shadow:0 0 6px #2f6e5760;opacity:0;animation:sbdd-bubble-fly 1.1s cubic-bezier(.25,.6,.45,1) forwards}@keyframes sbdd-bubble-fly{0%{opacity:0;transform:translate(0) scale(.6)}15%{opacity:1}to{opacity:0;transform:var(--bubble-final, translate(0,0)) scale(.4)}}@media(prefers-reduced-motion:reduce){.sbdd-screens,.sbdd-cursor,.sbdd-dd-btn{transition:none!important;animation:none!important}}