@my-life-buddies/cli 0.13.3 → 0.15.0

package/resources/buddy-creator/assets/preview/assets/index-DWKP6b-3.css

@@ -1,4 +0,0 @@
-:root{font-family:var(--font-body);font-synthesis:none;color:var(--color-ink);background:var(--color-paper);--accent:var(--color-accent);--line:var(--color-rule);--line-strong:var(--color-rule-strong);--muted:var(--color-muted);--muted-strong:var(--color-ink-soft);--text:var(--color-ink-strong);--surface:var(--color-paper-raised);--document:var(--color-paper-raised)}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}p{line-height:1.8}button,summary{touch-action:manipulation}button:active{opacity:.85}.shell{min-height:100dvh}.preview-header{position:sticky;top:0;z-index:10;background:var(--color-paper-raised);border-bottom:1px solid var(--line)}.header-inner,.workspace{width:100%;max-width:880px;margin:0 auto;padding:0 28px}.header-inner{padding-bottom:12px}.brand-row{height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:9px;min-width:0}.brand strong{font-size:15px;letter-spacing:-.4px}.project-name{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:7px;padding-left:16px;border-left:1px solid var(--line)}.activity-status{flex:none;max-width:52%;display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:12px;line-height:1.4;color:var(--muted)}.activity-line{display:flex;align-items:center;gap:7px;white-space:nowrap}.activity-status small{color:var(--muted);font-size:10px;line-height:1.3}.activity-status.working,.activity-status.ready{color:var(--accent)}.activity-status.attention,.activity-status.offline{color:var(--color-warning)}.activity-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.activity-status.online .activity-dot{background:var(--accent)}.activity-dots{display:inline-flex;align-items:center;gap:3px;height:12px;flex:none}.activity-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:activity-pulse 1.5s ease-in-out infinite}.activity-dots i:nth-child(2){animation-delay:.18s}.activity-dots i:nth-child(3){animation-delay:.36s}@keyframes activity-pulse{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}.stage-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stage-link{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;text-align:left;min-width:0}.stage-link:hover{background:var(--color-accent-soft)}.stage-link.selected{background:var(--color-accent-soft);border-color:var(--color-accent)}.stage-link.selected.in-progress{background:var(--color-accent-soft);border-color:var(--color-accent)}.step-number{color:var(--muted-strong);display:flex;align-items:center;justify-content:center;flex:none;width:23px;height:23px;border:1px solid var(--color-rule-strong);border-radius:50%;font-size:12px;font-variant-numeric:tabular-nums}.in-progress .step-number{color:var(--color-accent-ink);background:var(--accent);border-color:var(--accent);font-weight:650}.stage-copy{min-width:0}.stage-name{display:block;font-size:15px;line-height:1.3;font-weight:600}.stage-link small{display:block;color:var(--muted);font-size:12px;margin-top:5px;white-space:nowrap}.in-progress small{color:var(--accent)}.position-row{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;font-size:12px;padding-top:12px;flex-wrap:wrap}.position-row .muted{margin-right:8px}.position-count{color:var(--accent);margin-left:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.muted{color:var(--muted)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:0;padding:4px 0;font-size:12px;color:var(--muted-strong);flex:none}.text-button:hover{color:var(--accent)}.workspace{padding-top:26px;padding-bottom:20px}.stage-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.stage-heading>div{display:flex;align-items:center;gap:12px}.stage-heading h1{font-size:26px;line-height:1.4;font-weight:650;letter-spacing:-.5px;margin:0}.stage-heading-status{color:var(--muted);font-size:12px}.structure-button{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:transparent;border:1px solid var(--color-rule-strong);border-radius:var(--radius-md);padding:8px 10px;color:var(--muted-strong)}.structure-button:hover{background:var(--color-accent-soft);color:var(--text)}.view-tabs{display:flex;align-items:stretch;gap:28px;border-bottom:1px solid var(--line);margin-bottom:24px}.view-tabs button{display:inline-flex;gap:8px;align-items:center;padding:12px 0;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:14px;white-space:nowrap}.view-tabs button[aria-selected=true]{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.tab-count{font-size:11px;line-height:1.4;padding:2px 6px;border-radius:var(--radius-xs);color:var(--muted-strong);background:var(--color-paper-soft);font-weight:400}.current-section{margin-bottom:28px}.focus-paper{border:1px solid var(--color-accent);background:var(--color-brand-panel);border-radius:var(--radius-lg);overflow:hidden}.focus-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;border-bottom:1px solid var(--color-accent);background:var(--color-brand-panel);font-size:12px}.focus-context strong{font-weight:600;color:var(--color-accent)}.focus-context>span{color:var(--color-ink-soft)}.focus-content{padding:22px 24px 17px}.focus-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}.focus-title h2{font-size:22px;font-weight:650;letter-spacing:-.4px;line-height:1.5;margin:0}.focus-title .status{margin-top:4px}.status{display:inline-flex;align-items:center;gap:4px;color:var(--muted-strong);font-size:12px;white-space:nowrap;line-height:1.5}.status.pending,.status.revised{background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:var(--radius-xs);padding:2px 7px;color:var(--color-ink-soft)}.status.accepted,.status.confirmed,.status.ready{color:var(--color-success)}.status.rejected{color:var(--muted)}.status.failed{color:var(--color-danger)}.focus-summary h2{font-size:22px;font-weight:600;line-height:1.5;margin:0 0 10px}.focus-summary p{margin:0;color:var(--muted-strong);font-size:15px;white-space:pre-wrap}.focus-summary .text-button{margin-top:14px;color:var(--accent)}.prose{font-size:15px;line-height:1.85;color:var(--color-ink-soft);overflow-wrap:anywhere}.prose p{margin:0 0 13px}.prose>:last-child{margin-bottom:0}.prose h1,.prose h2,.prose h3,.prose h4{font-family:inherit;font-size:16px;font-weight:600;color:var(--text);margin:22px 0 10px}.prose pre{white-space:pre-wrap}.prose ul,.prose ol{padding-left:23px}.prose table{border-collapse:collapse;width:100%;font-size:13px;table-layout:fixed}.prose td,.prose th{border:1px solid var(--line);padding:8px;text-align:left}.prose blockquote{border-left:2px solid var(--color-accent);padding-left:15px;margin-left:0;color:var(--color-ink-soft)}.prose dt{color:var(--muted);font-size:12px;margin-top:13px}.prose dd{margin:3px 0 0}.paper-footer{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 20px;margin-top:20px;padding-top:12px;border-top:1px solid var(--color-rule);color:var(--muted);font-size:12px}.paper-footer>button{margin-left:auto}.paper-footer summary{cursor:pointer;padding:4px 0}.paper-footer details{flex:1;min-width:0}.paper-footer blockquote{margin:13px 0;border-left:1px solid var(--line-strong);padding-left:12px;line-height:1.7;overflow-wrap:anywhere}.paper-footer blockquote small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.copy-error{color:var(--color-danger);font-size:12px;margin:10px 0 0}.unresolved{border-top:1px dashed var(--line-strong);margin-top:18px;padding-top:13px;font-size:13px;color:var(--color-warning)}.unresolved strong{font-size:12px;font-weight:500}.unresolved p{margin:6px 0 0}.record-group,.notes-group,.sources{border:1px solid var(--line);background:var(--color-paper-raised);border-radius:var(--radius-lg);overflow:hidden;margin:0 0 26px}.record-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:15px 20px;background:var(--color-paper-soft)}.record-heading h2{font-size:13px;font-weight:600;margin:0;color:var(--color-ink-soft)}.record-heading>span{font-size:12px;color:var(--muted)}.artifact-fold{margin:0 20px;border-top:1px solid var(--line)}.artifact-fold:first-of-type{border-top:0}.artifact-fold>summary{display:flex;align-items:center;gap:12px;padding:18px 0;list-style:none;cursor:pointer}.artifact-fold>summary>span:first-child{flex:1;font-size:14px;line-height:1.65;color:var(--color-ink)}.artifact-fold>summary>svg{color:var(--muted);transition:transform .14s ease}summary::-webkit-details-marker{display:none}details[open]>summary>svg:last-child{transform:rotate(180deg)}.fold-body{padding:0 0 20px}.fold-body .prose{font-size:14px}.notes-group dl{margin:0;padding:0 20px}.notes-group dl>div{padding:18px 0;border-top:1px solid var(--line)}.notes-group dl>div:first-child{border-top:0}.notes-group dt{font-size:13px;font-weight:600;margin-bottom:8px}.notes-group dd{margin:0;color:var(--muted-strong);font-size:14px;line-height:1.8;white-space:pre-wrap}.booklet-document{background:var(--document);border:1px solid var(--color-rule-strong);border-radius:var(--radius-lg);overflow:hidden}.booklet-cover{display:flex;align-items:center;gap:14px;padding:26px 28px;background:var(--color-paper-soft);border-bottom:1px solid var(--color-rule-strong)}.booklet-cover>svg{color:var(--accent);flex:none}.booklet-cover h2{margin:0 0 6px;font-size:22px;line-height:1.4;font-weight:600}.booklet-cover p{font-size:12px;color:var(--color-ink-soft);margin:0}.document-count{margin-left:auto;color:var(--color-ink-soft);font-size:12px;white-space:nowrap}.chapter{padding:28px 0;margin:0 28px;border-top:1px solid var(--color-rule)}.chapter:first-of-type{border-top:0}.chapter-head{display:flex;align-items:baseline;gap:12px;margin-bottom:13px}.chapter-head h3{flex:1;font-size:18px;font-weight:650;line-height:1.5;margin:0}.chapter-number{flex:none;width:22px;font-size:12px;color:var(--color-ink-soft);font-variant-numeric:tabular-nums}.chapter-body{margin-left:34px}.chapter-current .chapter-number{color:var(--accent)}.chapter .paper-footer{border-top:0;margin-top:15px;padding-top:0}.booklet-empty,.view-empty{padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.booklet-empty>svg,.view-empty>svg{color:var(--muted-strong);margin-bottom:18px}.booklet-empty h2,.view-empty h2{font-size:20px;font-weight:550;margin:0 0 10px}.booklet-empty p,.view-empty p{color:var(--muted);font-size:13px;margin:0}.booklet-empty ol{margin:24px 0 0;padding:22px 0 0;border-top:1px solid var(--line);list-style:none;counter-reset:chapters;display:grid;grid-template-columns:1fr 1fr;gap:17px 25px}.booklet-empty li{counter-increment:chapters;font-size:14px;color:var(--color-ink-soft)}.booklet-empty li:before{content:counter(chapters,decimal-leading-zero);font-size:11px;color:var(--muted);margin-right:12px}.view-empty{margin-bottom:26px}.view-empty .text-button{color:var(--accent);margin-top:14px}[data-buddy-object-id]{scroll-margin-top:calc(var(--header-height, 130px) + 22px)}.draft{padding:18px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);margin-bottom:26px}.draft h2{font-size:18px;margin:10px 0}.sources article{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 20px;border-top:1px solid var(--line)}.sources strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.sources p{font-size:12px;color:var(--muted);margin:8px 0 0}.sources>.empty{padding:0 20px 18px;margin:0}.empty{color:var(--muted);font-size:13px}.notice{background:var(--color-paper-soft);border-left:2px solid var(--accent);padding:12px 16px;margin:0 0 20px;color:var(--muted-strong);font-size:13px;line-height:1.6}.page-footer{font-size:12px;color:var(--muted);padding:8px 0;margin-top:24px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title h1,.section-title h2{font-size:16px;margin:0;font-weight:600}.section-title>span{font-size:12px;color:var(--muted)}.structure-dialog{width:min(560px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-paper-raised);color:var(--text)}.structure-dialog::backdrop{background:var(--color-overlay)}.structure-dialog .dialog-header{position:sticky;top:0;background:var(--color-paper-soft);z-index:1}.dialog-context{display:block;margin-bottom:5px;font-size:12px;color:var(--muted-strong)}.icon-button{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-md);border:1px solid var(--color-rule-strong);background:none;color:var(--muted-strong)}.icon-button:hover{background:var(--color-accent-soft);color:var(--text)}.structure-content{padding:24px}.structure-group+.structure-group{margin-top:26px}.structure-group-title{display:flex;align-items:center;gap:12px;margin-bottom:9px}.structure-index{width:23px;height:23px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-rule-strong);border-radius:50%;font-size:12px;color:var(--color-ink-soft)}.structure-group-title h3{font-size:15px;font-weight:600;margin:0}.structure-topics{margin-left:11px;padding-left:24px;border-left:1px solid var(--color-rule)}.structure-group>.empty{margin-left:36px}.outline-topic{display:flex;align-items:baseline;gap:12px;padding:10px 0;font-size:13px}.outline-topic>span,.outline-topic button{flex:1;min-width:0}.outline-topic button{display:flex;gap:6px;align-items:baseline;text-align:left;border:0;padding:0;background:none;line-height:1.65}.outline-topic button>svg{flex:none;color:var(--muted)}.outline-topic button:hover{color:var(--accent)}.outline-topic small{font-size:12px;color:var(--muted);flex:none;display:inline-flex;align-items:center;gap:4px}.outline-topic.current>*{color:var(--accent)}.loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}.loading h1{font-size:20px;font-weight:500;margin:0}.loading p{font-size:13px;color:var(--muted);margin:0}.loading-lines{width:min(100%,340px);display:grid;gap:12px}.loading-lines i{background:var(--color-paper-soft);height:12px;border-radius:var(--radius-xs)}.loading-lines i:last-child{width:60%}@media(max-width:640px){.header-inner,.workspace{padding-left:18px;padding-right:18px}.stage-link{gap:7px;padding:9px 8px}.project-name{padding-left:10px;margin-left:2px}.focus-context{padding:12px 18px}.focus-content{padding:19px 18px 15px}.focus-title{flex-wrap:wrap;gap:9px}.focus-title h2{font-size:21px}.focus-title .status{margin-top:0}.booklet-cover{padding:22px}.chapter{margin:0 22px}.chapter-body{margin-left:0}}@media(max-width:420px){.header-inner,.workspace{padding-left:14px;padding-right:14px}.stage-nav{gap:5px}.stage-link{padding:8px 6px;gap:4px}.step-number{width:20px;height:20px}.stage-name{font-size:14px}.stage-link small{font-size:10px}.activity-status{font-size:11px}.position-row .muted{display:none}.focus-context{align-items:flex-start}.focus-context>span{max-width:65%;text-align:right}.booklet-empty ol{grid-template-columns:1fr}.view-tabs{gap:23px}.artifact-fold{margin:0 16px}.artifact-fold>summary{gap:8px}.chapter-head{flex-wrap:wrap;gap:9px}.structure-content{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.completion-notice{padding:16px 20px;margin-bottom:24px;border-left:2px solid var(--accent);background:var(--color-brand-panel)}.completion-notice h2{margin:0 0 6px;font-size:17px;line-height:1.5}.completion-notice p{margin:0;color:var(--muted-strong);font-size:13px;line-height:1.7}.completion-notice.failed{border-left-color:var(--color-danger)}.service-section{margin:24px 0}.map-frame{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-paper-raised)}.map-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);padding:16px 18px 0}.service-stage-guide{margin:18px;display:grid;gap:16px}.service-stage-guide>div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:baseline}.service-stage-guide dt{font-size:12px;color:var(--muted)}.service-stage-guide dd{margin:0;font-size:13px;line-height:1.65}.service-stage-guide strong{font-weight:550;color:var(--text)}.service-stage-guide p{margin:3px 0 0;color:var(--muted)}.service-stage-meaning{color:var(--muted);font-size:13px;line-height:1.7}.service-policy-update{margin:0 18px;padding:12px 0;border-top:1px solid var(--line);color:var(--accent);font-size:12px;line-height:1.65}.subscription-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:14px 18px 0}.subscription-summary dt{color:var(--muted);font-size:12px}.subscription-summary dd{margin:5px 0 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.service-blueprint-pane{min-width:0;background:var(--color-paper-raised)}.service-pane-head{padding:20px 24px 12px}.service-pane-head span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.service-pane-head strong{font-size:17px;font-weight:550}.service-blueprint-status{display:flex;gap:20px;padding:6px 24px 0;font-size:12px;color:var(--muted)}.service-blueprint-status span{display:flex;align-items:center;gap:6px}.service-blueprint-status i{height:6px;width:6px;border:1px solid var(--muted);border-radius:50%}.service-blueprint-status .status-suggested{background:var(--muted)}.service-blueprint-status .status-confirmed{background:var(--accent);border-color:var(--accent)}.service-map{position:relative;height:640px}.service-transition-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:0}.service-map.connectors-ready .service-transition-lines{opacity:1}.service-transition-lines path:not([d^=M0]){fill:none;stroke:var(--color-rule-strong);stroke-width:1.3;vector-effect:non-scaling-stroke;marker-end:var(--service-arrow)}.service-transition-lines marker path{fill:var(--color-rule-strong)}.service-transition-lines .line-paid-renewal{stroke:var(--accent)}.service-transition-lines .system-line{stroke-dasharray:4 4}.service-stage-card{position:absolute;z-index:2;width:34%;height:218px;display:flex;flex-direction:column;align-items:flex-start;padding:18px;border:1px solid var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-paper-raised);text-align:left}.service-stage-card:hover{border-color:var(--accent)}.service-stage-card.selected{border-color:var(--accent);background:var(--color-accent-soft)}.service-stage-card>span{font-size:13px;font-weight:550;color:var(--accent)}.service-stage-card>strong{margin-top:12px;color:var(--text);font-size:15px;font-weight:500;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-stage-card>small{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-stage-card>em{font-size:12px;font-style:normal;color:var(--muted);margin-top:auto;padding-top:8px}.service-stage-card.status-confirmed>em{color:var(--accent)}.service-stage-card.stage-acquisition{top:11%;left:4%}.service-stage-card.stage-paid{top:11%;right:4%}.service-stage-card.stage-maintenance{bottom:8%;left:31%}.service-stage-core{width:100%;display:grid;gap:7px;margin:12px 0 0}.service-stage-core>div{display:grid;grid-template-columns:90px 1fr;gap:8px}.service-stage-core dt{color:var(--muted);font-size:12px;line-height:1.5}.service-stage-core dd{margin:0;font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-stage-card.has-core-plan{height:270px}.service-stage-card.has-core-plan.stage-maintenance{height:185px}.transition-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid var(--color-rule-strong);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-ink-soft);font-size:12px;white-space:nowrap;opacity:0}.service-map.connectors-ready .transition-chip{opacity:1}.transition-chip:hover,.transition-chip.selected{border-color:var(--accent);color:var(--accent);background:var(--color-accent-soft)}.transition-chip.system-transition{border-style:dashed}.compact-blueprint .service-map{height:400px}.compact-blueprint .service-stage-card{width:34%;height:126px;padding:13px}.compact-blueprint .service-stage-card>strong{font-size:13px;margin-top:8px}.compact-blueprint .service-stage-card>em{font-size:12px}.compact-blueprint .service-stage-card.stage-maintenance{bottom:11%}.compact-blueprint .transition-chip{font-size:11px;padding:5px 7px}.service-blueprint-summary{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 24px;gap:18px;border-top:1px solid var(--line)}.service-blueprint-summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.service-blueprint-summary strong{font-size:13px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}.map-hint{text-align:center;margin:0;padding:0 16px 18px;font-size:12px;color:var(--muted)}.service-detail{border-top:1px solid var(--line);padding:20px}.service-detail h3{font-size:16px;font-weight:550;margin:0}.service-detail dl{margin:0}.service-detail dl>div{display:grid;grid-template-columns:92px 1fr;gap:12px;margin-top:12px;font-size:14px;line-height:1.7}.service-detail dt{color:var(--muted);font-size:12px}.service-detail dd{margin:0;overflow-wrap:anywhere}.service-detail .empty{font-size:12px;margin:18px 0 0}.blueprint-dialog{width:min(1140px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--color-paper-raised);color:var(--text)}.blueprint-dialog::backdrop{background:var(--color-overlay)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--line)}.dialog-header h2{margin:0;font-size:17px;font-weight:550}.dialog-scroll{overflow:auto;max-height:calc(100dvh - 95px)}.large-map{min-width:740px}.large-map .service-stage-core{display:none}.large-map .service-stage-card.has-core-plan{height:218px}@media(max-width:480px){.map-caption{padding:14px 12px 0;font-size:11px}.subscription-summary{padding:12px 12px 0}.service-stage-guide{margin:16px 12px;gap:14px}.service-stage-guide>div{gap:10px}.compact-blueprint .service-stage-card{padding:10px}.compact-blueprint .service-stage-card>span{font-size:12px}.compact-blueprint .transition-chip{font-size:10px;padding:5px;gap:2px}.service-detail dl>div{grid-template-columns:74px 1fr;gap:10px}}
-
-/* Platform brand patch; retain upstream layout and read-only behavior. */
-.brand::before{content:"";width:28px;height:28px;flex:none;background:url("../brand-logo.png") center/contain no-repeat}.brand>svg{display:none}.stage-link.selected,.stage-link.selected.in-progress{color:var(--color-accent)}.structure-button,.icon-button{min-height:40px}.brand-row{height:64px}

