skills/brancha/app/dist/public/assets/index-CIo_lAEQ.css

.bd-empty-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(226px,1fr));gap:34px 28px;text-align:left}.bd-ghost-card{position:relative;width:100%;padding:9px 9px 13px;border:1.8px dashed #cfc7b8;border-radius:6px;background:#fcfaf773;text-align:left}.bd-ghost-card:nth-child(odd){transform:rotate(-.6deg)}.bd-ghost-card:nth-child(2n){transform:rotate(.6deg)}.bd-ghost-pinhole{position:absolute;left:50%;top:-6px;width:11px;height:11px;border:1.8px dashed #cfc7b8;border-radius:50%;background:var(--bg);transform:translate(-50%)}.bd-ghost-shot{position:relative;display:grid;place-items:center;height:132px;border-radius:3px;background:#efe9db8c;opacity:.62}.bd-ghost-shot i{position:absolute;display:block}.bd-ghost-shot.is-flower i:first-child{width:4px;height:34px;border-radius:4px;background:#9ab08f}.bd-ghost-shot.is-flower i:nth-child(2){width:17px;height:17px;border:5px dotted #d95b57;border-radius:50%;transform:translateY(-16px)}.bd-ghost-shot.is-document i{width:30px;height:3px;border-radius:3px;background:#cfc7b8}.bd-ghost-shot.is-document i:first-child{background:#c9a27a;transform:translateY(-10px)}.bd-ghost-shot.is-document i:nth-child(3){width:21px;transform:translate(-4px,10px)}.bd-ghost-shot.is-logo i:first-child{width:22px;height:22px;border-radius:50%;background:#c9a05e;transform:translate(-10px)}.bd-ghost-shot.is-logo i:nth-child(2){width:0;height:0;border-right:11px solid transparent;border-bottom:22px solid #7d8c77;border-left:11px solid transparent;transform:translate(14px)}.bd-ghost-shot.is-sprout i:first-child{width:3px;height:34px;border-radius:4px;background:#9ab08f}.bd-ghost-shot.is-sprout i:nth-child(2),.bd-ghost-shot.is-sprout i:nth-child(3){width:18px;height:9px;border-radius:90% 15%;background:#9ab08f;transform:translate(-8px,-10px) rotate(25deg)}.bd-ghost-shot.is-sprout i:nth-child(3){background:#7d8c77;transform:translate(8px,-15px) rotate(155deg)}.bd-ghost-card h3{margin:11px 3px 3px;color:var(--ink-3);font-size:12.5px;font-weight:700}.bd-ghost-memo{margin:0 3px;color:#aaa194;font-family:var(--serif);font-size:10.5px;font-style:italic;line-height:1.6}.bd-empty-note{margin-top:48px;color:var(--ink-3);font-family:var(--mono);font-size:10.5px;text-align:center}.bd-empty-note b{color:var(--ink-2)}@media(max-width:640px){.bd-empty-grid{grid-template-columns:1fr;gap:26px}.bd-ghost-shot{height:168px}.bd-empty-note{line-height:1.8}}.bd-head{margin-bottom:44px;text-align:center}.bd-plant{display:inline-block;height:118px;transform-origin:50% 92%;animation:bd-plant-sway 3.6s ease-in-out infinite}.bd-plant svg{width:auto;height:100%}.bd-greet{margin:10px 0 0;color:var(--ink);font-family:var(--serif);font-size:25px;font-weight:600}@keyframes bd-plant-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@media(max-width:640px){.bd-greet{font-size:20px}.bd-head{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.bd-plant{animation:none}}.bd-how-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#2c282757;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:bd-how-veil-in .18s ease both}.bd-how-box{position:relative;width:min(500px,92vw);max-height:min(720px,90vh);overflow-y:auto;padding:36px 34px 28px;border:1px solid #e2d9c6;border-radius:18px 22px 17px 21px/20px 17px 22px 18px;background:linear-gradient(180deg,#fdfbf6,#f6f0e3);color:var(--ink);box-shadow:var(--shadow-lg);animation:bd-how-in .24s cubic-bezier(.2,.8,.2,1) both}.bd-how-tape{position:absolute;left:50%;top:-10px;width:78px;height:22px;background:#d95b574d;box-shadow:0 2px 4px #2c28271f;transform:translate(-50%) rotate(-2.5deg)}.bd-how-box header{text-align:center}.bd-how-kicker{color:var(--accent-ink);font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.18em}.bd-how-box h2{margin-top:6px;font-family:var(--serif);font-size:24px;line-height:1.35}.bd-how-guide{display:grid;gap:13px;margin-top:22px}.bd-how-guide p{margin:0;color:var(--ink-2);font-size:12.5px;line-height:1.8}.bd-how-guide>p:first-child{color:var(--ink);font-size:14px}.bd-how-command{padding:14px 17px;border-radius:5px 13px 13px;background:#443527;color:#f3efe8;font-family:var(--serif);font-size:13px;line-height:1.75}.bd-how-actions{display:flex;align-items:center;justify-content:center;margin-top:22px}.bd-how-actions .is-main{padding:10px 24px;border-radius:10px;background:var(--accent);color:#fff;font-size:12.5px;font-weight:800}@keyframes bd-how-veil-in{0%{opacity:0}}@keyframes bd-how-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}@media(max-width:640px){.bd-how-box{padding:32px 20px 22px}.bd-how-box h2{font-size:21px}.bd-how-actions{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){.bd-how-veil,.bd-how-box{animation:none}}.bd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(226px,1fr));gap:34px 28px}.bd-card{position:relative;padding:9px 9px 13px;border-radius:4px;background:#fcfaf5;box-shadow:0 2px 3px #2c282712,0 16px 36px #2c282724;cursor:pointer;transition:transform .18s,box-shadow .18s}.bd-card:nth-child(odd){transform:rotate(-.6deg)}.bd-card:nth-child(2n){transform:rotate(.6deg)}.bd-card:hover{z-index:5;box-shadow:0 4px 8px #2c282717,0 26px 54px #2c282733;transform:translateY(-5px) rotate(0)}.bd-pin{position:absolute;left:50%;top:-8px;z-index:4;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#ef8a84,#d0554e 62%,#9c352f);box-shadow:0 3px 5px #2c282759;transform:translate(-50%)}.bd-pin.is-green{background:radial-gradient(circle at 35% 32%,#a9c491,#7d8c77 62%,#54614f)}.bd-pin.is-gold{background:radial-gradient(circle at 35% 32%,#eccf92,#c9a05e 62%,#8f6d38)}.bd-del{position:absolute;right:6px;top:6px;z-index:6;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fcfaf5e6;color:#9b8f7d;box-shadow:0 2px 5px #2c28272e;font-size:10px;opacity:0;transition:opacity .12s,color .12s}.bd-card:hover .bd-del,.bd-del:focus-visible{opacity:1}.bd-del:hover{color:var(--danger)}.bd-shot{position:relative;height:132px;overflow:hidden;border-radius:2px;background:#efe9db}.bd-shot iframe{width:780px;height:460px;border:0;background:#fff;pointer-events:none;transform:scale(.283);transform-origin:0 0}.bd-shot-veil{position:absolute;top:0;right:0;bottom:0;left:0}.bd-shot-mock{position:absolute;top:0;right:0;bottom:0;left:0;padding:14px}.bd-shot-mock i{display:block;height:4.5px;margin-top:7px;border-radius:2px;background:#ded5c2}.bd-shot-mock i.b{width:50%;height:8px;margin:0 0 9px;background:#c9a27a}.bd-shot-mock i.s{width:72%}.bd-shot-mock i.xs{width:46%}.bd-live{position:absolute;left:8px;top:8px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#2f281fb8;color:#fff;font-size:9.5px;font-weight:700}.bd-live span{width:6px;height:6px;border-radius:50%;background:#e8837e;animation:cb-pulse 1.3s ease-in-out infinite}.bd-card h3{margin:11px 3px 3px;overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.bd-memo{display:-webkit-box;margin:0 3px;overflow:hidden;color:#9b8f7d;font-family:var(--serif);font-size:10.5px;font-style:italic;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:1}.bd-meta{display:flex;justify-content:space-between;margin:10px 3px 0;color:#9b8f7d;font-family:var(--mono);font-size:8.5px}.bd-home{min-height:100vh;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1.2px,transparent 1.2px);background-size:24px 24px}.bd-corner{position:fixed;left:26px;top:24px;z-index:20;display:flex;align-items:center;gap:9px;color:var(--ink);font-size:15px;font-weight:800}.bd-help-entry{position:fixed;right:26px;top:20px;z-index:20;display:flex;align-items:center;gap:7px;padding:7px 11px 7px 8px;border:1px solid rgba(205,197,182,.78);border-radius:999px;background:#fcfaf7c2;color:var(--ink-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #2c28270f;font-size:11.5px;font-weight:700;transition:color .15s,border-color .15s,background .15s,transform .15s}.bd-help-entry span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--serif);font-size:13px;font-weight:800}.bd-help-entry:hover{color:var(--accent-ink);border-color:var(--accent-2);background:var(--panel);transform:translateY(-1px)}.bd-board{max-width:1120px;margin:0 auto;padding:96px 46px 80px}.bd-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:42px;color:var(--ink-2);font-family:var(--mono);font-size:11px}.bd-pager button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:#6d6152;box-shadow:var(--shadow);font-size:15px;transition:color .12s,transform .1s}.bd-pager button:hover:not(:disabled){color:var(--ink);transform:translateY(-1px)}.bd-pager button:disabled{cursor:default;opacity:.35}.bd-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:90px 20px;color:var(--ink-3);font-family:var(--serif);font-size:14px;font-style:italic}@media(max-width:640px){.bd-corner{left:20px;top:18px}.bd-help-entry{right:16px;top:14px}.bd-board{padding:84px 24px 64px}}.cb-node{position:absolute;left:0;top:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s}.cb-node-root{width:244px;min-height:54px;display:flex;align-items:center;gap:10px;padding:10px 40px 10px 11px;background:linear-gradient(180deg,#fdfbf8,#f8f3ea);border:1px solid #e6d6c6;border-radius:999px;box-shadow:inset 0 1px #fffc,0 1px 2px #2c28270f,0 14px 34px #2c28271f;transition:border-color .15s,box-shadow .15s}.cb-node-root:hover{border-color:#d9beac}.cb-node-root.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),0 14px 34px #2c28271f}.cb-node-root-mark{flex:none;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);border:1px solid #f0d9d3;display:grid;place-items:center;box-shadow:inset 0 1px #ffffffb3}.cb-node-root-text{min-width:0;font-family:var(--serif);font-style:italic;font-size:13px;line-height:1.4;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-node-root-seq{font-family:var(--mono);font-size:8px;font-weight:700;color:var(--accent)}.cb-node-variant{width:188px;height:202px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.cb-node-variant:hover{border-color:var(--line-strong)}.cb-node-variant.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow)}.cb-node-variant.is-generating{border-style:dashed}.cb-node-variant.is-error{border-color:var(--danger)}.cb-node-thumb{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--panel-2);border-bottom:1px solid var(--line-soft);border-radius:calc(var(--radius) - 1.5px) calc(var(--radius) - 1.5px) 0 0}.cb-node-thumb iframe{position:absolute;inset:0 auto auto 0;width:415%;height:415%;border:none;background:#fff;transform:scale(.241);transform-origin:0 0;pointer-events:none}.cb-node-veil{position:absolute;top:0;right:0;bottom:0;left:0}.cb-node-variant.is-generating .cb-node-thumb{background:repeating-linear-gradient(45deg,#f6f7f9 0,#f6f7f9 8px,#f1f2f5 8px,#f1f2f5 16px)}.cb-node-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.cb-node-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;padding:14px}.cb-node-skeleton:before{content:"";display:block;width:42%;height:12px;border-radius:3px;background:var(--accent);opacity:.7;margin-bottom:12px}.cb-node-skeleton i{display:block;height:7px;border-radius:3px;background:#d8dde8;margin-top:8px}.cb-node-skeleton i:nth-child(1){width:86%}.cb-node-skeleton i:nth-child(2){width:62%}.cb-node-skeleton i:nth-child(3){width:74%}.cb-node-skeleton i:nth-child(4){width:48%}.cb-sapling{display:block}.cb-sapling-sway{transform-origin:25px 57px;animation:cb-sway 2.8s ease-in-out infinite}.cb-sapling-leaf{transform-origin:25px 35px;animation:cb-leaf 2.8s ease-in-out infinite}.cb-sapling-leaf.is-r{animation-delay:.35s}.cb-sapling-bud{transform-origin:25px 12px;animation:cb-bud 2.1s ease-in-out infinite}@keyframes cb-sway{0%,to{transform:rotate(-2.6deg)}50%{transform:rotate(2.6deg)}}@keyframes cb-leaf{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(2.2deg)}}@keyframes cb-bud{0%,to{transform:scale(.94)}50%{transform:scale(1.06)}}.cb-node-generating-label{font-size:11px;color:var(--ink-3)}.cb-node-error-label{font-size:11px;color:var(--danger);padding:0 12px;text-align:center;line-height:1.4}.cb-retry-button{font-size:11px;font-weight:600;color:var(--danger);background:#fff;border:1px solid var(--danger);border-radius:6px;padding:3px 12px;transition:background .12s}.cb-retry-button:hover{background:var(--danger-soft)}.cb-node-info{flex:none;padding:8px 11px 7px;overflow:hidden}.cb-node-title{font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-node-desc{margin-top:3px;font-family:var(--serif);font-style:italic;font-size:10.5px;line-height:1.6;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cb-node-info-skeleton{display:flex;flex-direction:column;gap:7px;padding:3px 0}.cb-node-info-skeleton i{display:block;height:9px;border-radius:4px;background:linear-gradient(90deg,#e9ebef 25%,#f3f4f7,#e9ebef 75%);background-size:200% 100%;animation:cb-node-shimmer 1.3s ease-in-out infinite}.cb-node-info-skeleton i:first-child{width:66%}.cb-node-info-skeleton i:last-child{width:42%;height:7px}@keyframes cb-node-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cb-node-meta{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 11px;border-top:1px solid var(--line-soft)}.cb-node-type{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;white-space:nowrap;color:var(--ink-3);background:var(--panel-2);border:1px solid var(--line-soft)}.cb-node-type.is-html{color:#3b5bfd;background:#eef1fe;border-color:#dbe1fb}.cb-node-type.is-markdown{color:#7a5c26;background:#f7efdd;border-color:#ecdfc2}.cb-node-type.is-svg{color:#2f7a52;background:#e6f4ec;border-color:#cfe8da}.cb-node-credits{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--ink-3);flex:none}.cb-node-collapse{position:absolute;right:-12px;top:50%;transform:translateY(-50%);z-index:5;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;line-height:1;border:1px solid var(--line-strong);background:var(--panel);color:var(--ink-2);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.cb-node-collapse:hover{border-color:var(--accent);color:var(--accent)}.cb-node-collapse.is-collapsed{background:var(--accent);border-color:var(--accent);color:#fff}.cb-node-del{width:18px;height:18px;border-radius:6px;font-size:10px;line-height:1;color:var(--ink-3);background:none;display:grid;place-items:center;opacity:0;transition:opacity .12s,color .12s,background .12s}.cb-node-variant:hover .cb-node-del{opacity:1}.cb-node-del:hover{color:var(--danger);background:var(--danger-soft)}.cb-node-seq{font-family:var(--mono);font-size:9px;font-weight:700;color:var(--ink-3);margin-right:6px;vertical-align:1px}.cb-node-content{width:188px;height:202px;cursor:pointer;background:#f7efdd;border:1px solid #eadfc2;border-radius:3px;padding:26px 18px 16px;display:flex;flex-direction:column;box-shadow:0 2px 3px #2c28270f,0 14px 32px #2c282721;transition:transform .18s,box-shadow .18s}.cb-node-content.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),0 14px 32px #2c282721}.cb-content-tape{position:absolute;left:50%;top:-9px;transform:translate(-50%) rotate(-3deg);width:64px;height:18px;background:#d95b5752;box-shadow:0 2px 4px #2c28271f}.cb-content-title{flex:none;margin-bottom:8px;font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-content-text{flex:1;min-height:0;overflow:hidden;font-family:var(--serif);font-style:italic;font-size:13.5px;line-height:1.95;color:#6b5a38;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.cb-node-plant{display:block;height:62px;animation:cb-plant-sway 3.6s ease-in-out infinite;transform-origin:50% 92%}.cb-node-plant svg{height:100%;width:auto}@keyframes cb-plant-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.cb-canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.cb-canvas-bar{position:absolute;left:14px;top:14px;z-index:40;display:flex;align-items:center;gap:9px;padding:7px 14px 7px 7px;background:#fcfaf7eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-lg)}.cb-canvas-back{width:28px;height:28px;border-radius:8px;color:var(--ink-2);font-size:16px;flex:none;display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s}.cb-bar-sep{width:1px;height:16px;background:var(--line-soft);flex:none}.cb-canvas-project-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.cb-bar-stat{font-size:11px;color:var(--ink-3);white-space:nowrap;padding-left:9px;border-left:1px solid var(--line-soft)}.cb-bar-stat b{color:var(--ink);font-weight:700;font-size:12px;margin-right:2px}.cb-bar-stat.is-live b{color:var(--accent);animation:cb-pulse 1.3s ease-in-out infinite}.cb-canvas-layout{flex:1;min-height:0;display:flex;position:relative}.cb-viewport{position:relative;flex:1;min-width:0;overflow:hidden;touch-action:none;cursor:grab;background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1.2px,transparent 1.2px);background-size:24px 24px}.cb-viewport.is-panning{cursor:grabbing}.cb-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.cb-edges{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.cb-edge{fill:none;stroke:var(--line);stroke-width:2;transition:stroke .2s}.cb-edge.is-highlighted{stroke:var(--accent)}.cb-zoom{position:absolute;left:16px;bottom:16px;z-index:20;display:flex;align-items:center;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.cb-zoom button{width:32px;height:32px;font-size:15px;color:var(--ink-2);transition:color .12s,background .12s}.cb-zoom button:hover{color:var(--ink);background:#f2f3f6}.cb-zoom-value{min-width:44px;text-align:center;font-size:11px;font-weight:600;color:var(--ink-2)}.cb-zoom-fit{width:auto!important;padding:0 9px;font-size:10.5px!important;font-weight:600;border-left:1px solid var(--line-soft)}.cb-canvas-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:15;font-size:11.5px;color:var(--ink-3);white-space:nowrap;background:#ffffffbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.04);padding:5px 14px;border-radius:999px}.cb-toast{position:absolute;left:50%;bottom:64px;transform:translate(-50%);z-index:60;background:var(--ink);color:#fff;font-size:12.5px;padding:9px 16px;border-radius:999px;box-shadow:var(--shadow-lg);animation:cb-toast-in .25s cubic-bezier(.3,1.2,.5,1) both}.cb-divider{width:5px;flex:none;cursor:col-resize;background:var(--line);transition:background .15s}.cb-divider:hover{background:var(--accent)}.cb-preview{flex:none;min-width:0;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line)}.cb-preview-bar{flex:none;padding:12px 14px;border-bottom:1px solid var(--line-soft)}.cb-preview-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.cb-preview-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-preview-actions{display:flex;align-items:center;gap:4px;flex:none}.cb-preview-button{width:30px;height:30px;border-radius:8px;color:var(--ink-3);font-size:15px;display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s}.cb-preview-button:hover{color:var(--ink);background:#eef0f4}.cb-preview-button.is-close:hover{color:var(--danger);background:var(--danger-soft)}.cb-preview-button svg{width:16px;height:16px}.cb-preview-button:disabled{opacity:.4;cursor:default}.cb-preview-button:disabled:hover{color:var(--ink-3);background:none}.cb-preview-credits{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--ink-3)}.cb-preview-desc{margin-top:8px;font-family:var(--serif);font-style:italic;font-size:12px;line-height:1.75;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cb-preview-desc.is-open{display:block;-webkit-line-clamp:unset}.cb-preview-desc-toggle{margin-top:3px;font-size:11px;font-weight:600;color:var(--accent-ink);padding:0;background:none;border:none;cursor:pointer}.cb-preview-desc-toggle:hover{text-decoration:underline}.cb-preview-content{flex:1;min-height:0;overflow:auto;padding:30px 34px 44px;background:#fbf7ee}.cb-preview-content-label{margin-bottom:16px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.cb-preview-content-body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--serif);font-size:17px;line-height:2;color:#594b34}.cb-preview-frame-shell{flex:1;min-height:0;position:relative;background:var(--panel-2)}.cb-preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--ink-3);font-size:13px;background:var(--panel-2)}.cb-preview-loading.is-failed{flex-direction:column}.cb-preview-retry{padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font-size:12px;cursor:pointer}.cb-preview-retry:hover{border-color:var(--accent);color:var(--accent)}.cb-preview-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;background:#fff}@media(max-width:720px){.cb-canvas-bar{left:10px;top:10px}.cb-canvas-project-name{max-width:42vw}.cb-bar-stat,.cb-divider{display:none}.cb-preview{position:fixed;top:0;right:0;bottom:0;left:0;width:100%!important;z-index:200;border-left:none}}.cb-minimap{position:absolute;right:16px;bottom:16px;z-index:20;cursor:pointer;background:#fcfaf7eb;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:5px;line-height:0}:root{color-scheme:light;--bg: #f4f0ea;--grid-dot: #e0d9cc;--panel: #fcfaf7;--panel-2: #f7f3ec;--line: #e7e1d6;--line-soft: #efeae0;--line-strong: #cdc5b6;--ink: #2c2827;--ink-2: #6b6560;--ink-3: #96908a;--accent: #d95b57;--accent-2: #e37b76;--accent-ink: #b23b35;--accent-soft: #f9ece8;--danger: #d05050;--danger-soft: #fbeaea;--ok: #5a735b;--ok-soft: #edf2ea;--warn: #c98a2e;--shadow: 0 1px 2px rgba(44, 40, 39, .05), 0 10px 30px rgba(44, 40, 39, .07);--shadow-lg: 0 4px 14px rgba(44, 40, 39, .09), 0 24px 60px rgba(44, 40, 39, .15);--radius: 11px;--radius-lg: 16px;--font: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--serif: Georgia, "Songti SC", "Noto Serif SC", serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;cursor:pointer;color:inherit;background:none;border:none}textarea,input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft);color:var(--accent-ink)}.dot{background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1.2px,transparent 1.2px);background-size:24px 24px}.btn-ghost{font-size:13px;font-weight:600;color:var(--ink-2);padding:8px 14px;border-radius:8px;transition:color .12s,background .12s}.btn-ghost:hover{color:var(--ink);background:#eef0f4}.btn-lime{font-size:13px;font-weight:700;color:#fff;background:var(--accent);padding:9px 18px;border-radius:999px;transition:filter .12s,transform .08s,box-shadow .15s;box-shadow:0 1px 2px #3b5bfd40}.btn-lime:hover{filter:brightness(1.06);box-shadow:0 2px 8px #3b5bfd4d}.btn-lime:active{transform:scale(.97)}.cb-loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:14px;background:var(--bg)}.cb-app,.cb-root{height:100%}.cb-global-toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%);background:var(--ink);color:#fff;font-size:13px;font-weight:500;padding:10px 18px;border-radius:999px;box-shadow:var(--shadow-lg);z-index:200;animation:cb-toast-in .25s cubic-bezier(.3,1.2,.5,1) both}@keyframes cb-toast-in{0%{opacity:0;transform:translate(-50%) translateY(14px)}}.cb-topbar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:30}.cb-brand{display:flex;align-items:center;gap:8px}.cb-brand svg{fill:var(--accent)}.cb-brand b{font-size:16px;font-weight:800}.cb-brand span{font-family:var(--mono);font-size:12px;color:var(--ink-3)}.cb-top-actions{display:flex;align-items:center;gap:14px}.cb-credit-icon{display:inline-block;flex:none;vertical-align:-.14em}.cb-balance-pill{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-2);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 13px;transition:color .12s,border-color .12s,background .12s,box-shadow .12s}.cb-balance-pill b{color:var(--ink);font-weight:700}button.cb-balance-pill:hover{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px #3b5bfd14}.cb-home,.cb-subpage{height:100%;display:flex;flex-direction:column;background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1.2px,transparent 1.2px);background-size:24px 24px}.cb-subpage-head{display:flex;align-items:center;gap:10px;min-width:0}.cb-subpage-head h1{font-size:16px;font-weight:700}.cb-subpage-scroll{flex:1;min-height:0;overflow-y:auto}.cb-subpage-inner{max-width:680px;margin:0 auto;padding:32px 24px 64px}.cb-canvas-back{width:34px;height:34px;border-radius:9px;color:var(--ink-2);font-size:18px;flex:none;display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s}.cb-canvas-back:hover{color:var(--ink);background:#eef0f4}@keyframes cb-pop{0%{opacity:0;transform:translateY(-4px)}}@keyframes cb-pulse{0%,to{opacity:1}50%{opacity:.3}}:root[data-theme=dark]{color-scheme:dark;--bg: #181614;--grid-dot: #342f2a;--panel: #221f1c;--panel-2: #292520;--line: #403933;--line-soft: #332e29;--line-strong: #5a5047;--ink: #eee7de;--ink-2: #beb4a9;--ink-3: #91877d;--accent: #e7756e;--accent-2: #f08d85;--accent-ink: #f49a93;--accent-soft: #3c2421;--danger: #ef7777;--danger-soft: #402222;--ok: #9eb49a;--ok-soft: #263229;--warn: #d9a451;--shadow: 0 1px 2px rgba(0, 0, 0, .22), 0 10px 30px rgba(0, 0, 0, .24);--shadow-lg: 0 4px 14px rgba(0, 0, 0, .28), 0 24px 60px rgba(0, 0, 0, .4)}:root[data-theme=dark] .btn-ghost:hover,:root[data-theme=dark] .cb-canvas-back:hover,:root[data-theme=dark] .cb-zoom button:hover,:root[data-theme=dark] .cb-preview-button:hover{background:#2d2925}:root[data-theme=dark] .cb-topbar{background:#1e1b18d6}:root[data-theme=dark] .cb-canvas-bar,:root[data-theme=dark] .cb-minimap{background:#221f1ceb}:root[data-theme=dark] .cb-canvas-hint{background:#221f1ccc;border-color:#ffffff0f}:root[data-theme=dark] .cb-preview-content{background:#1d1a17}:root[data-theme=dark] .cb-preview-content-body{color:#d7cabc}:root[data-theme=dark] .cb-node-root{background:linear-gradient(180deg,#28231f,#211d1a);border-color:#51443a;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000040,0 14px 34px #0000004d}:root[data-theme=dark] .cb-node-root:hover{border-color:#735c4c}:root[data-theme=dark] .cb-node-root.is-selected{box-shadow:0 0 0 3px var(--accent-soft),0 14px 34px #0000004d}:root[data-theme=dark] .cb-node-root-mark{border-color:#57332f;box-shadow:inset 0 1px #ffffff0f}:root[data-theme=dark] .cb-node-variant.is-generating .cb-node-thumb{background:repeating-linear-gradient(45deg,#292723 0,#292723 8px,#24221f 8px,#24221f 16px)}:root[data-theme=dark] .cb-node-skeleton i{background:#4b4741}:root[data-theme=dark] .cb-node-info-skeleton i{background:linear-gradient(90deg,#34312d 25%,#46413b,#34312d 75%);background-size:200% 100%}:root[data-theme=dark] .cb-retry-button{background:var(--panel)}:root[data-theme=dark] .cb-node-type.is-html{color:#9dacff;background:#252b4a;border-color:#39436f}:root[data-theme=dark] .cb-node-type.is-markdown{color:#d5b978;background:#3a3020;border-color:#594929}:root[data-theme=dark] .cb-node-type.is-svg{color:#8fcaa8;background:#20372b;border-color:#315541}:root[data-theme=dark] .cb-node-content{background:#332b1e;border-color:#594a30;box-shadow:0 2px 3px #0003,0 14px 32px #0000004d}:root[data-theme=dark] .cb-node-content.is-selected{box-shadow:0 0 0 3px var(--accent-soft),0 14px 32px #0000004d}:root[data-theme=dark] .cb-content-text{color:#d8c69f}:root[data-theme=dark] .bd-help-entry{border-color:#5a5047cc;background:#221f1cc7;box-shadow:0 2px 12px #0003}:root[data-theme=dark] .bd-pager button{color:var(--ink-2)}:root[data-theme=dark] .bd-card{background:#24211d;box-shadow:0 2px 3px #00000038,0 16px 36px #00000052}:root[data-theme=dark] .bd-card:hover{box-shadow:0 4px 8px #00000042,0 26px 54px #00000073}:root[data-theme=dark] .bd-del{background:#24211deb;color:var(--ink-3)}:root[data-theme=dark] .bd-shot{background:#302b25}:root[data-theme=dark] .bd-shot-mock i{background:#51493f}:root[data-theme=dark] .bd-shot-mock i.b{background:#9b7957}:root[data-theme=dark] .bd-memo,:root[data-theme=dark] .bd-meta{color:var(--ink-3)}:root[data-theme=dark] .bd-how-veil{background:#00000094}:root[data-theme=dark] .bd-how-box{border-color:#4b4238;background:linear-gradient(180deg,#28231e,#201c19)}:root[data-theme=dark] .bd-how-command{background:#120f0d;color:#eee7de}:root[data-theme=dark] .bd-ghost-card{border-color:#514a42;background:#221f1c75}:root[data-theme=dark] .bd-ghost-pinhole{border-color:#514a42}:root[data-theme=dark] .bd-ghost-shot{background:#37312aa6}:root[data-theme=dark] .bd-ghost-shot.is-document i{background:#5a5147}:root[data-theme=dark] .bd-ghost-memo{color:var(--ink-3)}