.new-granny-editor{--editor-accent: #2563eb;--editor-accent-soft: #eff6ff;--editor-border: #d0d5dd;--editor-muted: #667085;--editor-text: #1d2939;--editor-surface: #fff;--editor-workspace: #f2f4f7;width:min(1600px,100% - 2rem);margin:1rem auto;color:var(--editor-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body:has(.new-granny-editor){margin:0;background:var(--editor-workspace, #f2f4f7)}.new-granny-editor *,.new-granny-editor *::before,.new-granny-editor *::after{box-sizing:border-box}.new-granny-editor [hidden]{display:none !important}.new-granny-editor__heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:0 0 .85rem}.new-granny-editor__eyebrow{margin:0 0 .15rem;color:var(--editor-accent);font-size:.72rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.new-granny-editor h1{margin:0;font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-0.025em}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);white-space:nowrap}.editor-title{min-width:0}.editor-back-link{display:inline-flex;align-items:center;gap:.3rem;margin-bottom:.35rem;color:#475467;font-size:.8rem;font-weight:650;text-decoration:none}.editor-back-link:hover{color:#0f766e;text-decoration:underline}.editor-back-link:focus-visible{outline:2px solid #0f766e;outline-offset:3px}.editor-title__button{min-height:0 !important;max-width:min(48rem,72vw);padding:.05rem .2rem !important;overflow:hidden;border-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important;font-size:clamp(1.35rem,2.4vw,2rem) !important;font-weight:750 !important;letter-spacing:-0.025em;text-align:left;text-overflow:ellipsis;white-space:nowrap}.editor-title__button:hover{border-color:#d0d5dd !important;background:#fff !important}.editor-title__input{width:min(48rem,72vw);min-height:2.5rem !important;padding:.2rem .4rem;font-size:clamp(1.25rem,2.4vw,1.85rem) !important;font-weight:720 !important}.editor-save-state{display:flex;min-width:9rem;align-items:center;justify-content:flex-end;gap:.35rem}.chart-statistics{margin:.3rem 0 0;color:var(--editor-muted);font-size:.86rem}.editor-loading,.editor-load-error{max-width:36rem;margin:12vh auto;padding:1.5rem;border:1px solid var(--editor-border);border-radius:.9rem;background:var(--editor-surface);box-shadow:0 .6rem 2rem rgba(16,24,40,.08);text-align:center}.editor-loading::before{content:"";display:block;width:1.5rem;height:1.5rem;margin:0 auto .75rem;border:3px solid #dbeafe;border-top-color:var(--editor-accent);border-radius:50%;animation:editor-spin .8s linear infinite}@keyframes editor-spin{to{transform:rotate(360deg)}}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.8rem;padding:.55rem .65rem;border:1px solid var(--editor-border);border-radius:.75rem;background:var(--editor-surface);box-shadow:0 .15rem .65rem rgba(16,24,40,.05)}.editor-toolbar__group{display:flex;align-items:center;gap:.35rem}.editor-publication{min-width:0}.editor-publication__state{display:inline-flex;align-items:center;gap:.3rem;color:#475467;font-size:.78rem;font-weight:700;white-space:nowrap}.editor-publication__state[data-published=true]{color:#067647}.editor-publication__link{color:#175cd3;font-size:.76rem;font-weight:650;white-space:nowrap}.export-control{position:relative}.export-menu{position:absolute;z-index:30;inset:calc(100% + .4rem) 0 auto auto;display:grid;min-width:12.5rem;padding:.4rem;gap:.2rem;border:1px solid #d0d5dd;border-radius:.6rem;background:#fff;box-shadow:0 .5rem 1.5rem rgba(16,24,40,.14)}.export-menu[hidden]{display:none}.export-menu button{text-align:left;white-space:nowrap}.export-status{min-width:4rem;font-size:.78rem;color:#475467}.export-status[data-status=error]{color:#b42318}.export-status[data-status=success]{color:#067647}.editor-toolbar__group+.editor-toolbar__group{padding-left:.6rem;border-left:1px solid #eaecf0}.editor-toolbar__status{display:flex;align-items:center;gap:.45rem;margin-left:auto}.new-granny-editor button,.new-granny-editor select,.new-granny-editor input{min-height:2.5rem;border:1px solid #98a2b3;border-radius:.45rem;background:#fff;color:var(--editor-text);font:inherit}.new-granny-editor button{padding:.45rem .75rem;cursor:pointer;font-weight:620}.new-granny-editor button:hover:not(:disabled){border-color:#667085;background:#f9fafb}.new-granny-editor button:active:not(:disabled){transform:translateY(1px)}.new-granny-editor button:disabled{cursor:not-allowed;opacity:.42}.new-granny-editor :is(button,select,input,[tabindex]):focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}.editor-toolbar__primary{border-color:var(--editor-accent) !important;background:var(--editor-accent) !important;color:#fff !important}.view-switch button[aria-pressed=true]{border-color:var(--editor-accent);background:var(--editor-accent-soft);color:#175cd3}[data-editor-save-status],[data-editor-validation]{white-space:nowrap;border-radius:999px;padding:.27rem .55rem;font-size:.78rem;font-weight:650}[data-editor-save-status][data-status=idle],[data-editor-save-status][data-status=scheduled]{color:#92400e;background:#fffaeb}[data-editor-save-status][data-status=saved]{color:#067647;background:#ecfdf3}[data-editor-save-status][data-status=saving]{color:#175cd3;background:#eff8ff}[data-editor-save-status][data-status=retrying]{color:#92400e;background:#fffaeb}[data-editor-save-status][data-status=error],[data-editor-save-status][data-status=auth_error],[data-editor-save-status][data-status=conflict],[data-editor-save-status][data-status=paused]{color:#b42318;background:#fef3f2}[data-editor-validation][data-severity=healthy]{color:#067647;background:#ecfdf3}[data-editor-validation][data-severity=warning]{color:#92400e;background:#fffaeb}[data-editor-validation][data-severity=error]{color:#b42318;background:#fef3f2}.editor-message{flex-basis:100%;margin:.15rem 0 0;padding:.55rem .7rem;border-left:3px solid #f04438;border-radius:.35rem;background:#fef3f2;color:#912018;font-size:.86rem}.editor-conflict-actions{display:flex;gap:.4rem;flex-basis:100%}.editor-performance{flex-basis:100%;color:var(--editor-muted);font-size:.7rem;text-align:right}.new-granny-editor__workspace,.workspace{display:grid;grid-template-areas:"creation chart inspector";grid-template-columns:minmax(14rem, 17rem) minmax(24rem, 1fr) minmax(15rem, 18rem);gap:.8rem;align-items:stretch;min-height:min(72vh,52rem)}.creation-panel{grid-area:creation}.chart-panel{grid-area:chart}.stitch-inspector{grid-area:inspector}.chart-panel,.stitch-inspector,.creation-panel{min-width:0;border:1px solid var(--editor-border);border-radius:.8rem;background:var(--editor-surface);box-shadow:0 .25rem 1.1rem rgba(16,24,40,.07)}.creation-panel,.stitch-inspector{max-height:calc(100vh - 10rem);padding:.9rem;overflow:auto}.chart-panel{position:relative;min-height:30rem;padding:clamp(.45rem,1vw,.9rem);overflow:hidden;touch-action:none}.chart-viewport-controls{position:absolute;z-index:4;top:.65rem;right:.65rem;display:flex;gap:.25rem;padding:.25rem;border:1px solid rgba(152,162,179,.48);border-radius:.55rem;background:hsla(0,0%,100%,.9);box-shadow:0 .15rem .5rem rgba(16,24,40,.08);backdrop-filter:blur(5px)}.chart-viewport-controls button{min-height:2.15rem;padding:.28rem .5rem;font-size:.74rem}.chart-panel:has(.chart-root:empty)::after{content:"Your chart will appear here as you build.";position:absolute;inset:50% auto auto 50%;width:min(18rem,80%);transform:translate(-50%, -50%);color:var(--editor-muted);font-size:.88rem;text-align:center;pointer-events:none}[data-granny-chart-preview]{min-height:24rem;touch-action:none}.three-preview{position:relative;width:100%;height:min(72vh,50rem);min-height:30rem;overflow:hidden;border-radius:.55rem;background:#f8fafc;touch-action:none}.three-render-host{position:absolute;inset:0}.three-render-host[hidden]{display:none}.three-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.three-mode-note{position:absolute;z-index:2;top:.6rem;left:50%;margin:0;padding:.3rem .65rem;transform:translateX(-50%);border:1px solid rgba(152,162,179,.55);border-radius:999px;background:hsla(0,0%,100%,.88);color:#475467;font-size:.72rem;pointer-events:none;backdrop-filter:blur(5px)}.preview-explanation{position:absolute;z-index:2;right:.6rem;bottom:3.8rem;width:min(24rem,100% - 1.2rem);margin:0;padding:.45rem .6rem;border-radius:.45rem;background:hsla(0,0%,100%,.88);color:#475467;font-size:.72rem;line-height:1.4;pointer-events:none;backdrop-filter:blur(5px)}.three-interpretation-switch{position:absolute;z-index:3;top:.6rem;left:.6rem;display:flex;gap:.25rem;padding:.25rem;border:1px solid rgba(152,162,179,.55);border-radius:.6rem;background:hsla(0,0%,100%,.9);box-shadow:0 .15rem .5rem rgba(16,24,40,.09);backdrop-filter:blur(5px)}.three-interpretation-switch button{min-height:2.15rem;padding:.28rem .52rem;font-size:.75rem}.three-interpretation-switch button[aria-pressed=true]{border-color:#84adff;background:#eff8ff;color:#175cd3}.fabric-preview-canvas{background:#eef0ed}.three-presentation-controls{position:absolute;z-index:3;right:.6rem;bottom:.6rem;display:flex;align-items:center;gap:.3rem;padding:.35rem;border:1px solid rgba(152,162,179,.55);border-radius:.6rem;background:hsla(0,0%,100%,.9);box-shadow:0 .15rem .5rem rgba(16,24,40,.09);backdrop-filter:blur(5px)}.three-presentation-controls label{display:flex;align-items:center;gap:.3rem;color:#475467;font-size:.72rem;font-weight:650}.three-presentation-controls :is(button,select){min-height:2.25rem;padding:.3rem .5rem;font-size:.76rem}.three-fallback{display:grid;min-height:24rem;place-items:center;padding:2rem;color:#b42318;text-align:center}.new-granny-editor[data-view-mode=three] nav[aria-label="Chart navigation"]{display:none}.new-granny-editor[data-view-mode=written] nav[aria-label="Chart navigation"]{display:none}.new-granny-editor[data-view-mode=written] .chart-panel{overflow:auto;touch-action:auto}.chart-panel svg{margin-inline:auto;border-radius:.55rem;background:radial-gradient(circle at center, #fff 0, #fff 66%, #fbfcfe 100%)}.creation-panel h2,.stitch-inspector h2{margin:0;font-size:1.05rem}.panel-intro{margin:.35rem 0 .85rem;color:var(--editor-muted);font-size:.82rem;line-height:1.45}.editor-guidance{margin-top:.7rem;padding:.6rem .7rem;border-left:3px solid #84adff;border-radius:.35rem;background:#f8fafc}.editor-guidance[hidden]{display:none}.editor-guidance__eyebrow{margin:0 0 .18rem !important;color:#175cd3 !important;font-size:.65rem !important;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.editor-guidance h3{margin:0 0 .2rem;color:#1849a9;font-size:.85rem;line-height:1.3}.editor-guidance>p:not(.editor-guidance__eyebrow){margin:0;color:#344054;font-size:.78rem;line-height:1.42}.editor-guidance .editor-guidance__tip{margin-top:.4rem;color:#667085}.editor-guidance__actions{display:grid;gap:.35rem;margin-top:.6rem}.editor-guidance__actions button{width:100%;min-height:2.25rem;padding:.35rem .55rem;border-color:#84adff;background:hsla(0,0%,100%,.86);color:#175cd3;font-size:.78rem}.contextual-actions button[data-recommended=true]{border-color:#175cd3;box-shadow:0 0 0 3px rgba(23,92,211,.14)}.editor-guidance[data-guidance-state=target_picking]{border-color:#84adff;background:#eff8ff}.editor-guidance[data-guidance-state=validation_problem]{border-color:#fda29b;background:#fef3f2}.editor-guidance[data-guidance-state=validation_problem] h3{color:#b42318}.material-palette__intro{margin:0 0 .55rem;color:var(--editor-muted);font-size:.78rem;line-height:1.4}.material-palette__subheading,.material-choice-heading{margin:0 0 .4rem;color:#475467;font-size:.72rem;font-weight:700}.material-preset-picker{margin-top:.55rem;border:1px solid #d0d5dd;border-radius:.5rem;background:#fff}.material-preset-picker>summary{padding:.5rem;cursor:pointer;color:#344054;font-size:.76rem;font-weight:700}.material-presets{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.3rem;padding:.45rem;border-top:1px solid #eaecf0}.material-preset{display:flex;min-width:0;align-items:center;justify-content:flex-start;gap:.32rem;min-height:2.15rem !important;padding:.28rem .35rem !important;overflow:hidden;font-size:.69rem !important;text-overflow:ellipsis;white-space:nowrap}.material-swatch{display:inline-block;width:1rem;height:1rem;flex:0 0 1rem;border:1px solid #667085;border-radius:50%;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.58),0 0 0 1px rgba(16,24,40,.08)}.material-current-list{display:grid;gap:.35rem;margin-top:.65rem}.material-standalone-colors{display:grid;gap:.35rem;margin-top:.65rem}.material-standalone-colors>p{margin:0;color:#475467;font-size:.72rem;font-weight:650}.material-standalone-colors>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem;color:#344054;font-size:.76rem}.material-standalone-colors button{min-height:2rem;padding:.25rem .45rem;font-size:.72rem}.material-card,.material-custom{border:1px solid #d0d5dd;border-radius:.45rem;background:#fff}.material-card summary,.material-custom summary{display:flex;align-items:center;gap:.4rem;padding:.48rem;cursor:pointer;color:#344054;font-size:.78rem;font-weight:650}.material-card summary .material-swatch{width:1.35rem;height:1.35rem;flex-basis:1.35rem}.material-card__status{margin-left:auto;color:#175cd3;font-size:.68rem}.material-card__controls{display:grid;gap:.45rem;padding:.55rem;border-top:1px solid #eaecf0}.material-card__controls label{display:grid;gap:.2rem;color:#475467;font-size:.72rem;font-weight:650}.material-card__controls input{width:100%;min-height:2.25rem;padding:.32rem .45rem}.material-card__controls input[type=color]{padding:.2rem}.material-use{color:#175cd3 !important}.material-remove{border-color:#fda29b !important;color:#b42318 !important}.material-custom{margin-top:.55rem}.creation-material-choices{display:grid;gap:.45rem;margin-top:.45rem}.material-choice-list{display:grid;gap:.3rem}.material-choice{display:flex;min-width:0;align-items:center;gap:.42rem;justify-content:flex-start;padding:.35rem .45rem !important;text-align:left}.material-choice[data-selected=true]{border-color:#84adff;background:#eff8ff;box-shadow:inset 3px 0 #2563eb;color:#1849a9}.material-choice__copy{display:grid;min-width:0;gap:.05rem}.material-choice__copy strong{overflow:hidden;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.material-choice__copy small{overflow:hidden;color:#667085;font-size:.65rem;font-weight:450;text-overflow:ellipsis;white-space:nowrap}.material-color-overrides{margin-top:.15rem}.material-color-overrides summary{cursor:pointer;color:#667085;font-size:.72rem;font-weight:650}.material-color-overrides .material-choice-list{margin-top:.35rem}.material-color-editor{display:grid;gap:.3rem}.material-color-editor__label{color:#475467;font-size:.72rem;font-weight:650}.material-color-editor__row{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:end;gap:.4rem}.material-color-editor__preview{width:2rem;height:2rem;margin-bottom:.1rem;flex-basis:2rem}.material-color-editor__row label{margin:0}.material-color-editor__row input[type=color]{min-height:2.1rem;padding:.12rem}.material-color-editor__row input[type=text]{min-width:0}.material-color-editor__exact{grid-column:1/-1}.material-color-editor__exact>summary{cursor:pointer;color:#667085;font-size:.7rem;font-weight:650}.material-color-editor__exact[open]>summary{margin-bottom:.35rem}.material-message{margin:.55rem 0 0;font-size:.76rem;line-height:1.35}.material-message[data-kind=error]{color:#b42318}.material-message[data-kind=success]{color:#067647}.creation-section,.inspector-section{margin-top:.9rem;padding-top:.8rem;border-top:1px solid #eaecf0}.creation-section h3,.inspector-section h3{margin:0 0 .55rem;color:#475467;font-size:.72rem;letter-spacing:.075em;text-transform:uppercase}.creation-start-options{display:grid;gap:.65rem}.creation-start-option{padding:.75rem;border:1px solid #e4e7ec;border-radius:.65rem;background:#f9fafb}.creation-start-option--recommended{border-color:#84adff;background:linear-gradient(145deg, #eff8ff, #fff);box-shadow:0 .25rem .8rem rgba(37,99,235,.08)}.creation-start-option__badge{display:inline-flex;margin-bottom:.45rem;padding:.18rem .42rem;border-radius:999px;background:#dbeafe;color:#1849a9;font-size:.64rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.creation-start-option h3{margin:0 0 .25rem;color:#1d2939;font-size:.92rem}.creation-start-option p{margin:0 0 .55rem;color:var(--editor-muted);font-size:.78rem}.creation-start-option button{width:100%;border-color:var(--editor-accent);color:#175cd3}.creation-start-option--scratch>summary{display:grid;gap:.2rem;cursor:pointer;list-style-position:outside}.creation-start-option--scratch>summary strong{color:#1d2939;font-size:.88rem}.creation-start-option--scratch>summary span{color:var(--editor-muted);font-size:.76rem;font-weight:450;line-height:1.4}.creation-start-option__choices{display:grid;gap:.55rem;margin-top:.65rem;padding-top:.65rem;border-top:1px solid #e4e7ec}.creation-foundation-option+.creation-foundation-option{padding-top:.55rem;border-top:1px solid #eaecf0}.creation-foundation-option p{margin-bottom:.4rem}.creation-start-option__link{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;width:100%;border:1px solid #84adff;border-radius:.45rem;color:#1849a9;font-size:.82rem;font-weight:700;text-decoration:none}.creation-start-option__link:hover{border-color:#2563eb;background:#eff8ff}.creation-start-option__link:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}.creation-panel label{display:grid;gap:.28rem;margin:.55rem 0;color:#475467;font-size:.79rem;font-weight:600}.creation-panel input,.creation-panel select,.inspector-control select{width:100%;padding:.4rem .5rem}.action-button{width:100%}.action-button--primary{border-color:#2563eb !important;background:#2563eb !important;color:#fff !important;box-shadow:0 .15rem .4rem rgba(37,99,235,.18)}.action-button--primary:hover:not(:disabled){background:#1d4ed8 !important}.action-button--secondary{border-color:#84adff !important;background:#eff8ff !important;color:#1849a9 !important}.action-button--advanced,.action-button--quiet{min-height:2.15rem !important;border-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important;color:#475467 !important}.action-button--quiet{width:auto;padding-inline:.45rem !important;font-size:.74rem}.round-context__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.round-context__header h3{margin:0}.creation-rounds{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.creation-rounds button{width:2.45rem;min-height:2.35rem;padding:.25rem;border-radius:999px;text-align:center;font-weight:700}.creation-rounds button[data-active=true]{border-color:var(--editor-accent);background:var(--editor-accent);color:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.14)}.creation-add-round{min-height:2.15rem !important;padding:.28rem .5rem !important;color:#175cd3 !important;font-size:.74rem}.round-context__status{display:grid;gap:.08rem;margin:.55rem 0 0;padding:.55rem;border-radius:.5rem;background:#f8fafc}.round-context__status strong{font-size:.82rem}.round-context__status span,.creation-add-round-reason{color:#667085;font-size:.72rem;line-height:1.35}.creation-add-round-reason{display:block;margin-top:.35rem}.creation-selection-note{margin:.65rem 0 0;padding:.45rem .55rem;border-radius:.45rem;background:#f2f4f7;color:#475467;font-size:.75rem}.contextual-actions__primary,.contextual-actions__secondary{display:grid;gap:.4rem}.contextual-actions__primary{grid-template-columns:repeat(3, minmax(0, 1fr))}.contextual-actions__secondary{margin-top:.45rem}.contextual-actions .action-button[data-active=true]{box-shadow:0 0 0 3px rgba(37,99,235,.22)}.creation-defaults{padding:.65rem;border:1px solid #e4e7ec;border-radius:.6rem;background:#f9fafb}.creation-defaults h3{margin-bottom:.35rem}.creation-defaults__row{display:grid !important;grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:.6rem !important;margin:0 !important}.creation-defaults__row>span{color:#667085;font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.creation-defaults__recipes{display:grid;gap:.12rem;margin-top:.4rem;color:#667085;font-size:.7rem;line-height:1.35}.creation-defaults__recipes strong{color:#344054}.creation-defaults__options{margin-top:.4rem;border-top:1px solid #e4e7ec}.creation-defaults__options>summary{padding-top:.45rem;cursor:pointer;color:#475467;font-size:.72rem;font-weight:650}.creation-defaults__options[open]{padding-top:.15rem}.target-picking-strip{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:.2rem .55rem;padding:.6rem .65rem;border:2px solid #84adff;border-radius:.6rem;background:#eff8ff}.target-picking-strip strong{color:#175cd3;font-size:.82rem}.target-picking-strip p{grid-column:1;margin:0;color:#344054;font-size:.75rem;line-height:1.35}.target-picking-strip .cancel-target-button{grid-column:2;grid-row:1/3;margin:0}.target-picking-fallback{grid-column:1/-1;margin-top:.3rem;border-top:1px solid #b2ccff}.target-picking-fallback>summary{padding-top:.4rem;cursor:pointer;color:#1849a9;font-size:.72rem;font-weight:650}.creation-current-yarn{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.15rem .5rem;margin-top:.7rem;padding:.55rem .65rem;border:1px solid #e4e7ec;border-radius:.55rem;background:#f9fafb}.creation-defaults .creation-current-yarn{margin-top:.45rem;padding:.45rem 0 0;border:0;border-top:1px solid #e4e7ec;border-radius:0;background:rgba(0,0,0,0)}.creation-current-yarn__label{grid-column:1/-1;color:#667085;font-size:.66rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.creation-current-yarn__value{display:flex;min-width:0;align-items:center;gap:.4rem;font-size:.8rem}.creation-current-yarn__value strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-palette{padding:0;border:1px solid #e4e7ec;border-radius:.55rem}.material-palette>summary{padding:.55rem .65rem;cursor:pointer;color:#475467;font-size:.76rem;font-weight:700}.material-palette[open]{padding:0 .55rem .65rem}.material-palette[open]>summary{margin-inline:-0.55rem;padding-inline:.65rem;border-bottom:1px solid #eaecf0}.material-saved-palettes{margin:.65rem 0;border:1px solid #e4e7ec;border-radius:.5rem;padding:.5rem}.material-saved-palettes>summary{cursor:pointer;font-size:.75rem;font-weight:700}.material-saved-palette{display:grid;gap:.4rem;padding:.55rem 0;border-bottom:1px solid #f0f1f3}.material-saved-palette__swatches{display:flex;flex-wrap:wrap;gap:.25rem}.material-saved-palette__swatches .material-swatch{border:1px solid rgba(52,45,40,.24)}.cancel-target-button{margin-top:.35rem}.creation-panel[data-target-picking=false] .cancel-target-button{display:none}.stitch-inspector .inspector-empty{margin:.55rem 0;color:var(--editor-muted);font-size:.85rem;line-height:1.5}.inspector-stitch-summary{display:flex;align-items:center;gap:.6rem;margin-top:.65rem;padding:.7rem;border:1px solid #b2ccff;border-radius:.6rem;background:#eff8ff}.inspector-stitch-summary__swatch{width:1.7rem;height:1.7rem;flex-basis:1.7rem}.inspector-stitch-summary>div{display:grid;gap:.08rem}.inspector-stitch-summary strong{font-size:.9rem}.inspector-stitch-summary span{color:#667085;font-size:.74rem}.stitch-inspector dl{display:grid;grid-template-columns:minmax(5.8rem, auto) 1fr;gap:.4rem .65rem;margin:0}.stitch-inspector dt{color:var(--editor-muted);font-size:.76rem}.stitch-inspector dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:.86rem}.inspector-color-swatch{display:inline-block;width:.85rem;height:.85rem;margin-right:.4rem;vertical-align:-0.1rem;border:1px solid #667085;border-radius:50%}.inspector-control{display:grid;gap:.28rem;margin-bottom:.65rem;color:#475467;font-size:.79rem;font-weight:600}.inspector-swatch-control .material-choice-list{max-height:11rem;overflow:auto}.inspector-delete{width:100%;margin-top:.25rem;border-color:#fda29b !important;color:#b42318 !important}.inspector-edit>summary{cursor:pointer;color:#344054;font-size:.78rem;font-weight:700}.inspector-edit[open]>summary{margin-bottom:.65rem}.inspector-danger{margin-top:1.1rem;padding:.7rem;border:1px solid #fecdca;border-radius:.55rem;background:snow}.inspector-danger h3{color:#b42318}.inspector-removal-note{margin:.2rem 0 .65rem;color:var(--editor-muted);font-size:.8rem;line-height:1.45}.inspector-diagnostics ul{margin:0;padding-left:1.1rem;color:#b54708;font-size:.8rem}.semantic-id{color:var(--editor-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.new-granny-editor .chart-stitch{cursor:pointer;outline:none;transition:opacity 120ms ease}.new-granny-editor .chart-stitch-contrast{pointer-events:none;opacity:.38}.new-granny-editor .chart-stitch.is-hovered{opacity:.82}.new-granny-editor .chart-stitch.is-cluster-peer{opacity:.88}.new-granny-editor .chart-stitch.is-related-highlight{opacity:.94}.new-granny-editor .chart-stitch.is-selected{opacity:1}.new-granny-editor .selection-stitch-halo{fill:none;stroke:#2563eb;opacity:.52;pointer-events:none}.new-granny-editor .chart-round.has-selection .chart-stitch:not(.is-selected):not(.is-cluster-peer):not(.is-related-highlight){opacity:.58}.new-granny-editor .chart-stitch:focus-visible{opacity:.82}.new-granny-editor .stitch-hit-area,.new-granny-editor .target-hit-area{fill:rgba(0,0,0,0) !important;stroke:none !important}.target-overlay.is-active .chart-insertion-target{cursor:crosshair}.target-indicator{fill:rgba(219,234,254,.78);stroke:#2563eb;stroke-width:2px;stroke-dasharray:4px 2px;vector-effect:non-scaling-stroke}.chart-insertion-target.is-hovered .target-indicator{fill:rgba(37,99,235,.35);stroke-width:2.5px}.chart-insertion-target.is-selected .target-indicator{fill:rgba(124,58,237,.28);stroke:#7c3aed;stroke-width:2.5px}.new-granny-editor:has(.creation-panel[data-target-picking=true]) .chart-stitch{opacity:.42}.new-granny-editor:has(.creation-panel[data-target-picking=true]) .selection-stitch-halo{opacity:.16}.new-granny-editor:has(.creation-panel[data-target-picking=true]) .chart-insertion-target{opacity:1}.written-preview{min-width:0;min-height:min(72vh,50rem);color:#344054;background:#f8fafc;touch-action:auto}.written-view-shell{display:grid;gap:.75rem;min-width:0;min-height:100%}.written-view-controls{position:sticky;z-index:2;top:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem;border:1px solid #e4e7ec;border-radius:.65rem;background:hsla(0,0%,100%,.94);box-shadow:0 .15rem .5rem rgba(16,24,40,.06);backdrop-filter:blur(5px)}.written-view-controls label{display:flex;align-items:center;gap:.35rem;color:#475467;font-size:.78rem;font-weight:650}.written-view-controls :is(button,select){min-height:2.25rem;padding:.3rem .55rem;font-size:.8rem}.written-copy-status{color:var(--editor-muted);font-size:.76rem}.written-pattern-content{width:min(52rem,100%);min-width:0;margin:0 auto;padding:clamp(1rem,3vw,2.2rem);border:1px solid #e4e7ec;border-radius:.7rem;background:#fff;box-shadow:0 .25rem 1rem rgba(16,24,40,.05);font-family:Georgia,"Times New Roman",serif;font-size:1rem;line-height:1.75;overflow-wrap:anywhere}.written-pattern-content>h2{margin:0 0 1rem;color:#101828;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.35rem,2.2vw,1.75rem)}.written-pattern-material,.written-pattern-start{margin:.35rem 0}.written-round{margin-top:1.2rem;padding:1rem 0 0;border-top:1px solid #eaecf0;scroll-margin-top:5rem}.written-round h3{margin:0 0 .35rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.94rem}.written-round-heading{min-height:0 !important;padding:.2rem .4rem !important;border-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important;color:#344054 !important}.written-round.is-active-round .written-round-heading{background:#eff8ff !important;color:#175cd3 !important;box-shadow:inset 3px 0 #2563eb}.written-round-prose{margin:0}.written-instruction{display:inline;min-height:0 !important;margin:0;padding:0 !important;border:1px solid rgba(0,0,0,0) !important;border-radius:.25rem !important;background:rgba(0,0,0,0) !important;color:inherit !important;font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;line-height:inherit;text-align:left}.written-instruction:hover{border-color:#d0d5dd !important;background:#f9fafb !important}.written-instruction.has-related-highlight{border-color:#fdb022 !important;background:#fffaeb !important;box-shadow:inset 0 -0.12rem rgba(247,144,9,.28)}.written-instruction.has-selection{border-color:#84adff !important;background:#eff8ff !important;box-shadow:inset 0 -0.16rem rgba(37,99,235,.32);color:#1849a9 !important}.written-instruction-parts{margin-top:.55rem;color:#475467;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.78rem;line-height:1.45}.written-instruction-parts summary,.written-glossary summary{cursor:pointer;font-weight:650}.written-instruction-parts ul{margin:.35rem 0;padding-left:1.25rem}.written-instruction-parts li{margin:.15rem 0}.written-repeat-occurrences{display:flex;flex-wrap:wrap;gap:.3rem;padding:.35rem 0 0 !important;list-style:none}.written-repeat-occurrence{padding:.18rem .35rem !important;border-color:#d0d5dd !important;background:#fff !important;font-size:.74rem !important}.written-glossary{margin-top:1.35rem;padding:.75rem;border:1px solid #e4e7ec;border-radius:.55rem;background:#f9fafb;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.82rem}.written-glossary dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem .8rem;margin:.6rem 0 0}.written-glossary dt{font-weight:700}.written-glossary dd{margin:0}.written-diagnostics{margin-top:1.25rem;padding:.75rem;border:1px solid #fec84b;border-radius:.55rem;background:#fffaeb;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.82rem;line-height:1.5}.written-diagnostics h2{margin:0;font-size:.9rem}.written-diagnostics ul{margin:.45rem 0 0;padding-left:1.2rem}.written-diagnostics li[data-severity=error]{color:#b42318}.written-pattern-empty{display:grid;min-height:22rem;place-content:center;text-align:center}.written-pattern-empty h2{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.written-pattern-empty p{margin:.35rem 0;color:var(--editor-muted);font-family:Inter,ui-sans-serif,system-ui,sans-serif}@media(max-width: 1100px){.new-granny-editor__workspace,.workspace{grid-template-areas:"chart chart" "creation inspector";grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}.chart-panel{min-height:min(62vh,38rem)}.creation-panel,.stitch-inspector{max-height:30rem}}@media(max-width: 650px){.new-granny-editor{width:calc(100% - 1rem);margin:.5rem auto}.new-granny-editor__heading{align-items:start}.editor-title__button,.editor-title__input{max-width:calc(100vw - 10rem)}.editor-save-state{min-width:7.5rem;flex-wrap:wrap}.new-granny-editor__workspace,.workspace{grid-template-areas:"chart" "creation" "inspector";grid-template-columns:minmax(0, 1fr);min-height:0}.editor-toolbar{position:sticky;z-index:5;top:0;padding:.45rem}.editor-toolbar__group+.editor-toolbar__group{padding-left:0;border-left:0}.editor-toolbar__status{order:3;width:100%;margin-left:0;overflow-x:auto}.editor-publication{order:3;flex:1 1 auto}.view-switch{order:2;width:100%}.editor-performance{display:none}.editor-toolbar button{min-height:2.75rem;padding-inline:.68rem}.chart-panel{min-height:22rem;padding:.35rem}[data-granny-chart-preview]{min-height:20rem}.three-preview{height:65vh;min-height:22rem}.written-preview{min-height:65vh}.written-pattern-content{padding:1rem;font-size:1rem;line-height:1.7}.written-view-controls{position:static}.three-presentation-controls{right:.35rem;bottom:.35rem;left:.35rem;overflow-x:auto}.three-interpretation-switch{top:.35rem;left:.35rem}.three-mode-note{top:3.35rem;max-width:calc(100% - 1rem);white-space:nowrap}.preview-explanation{right:.35rem;bottom:4rem;width:calc(100% - .7rem)}.creation-panel,.stitch-inspector{max-height:none}.editor-guidance{padding:.6rem}.editor-guidance__actions{grid-template-columns:repeat(2, minmax(0, 1fr))}.chart-viewport-controls{top:.35rem;right:.35rem;max-width:calc(100% - .7rem);overflow-x:auto}.chart-viewport-controls button{min-height:2.35rem;white-space:nowrap}.contextual-actions__primary{grid-template-columns:repeat(3, minmax(0, 1fr))}.export-menu{inset-inline:0 auto}}@media print{body:has(.new-granny-editor){background:#fff}.new-granny-editor__heading,.editor-toolbar,.creation-panel,.stitch-inspector,.written-view-controls{display:none !important}.new-granny-editor,.workspace,.chart-panel,.written-preview{width:100%;min-height:0;margin:0;padding:0;border:0;box-shadow:none;overflow:visible}.workspace{display:block}[data-granny-chart-preview],[data-granny-three-preview]{display:none !important}.written-pattern-content{width:100%;padding:0;border:0;box-shadow:none}.written-instruction{padding:0 !important}.written-instruction-parts{display:none}}@media(prefers-reduced-motion: reduce){.editor-loading::before{animation:none}.new-granny-editor .chart-stitch{transition:none}}.guest-editor__heading{align-items:center}.guest-editor__save-area{display:flex;align-items:center;justify-content:flex-end;gap:.7rem}.guest-editor__notice{display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin:0 0 .75rem;padding:.65rem .8rem;border:1px solid #b5d7b8;border-radius:.65rem;background:#f1f7f1;color:#254338;font-size:.82rem}.guest-editor__conversion{display:flex;align-items:center;gap:.8rem;margin:0 0 .75rem;padding:.75rem .85rem;border-radius:.75rem;background:#182b26;color:#fff;box-shadow:0 .45rem 1.2rem rgba(24,43,38,.18)}.guest-editor__conversion[hidden]{display:none}.guest-editor__conversion div{display:grid;flex:1;gap:.15rem}.guest-editor__conversion span{color:#e4eee7;font-size:.82rem}.guest-editor__reminder-dismiss{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:#e4eee7}.guest-editor__limit-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.guest-editor__resume{width:min(38rem,100%);margin:clamp(2rem,8vh,6rem) auto;padding:clamp(1.25rem,4vw,2.25rem);border:1px solid #d0d5dd;border-radius:1rem;background:#fff;box-shadow:0 .75rem 2rem rgba(16,24,40,.1);text-align:center}.guest-editor__resume h1{margin:.2rem 0 .5rem}.guest-editor__resume-actions,.guest-editor__dialog-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1rem}.guest-editor__save-dialog{width:min(32rem,100% - 1.5rem);padding:0;border:0;border-radius:1rem;color:#182b26;box-shadow:0 1rem 3rem rgba(0,0,0,.24)}.guest-editor__save-dialog::backdrop{background:rgba(24,43,38,.58)}.guest-editor__save-dialog form{position:relative;padding:clamp(1.25rem,5vw,2rem)}.guest-editor__save-dialog h2{margin:.25rem 0 .65rem;font-size:clamp(1.35rem,4vw,1.8rem)}.guest-editor__save-dialog p{line-height:1.55}.guest-editor__dialog-close{position:absolute;top:.7rem;right:.7rem;min-width:2.5rem;padding:.2rem;font-size:1.4rem}.guest-editor__dialog-note{padding:.65rem;border-radius:.5rem;background:#f2f4f7;color:#475467;font-size:.82rem}.guest-editor__save-dialog a{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;padding:.5rem .8rem;border-radius:.45rem;text-decoration:none;font-weight:650}@media(max-width: 650px){.guest-editor__heading{gap:.55rem}.guest-editor__save-area{max-width:9.5rem;flex-direction:column-reverse;align-items:stretch}.guest-editor__save-area button{min-height:2.75rem}.guest-editor__notice{margin-bottom:.5rem}.guest-editor__conversion{align-items:stretch;flex-direction:column}.guest-editor__conversion button{min-height:2.75rem}.guest-editor__resume-actions>*,.guest-editor__dialog-actions>*{width:100%}}