package/resources/buddy-creator/assets/preview/brand.css

@@ -1,100 +0,0 @@
-/* Dada product palette: cool white, ink and the supplied cyan brand mark.
-   Controls: 12px; content panels: 20px; brand surfaces: 28px; status: pill. */
-:root {
-  color-scheme: light;
-  --color-paper: #f4f8fc;
-  --color-paper-soft: #eaf1f7;
-  --color-paper-raised: #ffffff;
-  --color-ink: #203344;
-  --color-ink-strong: #102738;
-  --color-ink-soft: #506577;
-  --color-muted: #566d80;
-  --color-rule: #dce6ee;
-  --color-rule-strong: #b5c9d8;
-  --color-accent: #007399;
-  --color-accent-hover: #006889;
-  --color-accent-soft: #e0f5fd;
-  --color-accent-ink: #ffffff;
-  --color-brand-bright: #24c9f1;
-  --color-brand-panel: #e3f5fc;
-  --color-focus: #007399;
-  --color-success: #13704e;
-  --color-success-soft: #e5f5ed;
-  --color-warning: #85531b;
-  --color-warning-soft: #fff1da;
-  --color-danger: #b33845;
-  --color-danger-soft: #ffedf0;
-  --color-overlay: rgb(12 31 48 / 38%);
-  --color-shadow: rgb(27 74 106 / 8%);
-  --color-transparent: transparent;
-  --font-display: "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
-  --font-body: "SF Pro Text", "PingFang SC", "Microsoft YaHei", sans-serif;
-  --font-mono: "SFMono-Regular", Consolas, monospace;
-  --space-3xs: .125rem;
-  --space-2xs: .25rem;
-  --space-xs: .5rem;
-  --space-sm: .75rem;
-  --space-md: 1rem;
-  --space-lg: 1.5rem;
-  --space-xl: 2.5rem;
-  --space-2xl: 4rem;
-  --space-3xl: 6rem;
-  --space-4xl: 9rem;
-  --text-xs: .75rem;
-  --text-sm: .875rem;
-  --text-base: 1rem;
-  --text-md: 1.125rem;
-  --text-lg: 1.25rem;
-  --text-xl: 1.625rem;
-  --text-2xl: 2rem;
-  --text-display: clamp(2rem, 3.2vw, 2.75rem);
-  --ease-out: cubic-bezier(.16, 1, .3, 1);
-  --dur-micro: 100ms;
-  --dur-short: 180ms;
-  --dur-long: 320ms;
-  --rule-thin: 1px;
-  --radius-xs: .5rem;
-  --radius-sm: .75rem;
-  --radius-md: .75rem;
-  --radius-lg: 1.25rem;
-  --radius-xl: 1.75rem;
-  --radius-pill: 999px;
-  --control-height: 3rem;
-  --shadow-whisper: 0 4px 16px var(--color-shadow);
-  --shadow-sheet: 0 16px 48px var(--color-shadow);
-  --z-base: 1;
-  --z-raised: 10;
-  --z-dropdown: 100;
-  --z-sticky: 200;
-  --z-modal: 400;
-  --z-toast: 500;
-  --z-tooltip: 600;
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    color-scheme: dark;
-    --color-paper: #101922;
-    --color-paper-soft: #203240;
-    --color-paper-raised: #17242f;
-    --color-ink: #e3edf5;
-    --color-ink-strong: #f4faff;
-    --color-ink-soft: #b1c3d1;
-    --color-muted: #98afc0;
-    --color-rule: #2d4252;
-    --color-rule-strong: #4b677b;
-    --color-accent: #46cef0;
-    --color-accent-hover: #82e5ff;
-    --color-accent-soft: #143b4b;
-    --color-accent-ink: #092e3b;
-    --color-brand-panel: #14303f;
-    --color-focus: #46cef0;
-    --color-success: #7ae0b0;
-    --color-success-soft: #173b31;
-    --color-warning: #efc787;
-    --color-warning-soft: #3b3021;
-    --color-danger: #ff9aa5;
-    --color-danger-soft: #402a33;
-    --color-overlay: rgb(2 10 18 / 65%);
-    --color-shadow: rgb(0 8 18 / 25%);
-  }
-}

package/resources/buddy-creator/assets/preview/index.html

@@ -1,7 +0,0 @@
-<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="color-scheme" content="light dark"><link rel="icon" type="image/png" href="./brand-logo.png"><link rel="stylesheet" href="./brand.css"><title>Buddy · 创作手册</title>  <script type="module" crossorigin src="./assets/index-B5VmkoSx.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-DWKP6b-3.css">
-  <link rel="stylesheet" href="./reader.css?v=1">
-  <script type="module" src="./reader.js?v=1"></script>
-  <link rel="stylesheet" href="./widgets.css?v=1">
-  <script type="module" src="./widgets.js?v=1"></script>
-</head><body><div id="root"></div></body></html>

package/resources/buddy-creator/assets/preview/reader.css

@@ -1,165 +0,0 @@
-/* Booklet reading experience. Shared colors and type come from brand.css. */
-.header-inner, .workspace { max-width: 1184px; padding-inline: 32px; }
-.preview-header { box-shadow: 0 4px 16px var(--color-shadow); }
-.header-inner { padding-bottom: 12px; }
-.brand-row { height: 58px; }
-.brand { gap: 12px; }
-.brand::before { width: 30px; height: 30px; }
-.brand strong { font-size: 16px; letter-spacing: -.02em; }
-.project-name { max-width: 32ch; font-size: 13px; }
-.activity-status { font-size: 12px; }
-.stage-nav { gap: 8px; }
-.stage-link { min-height: 52px; padding: 9px 14px; gap: 10px; }
-.stage-link.selected, .stage-link.selected.in-progress { border-color: transparent; }
-.stage-link small { margin-top: 3px; font-size: 11px; }
-.step-number { width: 28px; height: 28px; border-radius: 9px; background: var(--color-paper); border: 0; }
-.selected .step-number { background: var(--color-accent); color: var(--color-accent-ink); }
-.position-row { padding-top: 10px; }
-.workspace { padding-top: 24px; padding-bottom: 24px; }
-.stage-heading { margin-bottom: 16px; }
-.stage-heading h1 { font-size: 27px; letter-spacing: -.035em; }
-.stage-heading-status { padding: 5px 10px; border-radius: var(--radius-pill); background: var(--color-paper-soft); }
-.structure-button, .icon-button { min-height: 38px; background: var(--color-paper-raised); }
-.structure-button { padding: 8px 12px; }
-.view-tabs { display: inline-flex; gap: 4px; padding: 4px; margin-bottom: 20px; border: 1px solid var(--color-rule); border-radius: 16px; background: var(--color-paper-raised); max-width: 100%; }
-.view-tabs button { min-height: 36px; padding: 7px 16px; border: 0; border-radius: 11px; }
-.view-tabs button[aria-selected=true] { background: var(--color-accent-soft); color: var(--color-accent); }
-.view-tabs button[aria-selected=true] .tab-count { background: var(--color-paper-raised); color: var(--color-accent); }
-.view-tabs button:hover { color: var(--color-accent); }
-.tab-count { padding: 3px 7px; border-radius: var(--radius-pill); }
-.booklet:has(.reader-navigation) { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 20px; align-items: start; }
-.booklet > .draft { grid-column: 1 / -1; }
-.booklet-document { min-width: 0; border-color: var(--color-rule); border-radius: 20px; box-shadow: var(--shadow-whisper); }
-.booklet-cover { padding: 20px 26px; gap: 12px; background: var(--color-brand-panel); border-color: var(--color-rule); }
-.booklet-cover > svg { width: 26px; height: 26px; }
-.booklet-cover h2 { font-size: 22px; letter-spacing: -.025em; }
-.booklet-cover p { font-size: 13px; line-height: 1.7; }
-.document-count { background: var(--color-paper-raised); border-radius: 10px; padding: 7px 10px; color: var(--color-accent); }
-.chapter { margin: 0 26px; padding: 24px 0; }
-.chapter-head { align-items: center; gap: 10px; margin-bottom: 14px; }
-.chapter-number { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: var(--color-paper); color: var(--color-muted); }
-.chapter-current .chapter-number { background: var(--color-accent-soft); color: var(--color-accent); }
-.chapter-head h3 { font-size: 18px; letter-spacing: -.02em; }
-.chapter-body { margin-left: 0; }
-.chapter .prose { color: var(--color-ink); font-size: 14px; line-height: 1.8; }
-.prose p { margin-bottom: 12px; }
-.prose h1, .prose h2, .prose h3, .prose h4 { margin-top: 18px; margin-bottom: 9px; }
-.prose li + li { margin-top: 5px; }
-.prose a { color: var(--color-accent); text-underline-offset: 3px; }
-.prose blockquote { padding: 10px 14px; margin: 14px 0; background: var(--color-accent-soft); border-radius: 0 12px 12px 0; }
-.prose pre { padding: 16px; border-radius: 12px; background: var(--color-paper); font: 13px/1.8 var(--font-mono); }
-.prose table { line-height: 1.7; }
-.prose th { background: var(--color-paper); }
-.status { font-size: 12px; }
-.status.pending, .status.revised { padding: 5px 9px; border: 0; border-radius: var(--radius-pill); color: var(--color-accent); }
-.status.accepted, .status.confirmed, .status.ready { padding: 5px 9px; background: var(--color-success-soft); border-radius: var(--radius-pill); }
-.paper-footer { align-items: center; gap: 12px; }
-.chapter .paper-footer { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--color-rule); }
-.paper-footer > .text-button { min-height: 36px; padding: 7px 10px; border-radius: 11px; background: var(--color-paper); color: var(--color-accent); }
-.paper-footer > .text-button:hover { background: var(--color-accent-soft); }
-.paper-footer summary { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 0; }
-.unresolved { margin-top: 16px; padding: 12px 14px; border: 0; border-radius: 12px; background: var(--color-warning-soft); }
-.unresolved strong { font-weight: 600; }
-.reader-navigation { position: sticky; top: calc(var(--header-height, 160px) + 24px); min-width: 0; padding: 14px 10px 12px; border: 1px solid var(--color-rule); border-radius: 16px; background: var(--color-paper-raised); max-height: calc(100dvh - var(--header-height, 160px) - 48px); overflow-y: auto; }
-.reader-navigation > summary { display: flex; align-items: center; gap: 10px; padding: 0 8px 10px; list-style: none; cursor: pointer; }
-.reader-navigation > summary strong { flex: 1; font-size: 13px; font-weight: 600; }
-.reader-navigation > summary > span { font-size: 12px; color: var(--color-muted); }
-.reader-navigation > summary::after { content: "+"; font-size: 18px; color: var(--color-muted); }
-.reader-navigation[open] > summary::after { content: "−"; }
-.reader-navigation:not([open]) > summary { padding-bottom: 0; }
-.reader-navigation ol { padding: 0; margin: 0; list-style: none; display: grid; gap: 4px; }
-.reader-navigation a { display: flex; gap: 10px; align-items: baseline; padding: 8px 10px; min-height: 38px; border-radius: 11px; font-size: 13px; line-height: 1.6; text-decoration: none; color: var(--color-ink-soft); }
-.reader-navigation a:hover { background: var(--color-paper); color: var(--color-accent); }
-.reader-navigation a[aria-current] { background: var(--color-accent-soft); color: var(--color-accent); font-weight: 600; }
-.reader-chapter-number { flex: none; color: var(--color-muted); font-size: 11px; font-variant-numeric: tabular-nums; }
-.reader-navigation a[aria-current] .reader-chapter-number { color: var(--color-accent); }
-.reader-pending { display: block; font-size: 11px; font-weight: 400; color: var(--color-muted); }
-.reader-hint { margin: 12px 8px 0; padding-top: 12px; border-top: 1px solid var(--color-rule); font-size: 12px; color: var(--color-muted); line-height: 1.8; }
-.focus-paper { border-color: var(--color-rule); background: var(--color-paper-raised); box-shadow: var(--shadow-whisper); }
-.focus-context { padding: 12px 22px; border-color: var(--color-rule); }
-.focus-content { padding: 20px 24px; }
-.record-heading { padding: 14px 20px; background: var(--color-paper-raised); }
-.record-heading h2 { font-size: 14px; color: var(--color-ink); }
-.artifact-fold > summary { min-height: 52px; padding-block: 13px; border-radius: 8px; }
-.artifact-fold > summary:hover { color: var(--color-accent); }
-.artifact-fold > summary:hover > span:first-child { color: var(--color-accent); }
-.booklet-empty, .view-empty { padding: 28px; }
-.booklet-empty > svg, .view-empty > svg { width: 36px; height: 36px; color: var(--color-accent); }
-.booklet-empty h2, .view-empty h2 { font-size: 21px; }
-.booklet-empty ol { gap: 16px 24px; }
-.notice, .completion-notice { border: 1px solid var(--color-rule); border-radius: 16px; background: var(--color-brand-panel); }
-.structure-dialog { width: min(620px, calc(100vw - 32px)); border: 1px solid var(--color-rule); border-radius: 24px; box-shadow: var(--shadow-sheet); }
-.structure-dialog .dialog-header { padding: 16px 22px; background: var(--color-paper-raised); }
-.structure-content { padding: 20px; }
-.structure-group + .structure-group { margin-top: 22px; }
-.outline-topic { align-items: center; padding: 5px 0; gap: 14px; }
-.outline-topic button, .outline-topic > span { min-height: 44px; padding: 10px; border-radius: 10px; }
-.outline-topic button:hover { background: var(--color-accent-soft); }
-.page-footer { padding-top: 20px; text-align: center; line-height: 1.8; }
-button, a, summary { transition: color var(--dur-short) ease, background-color var(--dur-short) ease, border-color var(--dur-short) ease; }
-button:active { opacity: 1; }
-button:focus-visible, a:focus-visible, summary:focus-visible, .chapter:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; }
-@media (max-width: 900px) {
-  .header-inner, .workspace { padding-inline: 24px; }
-  .booklet:has(.reader-navigation) { display: flex; flex-direction: column; gap: 16px; }
-  .booklet > * { width: 100%; }
-  .booklet > .draft { order: -2; }
-  .reader-navigation { order: -1; position: static; max-height: none; padding: 16px; border-radius: 16px; }
-  .reader-navigation > summary { padding: 0; min-height: 24px; }
-  .reader-navigation[open] > summary { padding-bottom: 14px; }
-  .reader-navigation ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .reader-hint { margin-inline: 8px; }
-  .stage-link { padding: 11px 12px; gap: 9px; }
-}
-@media (max-width: 600px) {
-  .header-inner, .workspace { padding-inline: 16px; }
-  .brand-row { height: 56px; gap: 12px; }
-  .brand { gap: 8px; flex-wrap: wrap; }
-  .brand::before { width: 28px; height: 28px; }
-  .brand strong { font-size: 16px; }
-  .project-name { max-width: 15ch; font-size: 11px; border: 0; margin: 0; padding-left: 0; }
-  .activity-status { max-width: 40%; font-size: 11px; }
-  .activity-status small { max-width: 16ch; }
-  .stage-nav { gap: 6px; }
-  .stage-link { flex-direction: column; align-items: flex-start; gap: 6px; padding: 8px 10px; min-height: 82px; }
-  .stage-name { font-size: 14px; }
-  .stage-link small { font-size: 11px; }
-  .step-number { width: 24px; height: 24px; font-size: 11px; border-radius: 8px; }
-  .workspace { padding-top: 20px; }
-  .stage-heading { gap: 10px; margin-bottom: 14px; }
-  .stage-heading > div { gap: 8px; }
-  .stage-heading h1 { font-size: 25px; }
-  .stage-heading-status { font-size: 11px; padding: 4px 7px; }
-  .structure-button { font-size: 12px; padding: 9px 11px; }
-  .view-tabs { width: 100%; margin-bottom: 20px; gap: 4px; }
-  .view-tabs button { flex: 1; justify-content: center; padding: 9px 8px; gap: 6px; font-size: 13px; }
-  .tab-count { font-size: 10px; }
-  .view-tabs button, .structure-button, .icon-button, .paper-footer > .text-button, .reader-navigation a { min-height: 44px; }
-  .booklet-document { border-radius: 20px; }
-  .booklet-cover { padding: 18px 20px; gap: 12px; }
-  .booklet-cover h2 { font-size: 21px; }
-  .booklet-cover > svg { width: 26px; height: 26px; }
-  .document-count { font-size: 11px; padding: 6px 8px; }
-  .chapter { margin-inline: 20px; padding-block: 22px; }
-  .chapter-head { flex-wrap: wrap; gap: 10px; }
-  .chapter-head h3 { font-size: 18px; }
-  .chapter-head .status { margin-left: auto; }
-  .chapter .prose { font-size: 14px; }
-  .focus-context { padding: 14px 18px; }
-  .focus-content { padding: 18px 20px; }
-  .booklet-empty, .view-empty { padding: 26px 22px; }
-  .booklet-empty h2, .view-empty h2 { font-size: 21px; }
-  .structure-content { padding: 20px; }
-  .structure-dialog .dialog-header { padding: 18px 20px; }
-}
-@media (max-width: 374px) {
-  .project-name { display: none; }
-  .activity-status { max-width: 48%; }
-  .stage-link { padding: 9px 7px; }
-  .view-tabs button { gap: 4px; padding-inline: 6px; }
-  .reader-navigation ol { grid-template-columns: 1fr; }
-  .chapter { margin-inline: 16px; }
-}
-@media (prefers-reduced-motion: reduce) {
-  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
-}

package/resources/buddy-creator/assets/preview/reader.js

@@ -1,135 +0,0 @@
-// Progressive reading controls for the pinned Creator preview. Content and
-// confirmations remain owned by the upstream application and Coding Agent.
-const root = document.getElementById("root");
-const compact = window.matchMedia("(max-width: 900px)");
-const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
-let currentDocument;
-let navigation;
-let signature = "";
-let frame;
-let chapterObserver;
-let headerObserver;
-let activeId;
-
-function markActive(id) {
-  activeId = id;
-  navigation?.querySelectorAll("a[data-chapter]").forEach(link => {
-    if (link.dataset.chapter === id) link.setAttribute("aria-current", "location");
-    else link.removeAttribute("aria-current");
-  });
-}
-
-function observeChapters(chapters) {
-  chapterObserver?.disconnect();
-  const headerHeight = document.querySelector(".preview-header")?.getBoundingClientRect().height || 0;
-  chapterObserver = new IntersectionObserver(entries => {
-    const visible = entries.filter(entry => entry.isIntersecting).sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);
-    if (visible[0]) markActive(visible[0].target.id);
-  }, { rootMargin: `-${Math.ceil(headerHeight + 20)}px 0px -45% 0px` });
-  chapters.forEach(chapter => chapterObserver.observe(chapter));
-}
-
-function clearNavigation() {
-  chapterObserver?.disconnect();
-  headerObserver?.disconnect();
-  navigation?.remove();
-  navigation = undefined;
-  currentDocument = undefined;
-  signature = "";
-  activeId = undefined;
-}
-
-function syncNavigation() {
-  const book = root.querySelector(".booklet-document");
-  if (!book) {
-    if (navigation) clearNavigation();
-    return;
-  }
-  const chapters = [...book.querySelectorAll(".chapter[id]")];
-  const nextSignature = JSON.stringify(chapters.map(chapter => [chapter.id, chapter.querySelector("h3")?.textContent, chapter.querySelector(".status")?.textContent]));
-  if (book === currentDocument && navigation?.isConnected && signature === nextSignature) return;
-  const previousOpen = book === currentDocument ? navigation?.open : undefined;
-  const previousActive = book === currentDocument ? activeId : undefined;
-  clearNavigation();
-  currentDocument = book;
-  signature = nextSignature;
-  if (!chapters.length) return;
-
-  navigation = document.createElement("details");
-  navigation.className = "reader-navigation";
-  navigation.open = previousOpen ?? !compact.matches;
-  const summary = document.createElement("summary");
-  const title = document.createElement("strong");
-  title.textContent = "本册目录";
-  const count = document.createElement("span");
-  count.textContent = `${chapters.length} 章`;
-  summary.append(title, count);
-  const nav = document.createElement("nav");
-  nav.setAttribute("aria-label", "本册章节");
-  const list = document.createElement("ol");
-  for (const chapter of chapters) {
-    const item = document.createElement("li");
-    const link = document.createElement("a");
-    link.href = `#${encodeURIComponent(chapter.id)}`;
-    link.dataset.chapter = chapter.id;
-    const number = document.createElement("span");
-    number.className = "reader-chapter-number";
-    number.textContent = chapter.querySelector(".chapter-number")?.textContent || "";
-    const label = document.createElement("span");
-    label.textContent = chapter.querySelector("h3")?.textContent || chapter.id;
-    const status = chapter.querySelector(".status");
-    if (status) link.setAttribute("aria-label", `${label.textContent}，${status.textContent}`);
-    if (status?.matches(".pending, .revised")) {
-      const pending = document.createElement("small");
-      pending.className = "reader-pending";
-      pending.textContent = status.textContent;
-      label.append(pending);
-    }
-    link.append(number, label);
-    item.append(link);
-    list.append(item);
-  }
-  nav.append(list);
-  const hint = document.createElement("p");
-  hint.className = "reader-hint";
-  hint.textContent = "想调整某一章？复制章节下方的修改引用，回到 Coding Agent 继续。";
-  navigation.append(summary, nav, hint);
-  navigation.addEventListener("click", event => {
-    const link = event.target.closest("a[data-chapter]");
-    if (!link || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
-    const target = document.getElementById(link.dataset.chapter);
-    if (!target) return;
-    event.preventDefault();
-    // Tell upstream to preserve this reading position on the next live update.
-    document.dispatchEvent(new Event("buddy:reader-browse"));
-    if (compact.matches) navigation.open = false;
-    requestAnimationFrame(() => {
-      if (!target.isConnected) return;
-      target.focus({ preventScroll: true });
-      target.scrollIntoView({ behavior: reducedMotion.matches ? "instant" : "smooth", block: "start" });
-      markActive(target.id);
-    });
-  });
-  book.after(navigation);
-  markActive(previousActive && chapters.some(chapter => chapter.id === previousActive) ? previousActive : chapters[0].id);
-  observeChapters(chapters);
-  const header = document.querySelector(".preview-header");
-  if (header) {
-    headerObserver = new ResizeObserver(() => observeChapters(chapters));
-    headerObserver.observe(header);
-  }
-}
-
-function scheduleSync() {
-  cancelAnimationFrame(frame);
-  frame = requestAnimationFrame(syncNavigation);
-}
-
-// Status text, stage changes and replacement snapshots update the outline.
-// Attribute changes from our active marker do not retrigger this observer.
-const observer = new MutationObserver(scheduleSync);
-observer.observe(root, { childList: true, characterData: true, subtree: true });
-compact.addEventListener("change", () => {
-  if (navigation) navigation.open = !compact.matches;
-});
-scheduleSync();

package/resources/buddy-creator/assets/preview/widgets.css

@@ -1 +0,0 @@
-.design-navigation{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px max(20px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--color-rule,#e7e9e5);background:var(--color-paper-raised,#fff);font:14px/1.5 -apple-system,BlinkMacSystemFont,sans-serif}.design-navigation button,.design-state-tabs button{font:inherit;border:1px solid var(--color-rule,#ddd);border-radius:12px;background:transparent;padding:9px 15px;color:var(--color-ink,#222);cursor:pointer}.design-navigation button[aria-pressed=true],.design-state-tabs button[aria-pressed=true]{background:var(--color-accent-soft,#eff4e9);border-color:var(--color-accent,#536f38);color:var(--color-accent,#536f38)}.design-progress{margin-left:auto;font-size:12px;color:var(--color-muted,#777)}#root[hidden],.design-workspace[hidden]{display:none!important}.design-workspace{max-width:1184px;margin:0 auto;padding:36px 32px 80px;color:var(--color-ink,#222);font:16px/1.65 -apple-system,BlinkMacSystemFont,sans-serif}.design-heading h1{font-size:30px;letter-spacing:-.04em;line-height:1.3;margin:8px 0 14px;font-weight:600}.design-heading>p{color:var(--color-muted,#73786f);margin:8px 0}.design-eyebrow{font-size:12px;letter-spacing:.09em}.design-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:30px 0 20px}.design-steps li{display:flex;gap:10px;align-items:center;border-bottom:2px solid var(--color-rule,#e5e7e1);padding:12px 0;font-size:14px;color:var(--color-muted,#7b8175)}.design-steps li>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--color-paper-soft,#f1f3ed);font-size:12px}.design-steps li.current{color:var(--color-accent,#536f38);border-color:var(--color-accent,#536f38)}.design-steps li.done{color:var(--color-ink,#333)}.design-callout{border-radius:12px;padding:14px 18px;background:var(--color-accent-soft,#eff4e9);font-size:14px}.design-card{border:1px solid var(--color-rule,#e5e7e1);background:var(--color-paper-raised,#fff);border-radius:20px;padding:24px;margin-top:22px;min-width:0}.design-card h2{font-size:20px;font-weight:600;margin:0 0 16px}.design-card h3{font-size:18px;font-weight:500;margin:6px 0}.design-card p{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.design-muted{color:var(--color-muted,#777);font-size:14px}.design-badge{display:inline-block;font-size:12px;padding:4px 10px;border-radius:99px;background:var(--color-paper-soft,#f4f4f1);color:var(--color-muted,#777)}.design-badge.passed{background:var(--color-accent-soft,#eff4e9);color:var(--color-accent,#536f38)}.design-specs{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;margin:20px 0}.design-field dt{font-size:12px;color:var(--color-muted,#777);margin-bottom:5px}.design-field dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.design-list-item{border-top:1px solid var(--color-rule,#e5e7e1);padding:18px 0;margin-top:16px}.design-card summary{cursor:pointer;font-weight:500}.design-card table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.design-card th,.design-card td{padding:12px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-rule,#e5e7e1);overflow-wrap:anywhere}.design-card th{font-size:12px;color:var(--color-muted,#777);font-weight:500}.design-prototype,.design-acceptance{padding:20px 0;border-top:1px solid var(--color-rule,#e5e7e1);margin-top:20px}.design-state-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.design-views{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--color-paper-soft,#f4f5f1);padding:24px 16px;border-radius:16px;overflow-x:auto}.design-views figure{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:14px}.design-views figcaption{font-size:14px;color:var(--color-muted,#777)}.design-views iframe{border:0;outline:1px solid #ddd;border-radius:24px;background:#fff;flex:none;max-width:100%;box-shadow:0 10px 36px #0000000a}.design-views a,.design-card a{color:var(--color-accent,#536f38);font-size:14px;overflow-wrap:anywhere}.design-download{display:inline-block;border:1px solid var(--color-rule,#ddd);padding:9px 14px;border-radius:12px;margin:8px 12px 16px 0}.design-navigation button:focus-visible,.design-workspace :is(button,a,summary):focus-visible{outline:3px solid var(--color-accent,#536f38);outline-offset:3px}@media(max-width:700px){.design-navigation{padding:12px 16px}.design-progress{width:100%;margin-left:0;font-size:11px}.design-workspace{padding:24px 16px 50px}.design-heading h1{font-size:24px}.design-card{padding:18px 14px}.design-specs{grid-template-columns:1fr}.design-steps{gap:6px}.design-steps li{flex-direction:column;font-size:11px;align-items:flex-start;gap:7px}.design-views{grid-template-columns:1fr;padding:16px 0;gap:30px}.design-card th,.design-card td{padding:10px 4px;font-size:12px}.design-state-tabs button{font-size:13px;padding:8px 10px}}