@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=DM+Sans:wght@500;600;700&display=swap";body:has(.seller-sales-page){min-width:320px}.page-container.seller-sales-page{max-width:1240px;padding:36px 30px 72px;font-size:14px;line-height:1.65}.seller-sales-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.seller-sales-heading h1{margin:3px 0 8px;font-size:32px}.seller-sales-heading p:not(.eyebrow){color:#6d645c;margin:0}.seller-sales-page .button{font-size:14px;min-height:44px}.seller-sales-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:26px;overflow-x:auto}.seller-sales-tabs a{white-space:nowrap;padding:12px 2px;border-bottom:3px solid transparent;color:#6d645c;font-weight:700;font-size:15px}.seller-sales-tabs a[aria-current]{color:var(--accent-dark);border-bottom-color:var(--accent)}.sales-environment{padding:10px 15px;border-radius:8px;background:#f0e9db;color:#705538;font-size:13px;margin:0 0 22px}.sales-next-step{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px;margin-bottom:24px;border:1px solid #e9c5b6;background:#fff8f1;border-radius:14px}.sales-next-step strong{font-size:18px}.sales-next-step p{margin:6px 0 0;color:#756359}.sales-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.sales-metrics>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px;display:grid;align-content:start;gap:8px}.sales-metrics>div>span{color:#6d645c;font-size:13px;font-weight:700}.sales-metrics strong{font-size:clamp(24px,2.2vw,32px);font-variant-numeric:tabular-nums;line-height:1.3}.sales-metrics strong small{font-size:13px;margin-left:6px;font-weight:500}.sales-metrics p{font-size:12px;margin:0;color:#6d645c}.sales-metrics .sales-metric-net{background:#edf6f2;border-color:#c7dfd3}.sales-metric-net strong{color:#256254}.sales-section{border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:26px;background:#fffdf9}.sales-section h2,.sales-selected-pattern h2{margin:0;font-size:20px}.sales-section-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}.sales-section-header>a,.sales-empty>a{color:var(--accent-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px}.sales-period{font-size:12px;color:#6d645c;border:1px solid var(--line);border-radius:20px;padding:4px 12px}.sales-section-description{color:#6d645c;font-size:13px;margin:8px 0 22px}.sales-table-scroll{overflow-x:auto}.seller-earnings-table{width:100%;border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.seller-earnings-table th{font-size:12px;color:#655c54;background:#f4f0e9;font-weight:700;padding:12px 14px;white-space:nowrap}.seller-earnings-table th:first-child,.seller-earnings-table td:first-child{text-align:left}.seller-earnings-table td{padding:18px 14px;border-bottom:1px solid #e9e3db;vertical-align:top;white-space:nowrap}.seller-earnings-table td:first-child{min-width:180px;white-space:normal}.seller-earnings-table td a{font-weight:700;text-decoration:underline;text-underline-offset:4px}.seller-earnings-table td small{display:block;font-size:11px;color:#6d645c;margin-top:5px}.sales-net-value{color:#256254;font-weight:700}.sales-info{border-left:3px solid #c09357;background:#fff5df;padding:12px 16px;font-size:13px;margin:12px 0 20px}.sales-empty{padding:28px 12px;text-align:center;color:#6d645c}.sales-balance{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.sales-balance>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px;display:grid;gap:7px}.sales-balance span{font-size:13px;color:#6d645c}.sales-balance strong{font-size:24px;font-variant-numeric:tabular-nums}.payout-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;background:#f1ede6;color:#655c54}.payout-paid{background:#e9f4ee;color:#28634f}.payout-failed{background:#ffebe5;color:#a33d31}.sales-payout-pagination{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.sales-fine-print{font-size:12px;color:#6d645c;margin:15px 0 0}.sales-pattern-select{display:grid;gap:8px;font-size:14px;font-weight:700}.sales-pattern-select select{min-height:48px;font-size:16px;max-width:100%}.sales-selected-pattern>.sales-section-header{padding:0 4px;margin:28px 0 16px}.sales-selected-pattern .sales-panel{margin:0}.sales-settings-next{border-top:1px solid var(--line);margin:28px 0;padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px}.sales-settings-next p{margin:0;flex:1 1 300px}.sales-settings-next .button{flex:0 0 auto}.sales-bank-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:20px;margin-top:20px}.sales-bank-form label{display:grid;gap:8px;font-size:14px}.sales-bank-form .button{justify-self:start;grid-column:1 / -1}.sales-bank-form .sales-bank-password-help{grid-column:1 / -1;margin:0;font-size:13px;color:#6d645c}.sales-bank-import{display:grid;justify-items:start;gap:10px;margin-block:20px}.sales-bank-import p{margin:0;font-size:13px;color:#6d645c}.sales-settings-section{width:100%;max-width:920px;margin-inline:auto}.admin-section-nav{display:flex;gap:22px;margin:0 0 26px;border-bottom:1px solid var(--line)}.admin-section-nav a{padding:12px 0;font-size:14px;color:#6d645c;border-bottom:3px solid transparent}.admin-section-nav a[aria-current]{border-bottom-color:var(--accent);color:var(--accent-dark);font-weight:700}@media(max-width:850px){.sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-next-step{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.page-container.seller-sales-page{padding:24px 16px 48px}.seller-sales-heading{align-items:flex-start;flex-direction:column}.seller-sales-tabs{gap:20px}.sales-section{padding:18px 14px}.sales-section-header{flex-wrap:wrap}.sales-metrics{gap:10px}.sales-metrics>div{padding:16px 13px}.sales-metrics strong{font-size:25px}.sales-balance{grid-template-columns:1fr}.sales-section-description{font-size:13px}}.sales-panel,.seller-settings{font-size:14px;line-height:1.65}.sales-panel .wizard-card-heading h2{font-size:22px}.sales-panel .wizard-card-heading p{font-size:14px}.sales-panel .sales-status-row{margin:22px 0}.sales-panel .sales-status-row>div{padding:16px 18px;gap:7px}.sales-panel .sales-status-row span{font-size:12px;letter-spacing:0}.sales-panel .sales-status-row strong{font-size:16px}.sales-account-details{margin:0 0 26px;border:1px solid var(--line);border-radius:12px;background:#fff}.sales-account-details>summary{cursor:pointer;padding:16px 18px;font-size:14px;font-weight:700}.sales-account-details[open]>summary{border-bottom:1px solid var(--line)}.sales-account-details>.seller-payout-setup{padding:20px}.sales-panel .sales-price-form{gap:24px}.sales-panel .sales-field-grid{gap:20px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}.sales-panel .sales-field-grid>label,.seller-settings .sales-onboarding-card>label:not(.sales-terms){font-size:14px;gap:9px}.sales-panel .sales-field-grid small{font-size:12px;font-weight:400}.sales-panel .price-input{height:52px}.sales-panel .price-input input{font-size:20px;font-variant-numeric:tabular-nums}.sales-panel .price-input>span{font-size:16px}.sales-panel .sales-field-grid textarea{min-height:98px;font-size:14px;line-height:1.6}.sales-panel .sales-breakdown{display:block;overflow:hidden;border-radius:12px}.sales-panel .sales-breakdown>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;min-height:0;border:0;padding:13px 20px}.sales-panel .sales-breakdown>div+div{border-top:1px solid #eee7df}.sales-panel .sales-breakdown span{font-size:14px;color:#655c54;line-height:1.5}.sales-panel .sales-breakdown strong{font-size:18px;font-variant-numeric:tabular-nums}.sales-panel .sales-breakdown .proceeds{padding:19px 20px;background:#edf6f2}.sales-panel .sales-breakdown .proceeds span{color:#245e53;font-weight:700}.sales-panel .sales-breakdown .proceeds strong{font-size:26px}.sales-fee-details{padding:13px 20px;border-top:1px solid var(--line);background:#fcfaf6}.sales-fee-details summary{cursor:pointer;color:#655c54;font-size:13px}.sales-fee-details p{margin:12px 0 0;font-size:13px;line-height:1.8;color:#655c54}.sales-panel .sales-terms,.seller-settings .sales-terms{font-size:13px!important;line-height:1.8;gap:12px!important;padding:16px;color:#504940!important}.sales-panel .sales-terms input,.seller-settings .sales-terms input{width:19px;height:19px!important;margin-top:2px}.sales-panel .sales-actions .button,.seller-settings .button{min-height:44px;font-size:14px}.sales-panel .sales-state-card strong,.seller-settings .sales-state-card strong{font-size:16px}.sales-panel .sales-state-card p,.seller-settings .sales-state-card p,.sales-panel .sales-review-feedback p{font-size:14px;line-height:1.7}.sales-panel .sales-review-feedback strong{font-size:14px}.seller-settings .sales-onboarding-card{padding:22px;gap:18px;margin-top:0}.seller-settings .sales-onboarding-card input:not([type=checkbox]){height:48px;font-size:16px}.seller-settings .sales-onboarding-card>p{padding-left:0}.sales-approved-seller{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;margin-bottom:22px;border-radius:9px;background:#edf6f2;color:#245e53}.sales-approved-seller span{font-size:13px}.sales-approved-seller strong{font-size:16px}.seller-payout-setup>div:first-child{position:relative}.seller-payout-setup .sales-step-number{position:static;display:inline-grid;margin-right:9px;vertical-align:middle}.seller-payout-setup>div:first-child>strong{font-size:17px}.seller-payout-setup p{margin:10px 0 0}.seller-payout-setup .sales-test-notice{padding:12px;border-radius:8px;background:#f6f1e9;font-size:13px}@media(max-width:700px){.sales-panel .sales-field-grid,.sales-panel .sales-status-row{grid-template-columns:1fr}.sales-panel .sales-status-row>div{display:flex;justify-content:space-between;align-items:center}.sales-panel .sales-breakdown>div,.sales-fee-details{padding-inline:16px}.sales-account-details>.seller-payout-setup{padding:14px}}.seller-disclosure{margin-top:28px!important}.seller-disclosure form{display:grid;gap:18px}.seller-disclosure label:not(.sales-terms){display:grid;gap:8px;font-size:14px}.seller-settings .seller-disclosure>div:first-child{padding-left:0}.seller-settings .seller-disclosure>.seller-disclosure-status{padding:8px 12px}.seller-disclosure textarea{min-height:90px}.seller-disclosure small{display:block;font-size:12px;color:#70675e;font-weight:400}.seller-disclosure-status{background:#f2ece3;padding:8px 12px;border-radius:7px}.seller-disclosure a{text-decoration:underline;text-underline-offset:3px}.support-admin-grid{display:grid;gap:24px;max-width:1000px}.support-admin-grid article{background:#fff;border:1px solid var(--line);padding:24px;border-radius:12px}.support-admin-grid header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.support-admin-grid p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.support-admin-grid form{display:grid;gap:14px;margin-top:20px}.support-admin-grid label{display:grid;gap:8px}.support-admin-grid textarea{min-height:130px}.support-admin-grid footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.support-conversation{display:grid;gap:12px;margin:18px 0}.support-message{border-radius:10px;padding:16px;background:#f7f4ee}.support-message.is-staff{background:#edf5f1}.seller-settings-help{border-top:1px solid var(--line);padding-top:12px}.sales-approved-seller{flex-wrap:wrap}.sales-approved-seller>div{display:grid;gap:4px}.sales-approved-seller>a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.seller-settings-help>summary,.seller-website-help>summary{cursor:pointer;font-size:13px;font-weight:600;color:#655c54}.seller-settings-help p,.seller-website-help p{max-width:65ch}.seller-contact-heading .sales-step-number{position:static;display:inline-grid;margin-right:9px;vertical-align:middle}.seller-settings .seller-contact-heading>strong{display:inline;font-size:17px}.seller-settings .seller-disclosure .seller-privacy-note{margin:0;padding:12px 16px;background:#edf6f2;border-radius:8px;color:#315c50;font-size:13px}.seller-settings .seller-disclosure-status{justify-self:start;margin:0;font-size:12px}.seller-settings .sales-bank-import{margin-block:0}.seller-settings .sales-bank-import>.button{justify-self:start}.seller-apple-settings>summary{cursor:pointer;font-size:17px;font-weight:700}.seller-apple-settings>summary small{margin-left:16px;font-size:12px;font-weight:400;color:#70675e}.seller-apple-settings:not([open]){padding-block:20px}@media(max-width:640px){.seller-apple-settings>summary small{display:block;margin:8px 0 0}}.tour{--tour-ink: #2e2925;--tour-paper: #fbf8f3;--tour-muted: #71675e;--tour-line: #e7dfd4;--tour-grid: #cdbfb1;--tour-accent: #e5654f;--tour-accent-dark: #c94d39;--tour-tint: #fdf0eb;--tour-soft: #f5eee5}.tour-stage{position:relative;height:214px;margin:0;overflow:hidden;border:1px solid var(--tour-line);border-radius:14px;background:var(--tour-paper);animation:gs-rise .42s cubic-bezier(.2,.8,.3,1) .12s both}.tour-scene{position:absolute;inset:0;display:grid;place-items:center;padding:14px;animation:tour-scene-in .35s ease-out both}@keyframes tour-scene-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.tour-timer{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--tour-accent);opacity:.6;transform-origin:left;animation:tour-timer var(--ms) linear both}@keyframes tour-timer{0%{transform:scaleX(0)}}.tour-pop{animation:tour-pop .45s cubic-bezier(.3,1.6,.5,1) var(--d, 0s) both}.tour-fade{animation:tour-fade .4s ease-out var(--d, 0s) both}.tour-type{animation:tour-type .3s ease-out var(--d, 0s) both}.tour-grow{animation:tour-grow .6s ease-out var(--d, 0s) both;transform-origin:left}.tour-slide{animation:tour-slide .5s cubic-bezier(.3,1.3,.5,1) var(--d, 0s) both}.tour-land{animation:tour-land .7s cubic-bezier(.3,1.2,.5,1) var(--d, 0s) both}@keyframes tour-pop{0%{opacity:0;transform:scale(.4)}}@keyframes tour-fade{0%{opacity:0}}@keyframes tour-type{0%{opacity:0;transform:translateY(4px)}}@keyframes tour-grow{0%{transform:scaleX(0)}}@keyframes tour-slide{0%{opacity:0;transform:translateY(28px)}}@keyframes tour-land{0%{opacity:0;transform:translate(50px,-60px) scale(1.25) rotate(4deg)}}.tour-doc{display:grid;gap:7px;width:min(250px,100%);padding:12px 14px;border:1.5px solid var(--tour-line);border-radius:4px 14px 4px 4px;background:#fff;box-shadow:3px 4px #ece3d7;color:var(--tour-ink);font-size:12px;line-height:1.5}.tour-doc.is-small{width:min(270px,100%)}.tour-doc-title{padding-bottom:6px;border-bottom:1px solid var(--tour-line);font-weight:700}.tour-line{display:block;height:5px;border-radius:3px;background:#e9e1d6}.tour-line.is-short{width:62%}.tour-table{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:6px;align-items:center}.tour-table-row{display:contents}.tour-table b{padding:1px 0;border-radius:999px;background:var(--tour-tint);color:var(--tour-accent-dark);text-align:center}.tour-table em{padding:2px 0;border-radius:4px;background:var(--tour-soft);font-style:normal;text-align:center}.tour-hint{justify-self:start;padding:1px 10px;border:1.5px dashed var(--tour-accent);border-radius:999px;color:var(--tour-accent-dark);font-weight:700}.tour-text{margin:0;font-size:13px}.tour-size-value{display:inline-grid;padding:0 7px;border-radius:6px;background:var(--tour-tint);color:var(--tour-accent-dark);font-weight:700;overflow:hidden;vertical-align:bottom}.tour-size-value>span{grid-area:1 / 1;text-align:center;animation:tour-cycle 2.7s ease-in-out infinite both}.tour-size-value>span+span{opacity:0}.tour-size-value>span:nth-child(2){animation-delay:.9s}.tour-size-value>span:nth-child(3){animation-delay:1.8s}@keyframes tour-cycle{0%{opacity:0;transform:translateY(8px)}6%,30%{opacity:1;transform:none}36%,to{opacity:0;transform:translateY(-8px)}}.tour-doc-chart{display:flex;align-items:center;gap:10px;padding:6px;border:1.5px solid var(--tour-accent);border-radius:6px;background:var(--tour-tint)}.tour-doc-chart .tour-grid{width:104px}.tour-doc-chart>span{display:inline-flex;align-items:center;gap:4px;color:var(--tour-accent-dark);font-weight:700}.tour-publish{display:grid;justify-items:center;gap:18px}.tour-frames{display:flex;align-items:flex-end;gap:12px}.tour-frame{position:relative;display:grid;align-content:start;gap:5px;padding:10px 8px 22px;border:2px solid var(--tour-line);border-radius:8px;background:#fff}.tour-frame.is-web{width:120px;height:80px}.tour-frame.is-note{width:66px;height:92px;border-radius:12px}.tour-frame.is-pdf{width:70px;height:92px;border-radius:3px 12px 3px 3px}.tour-frame>i{display:block;height:5px;border-radius:3px;background:#e9e1d6}.tour-frame>i:first-child{background:var(--tour-accent);opacity:.5}.tour-frame>i.is-short{width:60%}.tour-frame>span{position:absolute;left:0;right:0;bottom:4px;color:var(--tour-muted);font-size:10px;font-weight:700;text-align:center}.tour-publish-button{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border-radius:12px;background:var(--tour-accent);color:#fff;font-size:13px;font-weight:700;animation:tour-press 1.1s ease-out var(--d, 0s) both}@keyframes tour-press{0%{opacity:0;transform:translateY(8px)}25%{opacity:1;transform:none}55%{transform:scale(.94)}75%{transform:none}}.tour-check{position:absolute;top:-9px;right:-9px;display:grid;place-items:center;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#5f9b72;animation:tour-pop .45s cubic-bezier(.3,1.8,.5,1) calc(var(--d, 0s) + .75s) both}.tour-grid{display:grid;width:100%;border-top:1px solid var(--tour-grid);border-left:1px solid var(--tour-grid);background:#fff;color:#7a5544}.tour-grid>span{display:grid;place-items:center;aspect-ratio:1;border-right:1px solid var(--tour-grid);border-bottom:1px solid var(--tour-grid);font-size:13px;font-weight:700;line-height:1}.tour-cell-pop{animation:tour-cell .35s ease-out var(--d, 0s) both}@keyframes tour-cell{0%{color:transparent;background:#fff}1%{color:#fff;background:var(--tour-accent);transform:scale(.6)}60%{transform:scale(1.1)}to{background:#fff}}.tour-chart{display:grid;justify-items:center;gap:10px}.tour-chart-board{--cell: 22px;position:relative;width:calc(var(--cell) * 10)}.tour-cursor{position:absolute;z-index:2;color:var(--tour-ink);pointer-events:none}.tour-cursor svg{display:block;fill:currentColor;stroke:#fff;stroke-width:1.2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.tour-cursor.is-draw{left:calc(var(--cell) * 8.5);top:calc(var(--cell) * 5.5);animation:tour-pen 2.6s ease-in-out both}@keyframes tour-pen{0%{left:calc(var(--cell) * 6);top:calc(var(--cell) * 7.5);opacity:0}20%{left:calc(var(--cell) * .5);top:calc(var(--cell) * 5.5);opacity:1}82%,to{left:calc(var(--cell) * 8.5);top:calc(var(--cell) * 5.5)}}.tour-palette{display:flex;align-items:center;gap:6px;min-height:28px}.tour-palette>span{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid var(--tour-line);border-radius:8px;background:#fff;color:#7a5544;font-size:13px;font-weight:700}.tour-palette>span.is-picked{border-color:var(--tour-accent);background:var(--tour-accent);color:#fff}.tour-pick{animation:tour-pick .5s cubic-bezier(.3,1.6,.5,1) var(--d, 0s) both}@keyframes tour-pick{0%{background:#fff;color:#7a5544;border-color:var(--tour-line)}1%{transform:scale(.8)}60%{transform:scale(1.15)}}.tour-palette>em{margin-left:4px;color:var(--tour-muted);font-size:11px;font-style:normal;font-weight:700}.tour-palette.is-caption>em{margin:0}.tour-selection{position:absolute;left:0;bottom:0;width:100%;height:calc(var(--cell) * 2);border:2px dashed var(--tour-accent);background:#e5654f1a;animation:tour-fade .3s ease-out .1s both}.tour-handle{position:absolute;right:-8px;bottom:-8px;width:14px;height:14px;border:2.5px solid var(--tour-accent);border-radius:50%;background:#fff;transform:translateY(calc(var(--cell) * -6));animation:tour-handle 1.6s ease-in-out .6s both}@keyframes tour-handle{0%{transform:none}}.tour-selection-ghost{position:absolute;left:0;bottom:calc(var(--cell) * 2);width:100%;height:calc(var(--cell) * 4);border:2px dashed rgba(229,101,79,.5);border-bottom:0;transform-origin:bottom;animation:tour-ghost 1.6s ease-in-out .6s both}@keyframes tour-ghost{0%{transform:scaleY(0)}}.tour-into{display:grid;justify-items:center;gap:10px}.tour-into-slot{padding:4px;border:1.5px solid var(--tour-accent);border-radius:6px;background:var(--tour-tint)}.tour-into-label{display:inline-flex;align-items:center;gap:5px;color:var(--tour-accent-dark);font-size:12px;font-weight:700}.tour-drafting{position:relative;align-self:stretch;justify-self:stretch;min-height:0}.tour-scene:has(.tour-drafting){padding:8px}.tour-draft{position:absolute;inset:0;display:block;width:100%;height:100%}.tour-draft pattern path{fill:none;stroke:#efe6da;stroke-width:1}.tour-draft-paper{stroke:none}.tour-draft-center{stroke:#c9a27a;stroke-width:1.5;stroke-dasharray:5 4}.tour-draft-line{fill:none;stroke:var(--tour-ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.tour-draft-line.is-mirror{stroke:#8f857b}.tour-draw{stroke-dasharray:1;animation:tour-draw 1.9s ease-in-out var(--d, 0s) both}.tour-mirror{stroke-dasharray:1;animation:tour-draw 1s ease-out var(--d, 0s) both}@keyframes tour-draw{0%{stroke-dashoffset:1}}.tour-cursor-svg{fill:var(--tour-ink);stroke:#fff;stroke-width:1;offset-distance:100%;animation:tour-follow 1.9s ease-in-out .3s both,tour-out .3s ease-in 2.3s both}@keyframes tour-follow{0%{offset-distance:0%}}@keyframes tour-out{to{opacity:0}}.tour-draft-focus{stroke:var(--tour-accent);stroke-width:5;stroke-linecap:round;opacity:.75;animation:tour-glow 1.2s ease-in-out infinite}@keyframes tour-glow{50%{opacity:.3}}.tour-measure-box{fill:#fff;stroke:var(--tour-accent);stroke-width:2;animation:tour-input 3s ease-out both}@keyframes tour-input{0%,30%{stroke:var(--tour-line);stroke-width:1.5}}.tour-measure text{font-size:11px;font-weight:700;text-anchor:middle;fill:var(--tour-ink)}.tour-measure-old{opacity:0;animation:tour-old 3s linear both}@keyframes tour-old{0%,42%{opacity:1}46%,to{opacity:0}}.tour-measure .tour-measure-new{fill:var(--tour-accent-dark);animation:tour-fade .3s ease-out 1.6s both}.tour-measure-pointer{fill:var(--tour-ink);stroke:#fff;stroke-width:1;opacity:0;animation:tour-click 1.6s ease-out .2s both}@keyframes tour-click{0%{opacity:0;transform:translate(30px,30px)}40%{opacity:1;transform:none}55%{transform:scale(.85)}70%{opacity:1;transform:none}to{opacity:0}}.tour-draft-fill{stroke:none;animation:tour-knit 1.6s ease-in-out .2s both}.tour-draft #tour-stitches rect{fill:#fbe1d9}.tour-draft #tour-stitches path{fill:none;stroke:#c94d3959;stroke-width:.8}@keyframes tour-knit{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}.tour-tag{position:absolute;left:10px;bottom:10px;padding:2px 10px;border:1.5px solid var(--tour-line);border-radius:999px;background:#fff;color:var(--tour-ink);font-size:11px;font-weight:700}.tour-convert{position:absolute;right:10px;top:50%;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--tour-muted);transform:translateY(-50%)}.tour-convert>svg{rotate:90deg}.tour-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border:1.5px solid var(--tour-line);border-radius:999px;background:#fff;color:var(--tour-ink);font-size:11px;font-weight:700}.tour-chip.is-accent{border-color:var(--tour-accent);background:var(--tour-accent);color:#fff}.tour-steps{display:grid;gap:6px;margin:14px 0 0;padding:0;list-style:none}.tour-steps button{display:flex;align-items:flex-start;gap:12px;width:100%;padding:9px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--tour-ink);text-align:left;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.tour-steps button:hover{background:var(--tour-soft)}.tour-steps button[aria-current=step]{border-color:var(--tour-line);background:#fffdf9}.tour-step-number{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-top:2px;border:1px solid var(--tour-line);border-radius:50%;background:transparent;color:var(--tour-muted);font-size:13px;font-weight:700;transition:background .2s,color .2s}[aria-current=step]>.tour-step-number{border-color:var(--tour-accent);background:var(--tour-accent);color:#fff}.tour-steps button>span:last-child{display:grid;gap:2px;min-width:0}.tour-steps strong{font-size:15px;line-height:1.5}.tour-steps small{display:none;color:var(--tour-muted);font-size:13px;line-height:1.6}[aria-current=step] small{display:block;animation:tour-fade .35s ease-out both}.tour-flow{margin-top:14px;padding:12px 14px;border:1px solid var(--tour-line);border-radius:12px;background:transparent}.tour-flow-chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tour-flow-node-wrap{display:inline-flex;align-items:center;gap:6px}.tour-flow-node{display:inline-flex;align-items:center;gap:4px;padding:1px 10px;border:1px solid var(--tour-line);border-radius:999px;background:#fffdf9;color:var(--tour-muted);font-size:12px;font-weight:700}.tour-flow-node.is-current{border-color:var(--tour-accent);background:var(--tour-accent);color:#fff}.tour-flow-arrow{color:#b9ab9c}.tour-flow p{margin:6px 0 0;color:var(--tour-muted);font-size:12px;line-height:1.6}@media(max-width:560px){.tour-stage{height:196px}.tour-chart-board{--cell: 19px}.tour-frames{gap:8px}.tour-frame.is-web{width:100px}.tour-drafting.is-convert .tour-draft{transform:translate(-17%)}}@media(prefers-reduced-motion:reduce){.tour *,.tour *:before,.tour *:after{animation:none!important;transition:none!important}.tour-timer{display:none}}.store-tour{margin-bottom:22px;color:var(--tour-ink)}.store-tour *,.store-tour *:before,.store-tour *:after{box-sizing:border-box}.store-tour-stage{height:254px}.store-tour .tour-scene{padding:16px}.store-demo-screen{position:relative;width:min(408px,100%);border:1px solid var(--tour-line);border-radius:10px;background:#fffdf9;box-shadow:0 5px 15px #6a56400a;overflow:hidden;font-size:11px;line-height:1.4}.store-demo-header{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--tour-line)}.store-demo-logo{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#3e827d;color:#fff;font-size:12px;font-weight:700}.store-demo-header>strong{font-size:11px;white-space:nowrap}.store-demo-header>span:last-child{margin-left:auto;font-size:10px;color:var(--tour-muted)}.store-demo-body{padding:10px;min-height:166px}.store-demo-search{display:flex;align-items:center;gap:6px;height:26px;padding:4px 8px;border:1px solid var(--tour-line);border-radius:6px;color:var(--tour-muted)}.store-demo-query{display:block;max-width:12ch;overflow:hidden;white-space:nowrap;animation:store-query .8s steps(4) .2s both}.store-demo-filters{display:flex;gap:5px;margin:7px 0;font-size:9px}.store-demo-filters>span{padding:2px 8px;border:1px solid var(--tour-line);border-radius:12px}.store-demo-filters .is-selected{background:var(--tour-tint);color:var(--tour-accent-dark);border-color:var(--tour-accent)}.store-demo-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.store-demo-card{min-width:0;padding:3px;border:1px solid var(--tour-line);border-radius:6px;background:#fff}.store-demo-card.is-chosen{animation:store-choose 3s ease-out both}.store-demo-cover{display:grid;place-items:center;height:60px;border-radius:4px;background:#eee3d1;color:#8e7557}.store-demo-cover.tone-1{background:#ecd8cf;color:#a86e5a}.store-demo-cover.tone-2{background:#dbe7e0;color:#658777}.store-demo-card>strong{display:block;margin:4px 0 1px;font-size:9px;line-height:1.3}.store-demo-card>span{color:var(--tour-muted);font-size:8px}.store-demo-pointer{position:absolute;z-index:2;fill:var(--tour-ink);color:#fff;stroke-width:1.3;filter:drop-shadow(0 1px 1px #0003)}.store-demo-pointer.is-find{left:19%;top:73%;animation:store-find-pointer 3s ease-in-out both}.store-demo-save,.store-demo-pdf{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1.15fr);gap:8px;align-items:center}.store-demo-detail,.store-demo-library{display:grid;gap:8px;min-width:0}.store-demo-detail>strong{font-size:10px}.store-demo-detail .store-demo-cover{height:73px}.store-demo-add{display:flex;align-items:center;justify-content:center;gap:3px;min-height:27px;padding:4px;border-radius:5px;background:var(--tour-accent);color:#fff;font-size:9px;animation:store-press 2s ease-in-out both}.store-demo-arrow{color:var(--tour-accent)}.store-demo-library>strong,.store-demo-notes>strong{display:flex;align-items:center;gap:4px;font-size:11px}.store-demo-saved{display:flex;align-items:center;gap:4px;min-height:56px;padding:6px;border:1px solid var(--tour-line);border-radius:6px;background:var(--tour-soft);font-size:9px}.store-demo-saved>svg{flex:none;color:#568b79}.store-demo-saved>span{flex:1}.store-demo-sizes{display:flex;align-items:center;gap:5px;font-size:9px}.store-demo-sizes>b{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--tour-line);border-radius:4px}.store-demo-sizes>.is-selected{background:var(--tour-tint);color:var(--tour-accent-dark);border-color:var(--tour-accent)}.store-demo-ready{display:flex;align-items:center;gap:4px;color:#3c796c;font-size:10px;font-weight:600}.store-demo-pointer.is-save{left:24%;top:83%;animation:store-save-pointer 2s ease-in-out both}.store-demo-reading{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:10px}.store-demo-paper{display:grid;gap:8px;min-width:0;padding:9px;border:1px solid var(--tour-line);border-radius:5px;background:#fff}.store-demo-paper>strong{font-size:10px}.store-demo-instruction{display:flex;align-items:center;gap:4px;font-size:9px}.store-demo-check{display:grid;place-items:center;width:12px;height:12px;border-radius:3px;background:#3e827d;color:#fff}.store-demo-chart{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border-top:1px solid #d7cabc;border-left:1px solid #d7cabc;overflow:hidden}.store-demo-chart>span{display:grid;place-items:center;height:12px;border-right:1px solid #d7cabc;border-bottom:1px solid #d7cabc;font-size:9px}.store-demo-row{position:absolute;left:0;right:0;top:24px;height:12px;background:#6ca7a53b;border-block:1px solid #3e827d;animation:store-row 3s ease-in-out both}.store-demo-counter{display:flex;align-items:center;gap:6px;font-size:8px}.store-demo-counter>strong{display:grid;font-size:17px;line-height:1}.store-demo-counter>strong>span{grid-area:1 / 1}.store-demo-new{animation:store-new-count 2.5s ease-out both}.store-demo-old{opacity:0;animation:store-old-count 2.5s ease-out both}.store-demo-plus{display:grid;place-items:center;width:21px;height:21px;border-radius:5px;background:var(--tour-tint);color:var(--tour-accent-dark);font-size:15px}.store-demo-notes{display:grid;align-content:start;gap:9px;padding-top:5px}.store-demo-note{font-size:10px}.store-demo-memo{padding:8px;border:1px solid var(--tour-line);border-radius:5px;font-size:9px;background:#fff8e9}.store-demo-upload{display:grid;justify-items:center;gap:7px;font-size:10px;color:var(--tour-muted)}.store-demo-upload-target{display:grid;justify-items:center;gap:4px;width:100%;padding:13px 4px;border:1px dashed #a3bdb4;border-radius:7px;background:#f2f8f4;font-size:9px;color:#3c796c;animation:store-upload 1.4s ease-in-out both}.store-demo-pdf-paper{padding:8px}.store-demo-pdf-counter{font-size:10px;color:var(--tour-muted)}.store-demo-pdf-counter b{color:var(--tour-ink);font-size:14px}.store-demo-chart.is-pdf .store-demo-row{background:#ecac8b66;border-color:#bf7554;animation-delay:1.8s}.store-tour-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:7px 0;color:var(--tour-muted);font-size:11px}.store-tour-controls>span{margin-right:auto}.store-tour-controls>button{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:5px 9px;border:1px solid var(--tour-line);border-radius:7px;color:inherit;background:#fffdf9;font:inherit;cursor:pointer}.store-tour-controls button:focus-visible{outline:2px solid var(--tour-accent);outline-offset:2px}.store-tour-steps{margin-top:0}.store-tour-steps button{width:100%}.store-tour.is-paused .tour-stage *,.store-tour.is-paused .tour-stage{animation-play-state:paused!important}@keyframes store-query{0%{max-width:0}}@keyframes store-choose{0%,65%{border-color:var(--tour-line)}85%,to{border-color:var(--tour-accent);box-shadow:0 0 0 2px var(--tour-tint)}}@keyframes store-find-pointer{0%,25%{opacity:0;transform:translate(100px,10px)}60%,to{opacity:1;transform:none}}@keyframes store-press{0%,55%,to{transform:none}70%{transform:scale(.94)}}@keyframes store-save-pointer{0%{opacity:0;transform:translate(70px,10px)}40%,to{opacity:1;transform:none}}@keyframes store-row{0%,60%{transform:translateY(12px)}85%,to{transform:none}}@keyframes store-new-count{0%,70%{opacity:0}85%,to{opacity:1}}@keyframes store-old-count{0%,70%{opacity:1}85%,to{opacity:0}}@keyframes store-upload{0%{opacity:0;transform:translateY(-15px)}65%{transform:translateY(3px)}to{opacity:1;transform:none}}@media(min-width:900px){.gauget-guide .store-tour{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}.gauget-guide .store-tour-stage{height:320px}}@media(max-width:430px){.store-tour .tour-scene{padding:9px}.store-demo-body{padding:8px}.store-demo-save,.store-demo-pdf{gap:5px;grid-template-columns:minmax(0,1fr) 14px minmax(0,1.15fr)}.store-demo-arrow{width:14px}.store-demo-header>span:last-child{max-width:42%;text-align:right}.store-demo-cover{height:50px}.store-demo-sizes{gap:3px}.store-demo-sizes>b{width:20px}.store-demo-saved{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.store-tour .store-demo-old{display:none}.store-tour .store-demo-card.is-chosen{border-color:var(--tour-accent)}.store-tour .tour-timer{display:none}}.getting-started{--gs-ink: #2e2925;--gs-muted: #7c756e;--gs-line: #e3dbd0;--gs-line-strong: #cfc4b6;--gs-surface: #f7f3ed;--gs-card: #fffdf9;--gs-soft: #f4ede3;--gs-accent: #e5654f;--gs-accent-dark: #c94d39;--gs-tint: #fcf1ec;--gs-teal: #4a9f9a;--start-ink: var(--gs-ink);--start-muted: var(--gs-muted);--start-line: #ded7ce;--start-surface: var(--gs-card);--start-soft: #f4ede3;--start-accent: var(--gs-accent-dark);position:fixed;inset:0;z-index:10500;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--gs-surface);color:var(--gs-ink);font-size:15px;line-height:1.7}.getting-started button{font:inherit;-webkit-tap-highlight-color:transparent}.getting-started button:focus-visible{outline:2px solid var(--gs-accent-dark);outline-offset:3px}.getting-started h1:focus{outline:none}.getting-started kbd{font:inherit}.gs-top{grid-row:1}.gs-stage{grid-row:2}.gs-footer{grid-row:3}html:has(.getting-started){overflow:hidden;scrollbar-gutter:auto}.gs-top{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:16px;width:min(720px,100%);margin:0 auto;padding:18px 16px 4px}.gs-icon-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--gs-muted);cursor:pointer;transition:background .15s,color .15s}.gs-icon-button:hover:not(:disabled){background:var(--gs-soft);color:var(--gs-ink)}.gs-progress{height:4px;border-radius:999px;background:var(--gs-line);overflow:hidden}.gs-progress>span{display:block;height:100%;width:max(8px,calc(var(--p) * 100%));border-radius:inherit;background:var(--gs-accent);transition:width .6s cubic-bezier(.3,1.2,.5,1)}.gs-stage{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.gs-screen{width:min(580px,100%);margin:0 auto;padding:32px 16px 40px;animation:gs-in-forward .4s cubic-bezier(.2,.8,.3,1) both}.gs-screen.is-back{animation-name:gs-in-back}.gs-screen.is-welcome{display:grid;min-height:100%;align-content:center}@keyframes gs-in-forward{0%{opacity:0;transform:translate(36px)}}@keyframes gs-in-back{0%{opacity:0;transform:translate(-36px)}}.gs-ask{display:flex;align-items:flex-end;gap:14px;margin-bottom:26px}.gs-yarnling-wrap{position:relative;flex:none;display:block;animation:gs-hop .55s cubic-bezier(.3,1.4,.5,1)}.gs-yarnling{display:block;overflow:visible;animation:gs-bob 3.2s ease-in-out infinite}.gs-yarnling-ball{fill:var(--gs-teal)}.gs-yarnling-wraps path{fill:none;stroke:#f7f1e7;stroke-width:4.5;stroke-linecap:round}.gs-yarnling-tail{fill:none;stroke:var(--gs-teal);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.gs-yarnling-eyes{fill:var(--gs-ink);transform-box:fill-box;transform-origin:center;animation:gs-blink 4.6s infinite}.gs-yarnling-line{fill:none;stroke:var(--gs-ink);stroke-width:3.2;stroke-linecap:round}@keyframes gs-bob{50%{transform:translateY(-3px)}}@keyframes gs-hop{35%{transform:translateY(-7px)}70%{transform:translateY(0)}}@keyframes gs-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.15)}}.gs-bubble{position:relative;flex:1;min-width:0;margin-bottom:12px;padding:14px 18px;border:1px solid var(--gs-line);border-radius:14px;background:var(--gs-card);animation:gs-bubble .4s cubic-bezier(.3,1.3,.5,1) .06s both;transform-origin:0 100%}.gs-bubble:before{content:"";position:absolute;left:-7px;bottom:18px;width:12px;height:12px;border-left:1px solid var(--gs-line);border-bottom:1px solid var(--gs-line);background:var(--gs-card);transform:rotate(45deg)}.gs-bubble h1{margin:0;font-family:inherit;font-size:20px;font-weight:700;line-height:1.5;letter-spacing:.01em}.gs-bubble p{margin:4px 0 0;color:var(--gs-muted);font-size:14px}@keyframes gs-bubble{0%{opacity:0;transform:scale(.94)}}.gs-welcome{display:grid;justify-items:center;gap:8px;text-align:center}.gs-welcome .gs-overline{margin:18px 0 0;color:var(--gs-accent-dark);font:700 11px DM Sans,sans-serif;letter-spacing:.2em;animation:gs-rise .45s ease-out .05s both}.gs-welcome h1{margin:0;font-family:inherit;font-size:28px;font-weight:700;line-height:1.4;animation:gs-rise .45s ease-out .12s both}.gs-welcome p{max-width:400px;margin:0;color:var(--gs-muted);font-size:15px;animation:gs-rise .45s ease-out .2s both}.gs-pill{margin-top:6px;padding:2px 12px;border:1px solid var(--gs-line);border-radius:999px;color:var(--gs-muted);font-size:12px;animation:gs-rise .45s ease-out .28s both}.gs-thread{position:absolute;inset:-18px -40px -10px;overflow:visible;pointer-events:none}.gs-thread path{fill:none;stroke:var(--gs-teal);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.55;animation:gs-thread 1.6s cubic-bezier(.4,0,.2,1) .2s forwards}@keyframes gs-thread{to{stroke-dashoffset:0}}.gs-options{display:grid;gap:10px}.gs-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gs-option,.gs-hero{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px solid var(--gs-line);border-radius:14px;background:var(--gs-card);color:var(--gs-ink);text-align:left;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s;animation:gs-rise .42s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(var(--i, 0) * 55ms + .12s)}.gs-option:hover:not(:disabled):not([aria-checked=true]):not([aria-pressed=true]){border-color:var(--gs-line-strong);box-shadow:0 4px 14px #3e2f260f}.gs-option:active:not(:disabled),.gs-hero:active:not(:disabled){transform:scale(.99)}.gs-option:disabled,.gs-hero:disabled{cursor:wait}.gs-option[aria-checked=true],.gs-option[aria-pressed=true]{border-color:var(--gs-accent);background:var(--gs-tint);box-shadow:inset 0 0 0 1px var(--gs-accent)}.gs-option[aria-checked=true]:after,.gs-option[aria-pressed=true]:after{content:"";position:absolute;inset:-1px;border:1px solid var(--gs-accent);border-radius:inherit;pointer-events:none;animation:gs-ring .55s ease-out forwards}@keyframes gs-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes gs-ring{to{opacity:0;transform:scale(1.035)}}.gs-option-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--gs-line);border-radius:50%;background:var(--gs-surface);color:var(--gs-accent-dark);transition:background .2s,color .2s,border-color .2s}.gs-option-icon.is-large{width:56px;height:56px}[aria-checked=true]>.gs-option-icon,[aria-pressed=true]>.gs-option-icon{border-color:transparent;background:var(--gs-accent);color:#fff;animation:gs-pick .45s cubic-bezier(.3,1.5,.5,1)}@keyframes gs-pick{40%{transform:scale(.9)}75%{transform:scale(1.06)}}.gs-option-text{display:grid;gap:1px;flex:1;min-width:0}.gs-option-text strong,.gs-option.is-tile>strong{font-size:15px;font-weight:700;line-height:1.5}.gs-option-text small{color:var(--gs-muted);font-size:13px;line-height:1.6}.gs-tag{color:var(--gs-accent-dark);font:700 10px DM Sans,sans-serif;letter-spacing:.16em;text-transform:uppercase}.gs-options.is-compact .gs-option{padding:10px 14px}.gs-options.is-compact .gs-option-icon{width:36px;height:36px}.gs-option.is-tile{flex-direction:column;align-items:flex-start;gap:12px;min-height:118px;padding:16px}.gs-option.is-tile>.gs-check{position:absolute;top:12px;right:12px}.gs-check{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-left:auto;border:1px solid var(--gs-line-strong);border-radius:50%;background:var(--gs-card);color:#fff;font-size:11px}.gs-check.is-square{border-radius:7px}.gs-check>kbd{color:var(--gs-muted);visibility:hidden}@media(hover:hover)and (pointer:fine){.gs-check>kbd{visibility:visible}}[aria-checked=true]>.gs-check,[aria-pressed=true]>.gs-check{border-color:var(--gs-accent-dark);background:var(--gs-accent-dark)}[aria-checked=true]>.gs-check>svg,[aria-pressed=true]>.gs-check>svg{animation:gs-check-in .35s cubic-bezier(.3,1.6,.5,1)}@keyframes gs-check-in{0%{transform:scale(0)}}.gs-level{display:flex;align-items:flex-end;gap:3px;height:18px}.gs-level>i{width:5px;border-radius:2px;background:currentColor;opacity:.25}.gs-level>i:nth-child(1){height:7px}.gs-level>i:nth-child(2){height:12px}.gs-level>i:nth-child(3){height:18px}.gs-level>i.is-on{opacity:1}.gs-ask.is-cheer{margin-bottom:24px}.gs-yarnling-wrap.is-cheer{animation:gs-hop .6s cubic-bezier(.3,1.4,.5,1) .15s both}.gs-hero{display:block;padding:0;border-color:var(--gs-accent);box-shadow:0 10px 30px #c94d391a;animation-delay:.2s}.gs-hero:hover:not(:disabled){background:var(--gs-tint)}.gs-hero-badge{position:absolute;top:-11px;left:18px;display:inline-flex;align-items:center;gap:5px;padding:1px 10px;border:1px solid var(--gs-accent);border-radius:999px;background:var(--gs-card);color:var(--gs-accent-dark);font-size:11px;font-weight:700;letter-spacing:.06em}.gs-hero-body{display:flex;align-items:center;gap:16px;padding:22px 20px 20px}.gs-hero .gs-option-icon{border-color:transparent;background:var(--gs-accent);color:#fff}.gs-hero .gs-option-text strong{font-size:18px}.gs-hero .gs-option-text small{font-size:14px}.gs-hero-go{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--gs-accent);color:#fff;transition:transform .2s,background .2s}.gs-hero:hover:not(:disabled) .gs-hero-go{transform:translate(3px);background:var(--gs-accent-dark)}.gs-option-go{flex:none;margin-left:auto;color:var(--gs-muted);transition:transform .2s,color .2s}.gs-option:hover:not(:disabled) .gs-option-go{transform:translate(3px);color:var(--gs-accent-dark)}.gs-others{margin-top:28px}.gs-others h2{margin:0 0 10px;color:var(--gs-muted);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;animation:gs-rise .42s ease-out .26s both}.gs-rise{animation:gs-rise .42s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(var(--i, 0) * 70ms + .14s)}.getting-started .spin{animation:gs-spin .8s linear infinite}@keyframes gs-spin{to{transform:rotate(360deg)}}.gs-footer{border-top:1px solid var(--gs-line);background:var(--gs-card);padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.gs-footer-inner{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:min(720px,100%);margin:0 auto}.gs-footer-inner>:first-child:not(:last-child){margin-right:auto}.gs-primary,.gs-secondary{min-width:160px;min-height:46px;padding:0 26px;border-radius:10px;font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform .1s,background .2s,color .2s,border-color .2s}.gs-primary{border:0;background:var(--gs-accent);color:#fff}.gs-primary:hover:not(:disabled){background:var(--gs-accent-dark)}.gs-primary:active:not(:disabled),.gs-secondary:active:not(:disabled){transform:scale(.98)}.gs-primary:disabled{background:var(--gs-line);color:#a99d90;cursor:not-allowed}.gs-primary.is-ready{animation:gs-ready .4s ease-out}@keyframes gs-ready{0%{background:var(--gs-line)}}.gs-secondary{border:1px solid var(--gs-line);background:var(--gs-card);color:var(--gs-muted)}.gs-secondary:hover:not(:disabled){border-color:var(--gs-line-strong);color:var(--gs-ink)}.gs-text{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--gs-muted);font-size:14px;font-weight:600;cursor:pointer}.gs-text:hover:not(:disabled){color:var(--gs-ink);text-decoration:underline;text-underline-offset:4px}.gs-busy{margin:8px 0 0;text-align:center;color:var(--gs-muted);font-size:13px}.getting-started-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#f7f3ed;animation:gs-fade .25s ease-out}.getting-started-dialog::backdrop{background:#f7f3ed}@keyframes gs-fade{0%{opacity:0}}.getting-started-page{min-height:100dvh;background:#f7f3ed}@media(max-width:560px){.getting-started{font-size:14px}.gs-top{gap:8px;padding:10px 10px 4px}.gs-screen{padding:20px 16px 28px}.gs-ask{gap:10px;margin-bottom:20px}.gs-yarnling-wrap:not(.is-large) .gs-yarnling{width:60px;height:60px}.gs-bubble{padding:12px 14px}.gs-bubble h1{font-size:17px}.gs-welcome h1{font-size:24px}.gs-option{gap:12px;padding:12px}.gs-option-icon{width:40px;height:40px}.gs-option.is-tile{min-height:108px;padding:14px 12px}.gs-option.is-tile>strong{font-size:14px}.gs-hero-body{gap:12px;padding:20px 14px 16px}.gs-hero .gs-option-icon.is-large{width:46px;height:46px}.gs-hero .gs-option-text strong{font-size:16px}.gs-footer-inner{flex-direction:column-reverse;align-items:stretch;gap:6px}.gs-footer-inner>:first-child:not(:last-child){margin-right:0}.gs-primary,.gs-secondary{width:100%}.gs-text{justify-content:center}}@media(max-width:340px){.gs-tiles{grid-template-columns:minmax(0,1fr)}.gs-option.is-tile{min-height:0;flex-direction:row;align-items:center}.gs-option.is-tile>.gs-check{position:static}}@media(max-height:560px){.gs-welcome .gs-yarnling{width:96px;height:96px}}@media(prefers-reduced-motion:reduce){.getting-started *,.getting-started *:before,.getting-started *:after,.getting-started-dialog{animation:none!important;transition:none!important}.gs-option[aria-checked=true]:after,.gs-option[aria-pressed=true]:after{display:none}.gs-thread path{stroke-dashoffset:0}}.getting-started-explainer{display:grid;grid-template-columns:minmax(0,1.15fr) 24px minmax(0,1fr);align-items:center;gap:12px;margin:24px 0 0;padding:18px;border:1px solid var(--start-line);border-radius:12px;background:var(--start-soft)}.getting-started-example-heading{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.getting-started-example-heading>svg{flex:none;margin-top:4px;color:var(--start-accent)}.getting-started-example-heading>div{display:grid;gap:2px}.getting-started-example-heading strong{font-size:17px;line-height:1.5}.getting-started-example-heading span{font-size:11px;color:var(--start-muted)}.getting-started-paper{display:grid;gap:12px;padding:16px 14px;border:1px solid var(--start-line);border-radius:3px 14px 3px 3px;background:var(--start-surface);box-shadow:3px 4px #e8dfd3}.getting-started-paper-title{padding-bottom:8px;border-bottom:1px solid var(--start-line);font-size:12px;font-weight:600}.getting-started-paper-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.getting-started-paper-details>span{padding:5px;border-radius:4px;background:var(--start-soft);font-size:10px}.getting-started-paper-section{display:grid;gap:5px;font-size:10px}.getting-started-paper-lines{display:grid;gap:4px}.getting-started-paper-lines>i{height:3px;border-radius:2px;background:#e3ded6}.getting-started-paper-lines>i:last-child{width:70%}.getting-started-paper-chart{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px;border:1.5px solid var(--start-accent);border-radius:5px;background:#fcf0ec}.getting-started-paper-chart>span{display:grid;justify-items:center;gap:4px;color:var(--start-accent);font-size:10px;font-weight:600}.getting-started-explainer-arrow{color:var(--start-accent)}.getting-started-chart-detail{padding:16px 12px 10px;border:1.5px solid var(--start-accent);border-radius:9px;background:var(--start-surface)}.getting-started-chart-detail>p{margin:10px 0 0;text-align:center;color:var(--start-muted);font-size:11px}.getting-started-chart-grid{display:grid;width:100%;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #cabbae;border-left:1px solid #cabbae;color:#755443}.getting-started-chart-grid>span{display:grid;place-items:center;aspect-ratio:1;border-bottom:1px solid #cabbae;border-right:1px solid #cabbae;font-size:14px;line-height:1}.getting-started-chart-grid.is-small{width:84px;flex:none}.getting-started-chart-grid.is-small>span{font-size:9px}.first-use-hint{display:flex;align-items:start;gap:12px;padding:16px 20px;margin:0 auto 16px;border-bottom:1px solid var(--line, #ded7ce);background:#fcf0ec;color:#2e2925;font-size:14px;line-height:1.7}.first-use-hint>svg{flex-shrink:0;margin-top:3px;color:#c94d39}.first-use-hint>div{flex:1}.first-use-hint a{text-decoration:underline;text-underline-offset:3px;color:#c94d39}.first-use-hint>button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#71675e;cursor:pointer}.pattern-workspace>.first-use-hint,.pdf-pattern-page>.first-use-hint{flex:none;width:100%;margin:0}@media(max-width:520px){.first-use-hint{padding:14px 12px;gap:8px}}@media(max-width:460px){.getting-started-explainer{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}.getting-started-explainer-arrow{justify-self:center;transform:rotate(90deg)}.getting-started-paper{max-width:260px;margin:auto}.getting-started-chart-detail{max-width:220px;margin:auto}.getting-started-chart-detail .getting-started-chart-grid>span{font-size:16px}}.milestone-art{display:block;width:240px;max-width:100%;height:auto;margin:0 auto;overflow:visible}.milestone-art path,.milestone-art ellipse{stroke-linecap:round;stroke-linejoin:round}.celebration-paper{fill:var(--coach-surface, #fffdf9);stroke:#d8cec2;stroke-width:1.5}.celebration-warm{fill:var(--coach-warm, #f5eee5)}.celebration-ink{fill:none;stroke:var(--coach-ink, #302a25);stroke-width:3}.celebration-muted{fill:none;stroke:#b8aa9b;stroke-width:2.5}.celebration-coral{fill:none;stroke:var(--coach-accent, #e5654f);stroke-width:3}.celebration-teal{fill:none;stroke:var(--mint, #4ca9a4);stroke-width:2.5}.celebration-teal-fill{fill:var(--mint, #4ca9a4)}.celebration-grid{fill:none;stroke:#e3dacf;stroke-width:1}.celebration-draft-fill{fill:#f6d8cc}.celebration-chart-cell{fill:#e7a18d}.celebration-canopy-coral{fill:var(--coach-accent, #e5654f)}.celebration-canopy-light{fill:#f5d7c8}.celebration-check circle{fill:var(--mint, #4ca9a4);stroke:var(--coach-surface, #fffdf9);stroke-width:3}.celebration-check path{fill:none;stroke:#fff;stroke-width:2.5}.celebration-reveal{animation:celebration-reveal .35s ease-out both}.celebration-rise{animation:celebration-rise .5s cubic-bezier(.2,.8,.3,1) both}.celebration-pop{transform-box:fill-box;transform-origin:center;animation:celebration-pop .45s cubic-bezier(.2,.8,.3,1.15) both}.celebration-draw{stroke-dasharray:1;stroke-dashoffset:0;animation:celebration-draw .65s ease-out both}.celebration-sparkle{fill:none;stroke:#ce9b4a;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:celebration-sparkle .65s ease-out both}.milestone-art .celebration-reveal,.milestone-art .celebration-rise,.milestone-art .celebration-pop,.milestone-art .celebration-draw,.milestone-art .celebration-sparkle{animation-delay:var(--celebration-delay, 0s)}@keyframes celebration-reveal{0%{opacity:0}to{opacity:1}}@keyframes celebration-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes celebration-pop{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes celebration-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes celebration-sparkle{0%{opacity:0;transform:scale(.2) rotate(-25deg)}65%{opacity:1;transform:scale(1.3) rotate(0)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.milestone-art .celebration-reveal,.milestone-art .celebration-rise,.milestone-art .celebration-pop,.milestone-art .celebration-draw,.milestone-art .celebration-sparkle{animation:none}}.operation-demo{--op-ink: #3a332e;--op-muted: #9a8f84;--op-line: #e6ddd2;--op-paper: #fbf8f3;--op-accent: #e5654f;--op-accent-soft: #fbe5de;--op-teal: #4a9f9a;--op-teal-soft: #dcefec;display:block;width:100%;height:auto;border-radius:8px;background:var(--op-paper);font-family:Noto Sans JP,system-ui,sans-serif}.operation-demo *{transform-box:view-box}.op-grid line{stroke:#d9cfc3;stroke-width:.8}.op-grid-ground{fill:#fff}.op-stitch rect{fill:var(--op-accent-soft)}.op-stitch text{fill:#8a4a3c;font-size:11px;font-weight:700;text-anchor:middle}.op-selection{fill:#e5654f14;stroke:var(--op-accent);stroke-width:1.4;stroke-dasharray:4 3;transform-box:fill-box;transform-origin:0 0}.op-selection-ghost{fill:none;stroke:var(--op-accent);stroke-opacity:.55;stroke-width:1.2;stroke-dasharray:3 3;transform-box:fill-box;transform-origin:0 100%}.op-handle{fill:#fff;stroke:var(--op-accent);stroke-width:1.8}.op-bracket{fill:none;stroke:var(--op-ink);stroke-width:1.2;stroke-dasharray:1}.op-label{fill:var(--op-ink);font-size:9px;font-weight:700}.op-photo{fill:#e9dccb;filter:blur(3px)}.op-chip rect{fill:#fff;stroke:var(--op-line)}.op-chip .op-chip-picked{fill:var(--op-accent-soft);stroke:var(--op-accent)}.op-chip text{fill:#7a5544;font-size:10px;font-weight:700;text-anchor:middle}.op-undo{transform-box:fill-box;transform-origin:center}.op-undo rect{fill:#fff;stroke:var(--op-line)}.op-undo path{fill:none;stroke:var(--op-ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.op-window{fill:#fff;stroke:var(--op-line)}.op-window-bar{fill:#efe7dc}.op-window-side{fill:#f3ede5}.op-window-editor{fill:#fff;stroke:var(--op-muted);stroke-width:.8}.op-window-grid{stroke:#e3d9cd;stroke-width:.7}.operation-demo g:has(>.op-window-editor){transform-box:fill-box;transform-origin:0 0}.op-crochet-dot{fill:var(--op-accent)}.op-crochet-preview{fill:none;stroke:var(--op-accent);stroke-width:2}.op-motif-guide{fill:none;stroke:var(--op-teal);stroke-width:1;stroke-dasharray:3 2}.op-pointer path,.op-pointer rect,.op-pointer-shape{fill:var(--op-ink);stroke:#fff;stroke-width:1;stroke-linejoin:round}.op-pointer.is-eraser rect{fill:#fff;stroke:var(--op-ink);stroke-width:1.4}.op-paper{fill:var(--op-paper)}.op-paper-line{stroke:#efe7dc;stroke-width:.6}.op-ink{fill:none;stroke:var(--op-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none}.op-ink[pathLength]{stroke-dasharray:1}.op-ink.is-mirror{stroke:#8f857b}.op-ink.is-selected{stroke:var(--op-accent)}.op-axis{stroke:#c9a27a;stroke-width:1;stroke-dasharray:4 3}.op-guide{stroke:var(--op-teal);stroke-width:1.4;stroke-dasharray:5 4;fill:none}.op-guide-draw{stroke:var(--op-teal);stroke-width:1.4;stroke-dasharray:1;fill:none}.op-vertex{fill:var(--op-ink)}.op-vertex.is-picked{fill:var(--op-accent)}.op-snap{fill:none;stroke:#5fa57b;stroke-width:1.6}.op-control{fill:#5fa57b;stroke:#fff;stroke-width:1.2}.op-control-line{fill:none;stroke:#5fa57b;stroke-width:1;stroke-dasharray:3 2}.op-dimension{stroke:var(--op-accent);stroke-width:1.2;stroke-dasharray:3 2}.op-tag{fill:#fff;stroke:var(--op-line)}.op-input{fill:#fff;stroke:var(--op-accent);stroke-width:1.4}.op-tag-text{fill:var(--op-ink);font-size:8.5px;font-weight:700;text-anchor:middle}.op-tag-text.is-new{fill:var(--op-accent)}.op-anchor{stroke-width:1.5}.op-anchor.is-open{fill:#fff;stroke:var(--op-ink)}.op-anchor.is-joined{fill:#e6913d;stroke:#fff}.op-warn{fill:none;stroke:var(--op-accent);stroke-width:1.4;stroke-dasharray:3 2}.op-fill{fill:var(--op-teal-soft)}.op-marquee{fill:#4a9f9a14;stroke:var(--op-teal);stroke-width:1;stroke-dasharray:3 2;transform-box:fill-box;transform-origin:0 0}.op-caret{stroke:var(--op-ink);stroke-width:1.2}.op-drafting-text{fill:var(--op-ink);font-size:13px;font-weight:700}.op-knit-cell{fill:var(--op-teal-soft);stroke:#fff;stroke-width:.6}.op-doc{fill:#fff;stroke:var(--op-line)}.op-size-tab rect{fill:#f3ede5}.op-size-tab rect.is-on{fill:var(--op-accent)}.op-size-tab text{fill:var(--op-ink);font-size:8px;font-weight:700;text-anchor:middle;mix-blend-mode:multiply}.op-doc-text{fill:var(--op-ink);font-size:10px}.op-value{fill:var(--op-accent-soft)}.op-value-text{fill:#a8402e;font-size:10px;font-weight:700;text-anchor:middle}.op-doc-line{stroke:#ebe3d8;stroke-width:3;stroke-linecap:round}.op-gauge-heading{fill:var(--op-ink);font-size:11px;font-weight:700}.op-gauge-card{fill:#fff;stroke:var(--op-line)}.op-gauge-card.is-sample{fill:var(--op-teal-soft);stroke:#a8d0c9}.op-gauge-caption{fill:#72675d;font-size:9px}.op-gauge-number{fill:var(--op-ink);font-size:12px;font-weight:700}.op-gauge-number.is-sample{fill:#256e66}.op-gauge-reference-label{fill:#81756a;font-size:8px}.op-gauge-reference{fill:none;stroke:var(--op-accent);stroke-width:1;stroke-dasharray:3 2}.operation-demo .op-gauge-fabric{transform-origin:120px 111px}.op-gauge-fabric>rect{fill:var(--op-teal-soft);stroke:var(--op-teal);stroke-width:1;vector-effect:non-scaling-stroke}.op-gauge-fabric>path{fill:none;stroke:var(--op-teal);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.op-gauge-fabric>.op-gauge-ruler{stroke:#256e66;stroke-width:1.2}.op-gauge-width{fill:#256e66;font-size:16px;font-weight:700;text-anchor:middle}.op-gauge-difference{fill:#72675d;font-size:9px;text-anchor:middle}.tutorial-coach,.context-hint,.milestone-card{--coach-ink: var(--ink, #2e2925);--coach-muted: var(--muted, #7c756e);--coach-line: var(--line, #ded7ce);--coach-surface: var(--surface, #fffdf9);--coach-warm: var(--surface-warm, #f4ede3);--coach-accent: var(--accent-dark, #c94d39);color:var(--coach-ink);font-family:inherit;line-height:1.65}.tutorial-dim{position:fixed;inset:0;z-index:10990;width:100vw;height:100vh;pointer-events:none;fill:#241e1a6b;animation:spotlight-in .3s ease-out}.tutorial-spotlight{position:fixed;z-index:10991;pointer-events:none;border-radius:12px;transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease}.tutorial-spotlight:after{content:"";position:absolute;inset:-3px;border:3px solid var(--accent, #e5654f);border-radius:14px;animation:tutorial-pulse 1.8s ease-in-out infinite}@keyframes spotlight-in{0%{opacity:0}}@keyframes tutorial-pulse{50%{box-shadow:0 0 0 8px #e5654f38}}.tutorial-coach{position:fixed;z-index:11000;width:340px;max-width:calc(100vw - 24px);padding:16px 18px 14px;border:1px solid var(--coach-line);border-radius:16px;background:var(--coach-surface);box-shadow:0 18px 40px #1e161038;font-size:14px;animation:coach-in .25s ease-out;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere}.tutorial-coach.is-anchored{transition:left .25s ease,top .25s ease}.tutorial-coach.is-floating,.tutorial-coach.is-paused{right:20px;bottom:20px}@keyframes coach-in{0%{opacity:0;transform:translateY(6px)}}.tutorial-coach.is-anchored:not(.is-inside):before{content:"";position:absolute;width:14px;height:14px;background:var(--coach-surface);border:1px solid var(--coach-line);transform:rotate(45deg)}.tutorial-coach.is-below:before{top:-8px;left:calc(var(--arrow) - 7px);border-right:0;border-bottom:0}.tutorial-coach.is-above:before{bottom:-8px;left:calc(var(--arrow) - 7px);border-left:0;border-top:0}.tutorial-coach.is-right:before{left:-8px;top:calc(var(--arrow) - 7px);border-top:0;border-right:0}.tutorial-coach.is-left:before{right:-8px;top:calc(var(--arrow) - 7px);border-bottom:0;border-left:0}.tutorial-coach-head{display:flex;align-items:center;gap:10px}.tutorial-coach-name{flex:1;color:var(--coach-accent);font-size:12px;font-weight:700;letter-spacing:.06em}.tutorial-coach-count{color:var(--coach-muted);font-size:12px;font-variant-numeric:tabular-nums}.tutorial-coach-close{display:grid;place-items:center;width:28px;height:28px;margin:-4px -6px -4px 0;border:0;border-radius:8px;background:transparent;color:var(--coach-muted);cursor:pointer}.tutorial-coach-close:hover{background:var(--coach-warm)}.tutorial-coach-progress{display:grid;grid-auto-flow:column;gap:3px;margin-top:10px}.tutorial-coach-progress>i{height:3px;border-radius:2px;background:var(--coach-line)}.tutorial-coach-progress>i.done{background:var(--accent, #e5654f)}.tutorial-coach h2{margin:12px 0 4px;font-size:17px;font-weight:700;line-height:1.5}.tutorial-coach p{margin:0;color:#4d4640}.tutorial-coach-paused{margin-top:8px!important}.tutorial-coach-actions{position:sticky;bottom:-14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:14px;padding-block:6px;background:var(--coach-surface)}.tutorial-demo-toggle{min-height:36px;margin-block:4px;padding:4px 0;border:0;background:transparent;color:var(--coach-accent);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.tutorial-coach-text{border:0;padding:6px 0;background:transparent;color:var(--coach-muted);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tutorial-coach-back{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 12px;border:1px solid var(--coach-line);border-radius:9px;background:var(--coach-surface);color:var(--coach-ink);font:inherit;font-weight:700;cursor:pointer}.tutorial-coach-back:hover{background:var(--coach-warm)}.tutorial-coach-primary{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 14px;border:0;border-radius:9px;background:var(--coach-accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}.tutorial-coach-primary:hover{filter:brightness(.95)}.tutorial-coach-reveal{margin-top:10px;padding:6px 12px;border:1px solid var(--accent, #e5654f);border-radius:8px;background:#fdf3ef;color:var(--coach-accent);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.tutorial-coach-demo{margin:10px 0 8px;border:1px solid #ece4d9}.tutorial-skip-all{position:fixed;z-index:11001;right:16px;display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:1px solid rgba(255,253,249,.6);border-radius:999px;background:#2e2925b8;color:#fffdf9;font:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:spotlight-in .3s ease-out}.tutorial-skip-all:hover{background:#2e2925e0}.tutorial-skip-all:focus-visible{outline:3px solid var(--accent, #e5654f);outline-offset:2px}.tutorial-skip-all.is-bottom{bottom:16px}.tutorial-coach button:focus-visible,.context-hint button:focus-visible,.milestone-card button:focus-visible{outline:3px solid var(--accent, #e5654f);outline-offset:2px}.context-hint{position:fixed;z-index:10980;padding:12px 14px 10px;border:1px solid var(--coach-line);border-left:4px solid var(--mint, #4ca9a4);border-radius:12px;background:var(--coach-surface);box-shadow:0 12px 28px #3e2f2624;font-size:13px;animation:coach-in .25s ease-out;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere}.context-hint strong{display:block;font-size:14px}.context-hint-demo{margin:8px 0 6px;border:1px solid #ece4d9}.context-hint p{margin:3px 0 6px;color:#4d4640;white-space:pre-line}.context-hint button{position:sticky;bottom:0;float:right;min-height:36px;border:0;border-radius:7px;padding:4px 12px;background:var(--coach-warm);color:var(--coach-ink);font:inherit;font-weight:700;font-size:12px;cursor:pointer}.context-hint button:hover{background:#ece2d4}.milestone-backdrop{position:fixed;z-index:11100;inset:0;display:grid;place-items:center;padding:20px;background:#2e292547;animation:milestone-fade .3s ease-out}@keyframes milestone-fade{0%{opacity:0}}.milestone-card{width:min(400px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:26px 28px 22px;border:1px solid var(--coach-line);border-radius:20px;background:var(--coach-surface);box-shadow:0 24px 60px #3e2f2633;text-align:center;animation:milestone-rise .45s cubic-bezier(.2,.8,.3,1)}@keyframes milestone-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}.milestone-card h2{margin:14px 0 6px;font-size:20px;font-weight:700;line-height:1.5;text-wrap:balance}.milestone-card p{margin:0;color:#4d4640;font-size:14px}.milestone-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.milestone-primary,.milestone-secondary{min-height:40px;padding:8px 18px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.milestone-primary{border:0;background:var(--coach-accent);color:#fff}.milestone-secondary{border:1px solid var(--coach-line);background:var(--coach-surface);color:var(--coach-ink)}.knit-swatch{display:block;margin:0 auto;overflow:visible}.knit-swatch-ground{fill:var(--coach-warm)}.knit-swatch-row path{fill:none;stroke:var(--accent, #e5654f);stroke-width:4.2;stroke-linecap:round}.knit-swatch-row.is-accent path{stroke:var(--mint, #4ca9a4)}.knit-swatch-row{opacity:0;animation:knit-row .32s ease-out forwards;animation-delay:calc(.25s + var(--row) * .14s)}@keyframes knit-row{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.knit-swatch-needle line{stroke:#b98652;stroke-width:3.5;stroke-linecap:round}.knit-swatch-needle circle{fill:#b98652}.knit-swatch-needle{opacity:0;animation:knit-row .3s ease-out forwards;animation-delay:1.2s}@media(max-width:600px){.tutorial-coach.is-floating,.tutorial-coach.is-paused{left:12px;right:12px;bottom:12px;width:auto}}@media(prefers-reduced-motion:reduce){.tutorial-dim,.tutorial-spotlight,.tutorial-spotlight:after,.tutorial-coach,.tutorial-skip-all,.context-hint,.milestone-backdrop,.milestone-card{animation:none}.knit-swatch-row,.knit-swatch-needle{opacity:1;animation:none}}.practice-panel{width:min(1080px,calc(100% - 48px));margin:28px auto 0;padding:22px 24px;border:1px solid var(--line, #ded7ce);border-radius:16px;background:var(--surface, #fffdf9)}.practice-panel-heading h2{margin:0;font-size:18px}.practice-panel-heading p{margin:4px 0 0;color:var(--muted, #7c756e);font-size:14px}.practice-panel-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.practice-panel-items>button{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line, #ded7ce);border-radius:12px;background:var(--surface, #fffdf9);color:var(--ink, #2e2925);font:inherit;text-align:left;cursor:pointer}.practice-panel-items>button:hover{border-color:var(--accent, #e5654f);background:#fdf6f2}.practice-panel-items>button>svg{flex:none;color:var(--accent-dark, #c94d39)}.practice-panel-items>button>span{flex:1;display:grid;gap:2px}.practice-panel-items small{color:var(--muted, #7c756e);font-size:12px;line-height:1.5}.practice-panel-items em{color:var(--accent-dark, #c94d39);font-style:normal;font-size:13px;font-weight:700;white-space:nowrap}.practice-panel-hints{display:inline-flex;align-items:center;gap:6px;margin-top:14px;border:0;padding:4px 0;background:transparent;color:var(--muted, #7c756e);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.practice-panel-hints:disabled{text-decoration:none;cursor:default}@media(max-width:760px){.practice-panel{width:calc(100% - 24px);padding:18px 16px}.practice-panel-items{grid-template-columns:minmax(0,1fr)}}.onboarding-admin .page-heading{align-items:flex-end}.onboarding-admin-card{margin-top:20px;padding:22px 24px;border:1px solid var(--line, #ded7ce);border-radius:16px;background:var(--surface, #fffdf9)}.onboarding-admin-card h2{margin:0;font-size:18px}.onboarding-admin-card>p{margin:4px 0 16px;color:var(--muted, #7c756e);font-size:14px}.onboarding-admin-actions{display:flex;flex-wrap:wrap;gap:10px}.onboarding-admin-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 0}.onboarding-admin-result>div{padding:10px 12px;border-radius:10px;background:var(--surface-warm, #f4ede3)}.onboarding-admin-result dt{color:var(--muted, #7c756e);font-size:12px}.onboarding-admin-result dd{margin:2px 0 0;font-weight:700}.onboarding-admin-tutorials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.onboarding-admin-tutorials article{padding:14px 16px;border:1px solid var(--line, #ded7ce);border-radius:12px}.onboarding-admin-tutorials header{display:flex;align-items:center;justify-content:space-between;gap:8px}.onboarding-admin-tutorials h3{margin:0;font-size:15px}.onboarding-admin-tutorials ol{margin:10px 0 0;padding-left:20px;font-size:13px}.onboarding-admin-tutorials li{padding:3px 0}.onboarding-admin-tutorials li>span{margin-right:8px}.onboarding-admin-tutorials li>button{border:0;padding:0;background:transparent;color:var(--accent-dark, #c94d39);font:inherit;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.onboarding-admin-status{padding:1px 9px;border-radius:999px;background:var(--surface-warm, #f4ede3);color:var(--muted, #7c756e);font-size:12px;white-space:nowrap}.onboarding-admin-status.is-done{background:#e3f1ef;color:#2f7d78}.onboarding-admin-table{width:100%;margin-bottom:14px;border-collapse:collapse;font-size:13px}.onboarding-admin-table th{padding:8px 10px;border-bottom:1px solid var(--line, #ded7ce);color:var(--muted, #7c756e);font-weight:600;text-align:left;white-space:nowrap}.onboarding-admin-table td{padding:10px;border-bottom:1px solid #eee7dd;vertical-align:top}.onboarding-admin-table td small{display:block;margin-top:2px;color:var(--muted, #7c756e);white-space:pre-line}@media(max-width:900px){.onboarding-admin-tutorials,.onboarding-admin-result{grid-template-columns:minmax(0,1fr)}}[data-tutorial-workspace]{box-sizing:border-box;padding-right:340px!important}.tutorial-coach.is-docked{margin:0;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}.tutorial-coach.is-docked .tutorial-coach-demo{max-height:165px}html[data-mobile-practice]{scrollbar-gutter:auto;scroll-padding-bottom:var(--mobile-practice-space)}html[data-mobile-practice] .app-shell{padding-bottom:var(--mobile-practice-space)}html[data-mobile-practice] .app-shell:has(>.app-main>:is(.chart-project-editor-page,.drafting-editor-page)){height:var(--practice-viewport-height)}html[data-mobile-practice] :is(.chart-editor.is-fullscreen,.chart-editor.knitting-editor.has-bottom-panels.is-fullscreen,.drafting-canvas-shell.is-fullscreen){top:var(--practice-viewport-top);bottom:auto;height:calc(var(--practice-viewport-height) - var(--mobile-practice-space));min-height:0}.tutorial-coach.is-mobile-docked{display:flex;flex-direction:column;margin:0;padding:8px 12px;right:auto;bottom:auto;max-width:none;border-radius:12px;overflow:hidden;font-size:13px}.tutorial-coach.is-mobile-docked>:not(.tutorial-coach-details){flex-shrink:0}.tutorial-coach.is-mobile-docked .tutorial-coach-details{min-height:0;overflow-y:auto;overscroll-behavior:contain}.tutorial-coach.is-mobile-docked .tutorial-coach-head{gap:8px}.tutorial-coach.is-mobile-docked .tutorial-coach-head button{min-height:36px}.tutorial-coach.is-mobile-docked .tutorial-coach-progress{margin-top:4px}.tutorial-coach.is-mobile-docked .tutorial-coach-actions{position:static;flex-wrap:nowrap;gap:6px;margin-top:6px;padding:0}.tutorial-coach.is-mobile-docked .tutorial-coach-actions button{min-width:0;padding-inline:8px;font-size:12px}.tutorial-coach-collapse{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:6px 8px;border:0;border-radius:8px;background:var(--coach-warm);color:var(--coach-ink);font:inherit;cursor:pointer}.tutorial-coach.is-mobile-docked.is-collapsed h2,.tutorial-coach.is-mobile-docked.is-collapsed .tutorial-coach-progress{display:none}.tutorial-coach.is-mobile-docked .tutorial-coach-demo{width:100%;max-height:120px;margin:6px 0}@media(max-height:500px)and (min-width:600px){.tutorial-coach.is-mobile-docked.is-collapsed{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.tutorial-coach.is-mobile-docked.is-collapsed .tutorial-coach-actions{margin:0}}@media(max-width:1100px){[data-tutorial-workspace]{padding-right:0!important;padding-bottom:var(--tutorial-dock-size, 232px)!important}.tutorial-coach.is-docked{border-radius:12px;padding:10px 14px}.tutorial-coach.is-docked .tutorial-coach-demo{width:160px;float:right;margin:8px 0 8px 12px}}@media(max-width:760px),(max-height:500px)and (pointer:coarse){.tutorial-coach.is-docked .tutorial-coach-demo{float:none;width:100%;margin:8px 0;max-height:120px}.tutorial-coach h2{margin-top:8px;font-size:16px}.tutorial-coach-primary,.tutorial-coach-back{min-height:44px}.tutorial-coach-actions{bottom:-10px;margin-top:8px}.context-hint-demo{max-height:130px}.context-hint button{min-height:44px}.practice-panel-items>button{flex-wrap:wrap}.practice-panel-items>button>span{min-width:140px}.crochet-editor.has-bottom-panels[data-tutorial-workspace] .crochet-sidebar{max-height:min(var(--crochet-bottom-panel-height, 170px),22dvh,170px)}.onboarding-admin-table{display:block;overflow-x:auto}}@media(max-height:500px){.tutorial-coach-actions{position:static}}.context-help{display:inline-flex;flex:none;vertical-align:middle}.context-help-trigger.context-help-trigger{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:#918a82;cursor:pointer;box-shadow:none}.context-help-trigger.context-help-trigger:hover{color:#665f58;background:#eee8df;border:0}.context-help-trigger:focus-visible,.context-help-dialog button:focus-visible{outline:2px solid #c94d39;outline-offset:2px}.context-help-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:min(75dvh,680px);margin:auto;padding:20px;border:1px solid #ded7ce;border-radius:14px;background:#fffdf9;color:#2e2925;box-shadow:0 12px 48px #2e29251f;text-align:left}.context-help-dialog[open]{display:flex;flex-direction:column;gap:12px}.context-help-dialog::backdrop{background:#28201940}.context-help-dialog>header{display:flex;flex:none;align-items:center;gap:12px}.context-help-dialog>header h2{flex:1;margin:0;color:#2e2925;font-size:17px;font-weight:700;line-height:1.5}.context-help-dialog>header button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#7c756e;cursor:pointer}.context-help-content{min-height:0;overflow:auto;overflow-wrap:anywhere;font-size:14px;line-height:1.8;color:#514b45}.context-help-content>:first-child{margin-top:0}.context-help-content>:last-child{margin-bottom:0}.context-control{display:inline-flex;align-items:center;gap:4px;min-width:0}.context-field{display:flex;align-items:flex-start;gap:4px;min-width:0}.context-field>label{flex:1;min-width:0}@media(pointer:coarse){.context-help-trigger.context-help-trigger,.context-help-dialog>header button{width:44px;min-width:44px;height:44px;min-height:44px}}._root_18nuw_1{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:22px;min-width:0}._root_18nuw_1 p{margin:0;font-size:12px;line-height:1.8;color:#7c756e}._googleButton_18nuw_3{width:100%;min-height:40px;display:flex;justify-content:center}._googleButton_18nuw_3[inert]{opacity:.55}._divider_18nuw_5{display:flex;align-items:center;gap:12px;color:#7c756e;font-size:11px}._divider_18nuw_5:before,._divider_18nuw_5:after{content:"";flex:1;height:1px;background:#ded7ce}._registration_18nuw_7{display:grid;gap:12px;padding:18px;background:#f7f3ed;border-radius:12px}._registration_18nuw_7 strong{font-size:15px}._registration_18nuw_7 label{display:grid;gap:6px;font-size:13px;font-weight:600}._registration_18nuw_7 input{width:100%;min-width:0;min-height:44px;padding:10px 12px;color:#2e2925;background:#fff;border:1px solid #ded7ce;border-radius:8px;font:inherit;font-size:16px}._submit_18nuw_11{min-height:44px;border:0;border-radius:9px;background:#c94d39;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:10px}._textButton_18nuw_12{min-height:44px;border:0;background:transparent;color:#7c756e;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}._root_18nuw_1 button:disabled{cursor:default;opacity:.55}._root_18nuw_1 ._error_18nuw_14{background:#fcf0ec;color:#b54130;padding:10px 12px;border-radius:8px}._loadError_18nuw_15{text-align:center}body:has(._page_d0vy1_1){min-width:0}._page_d0vy1_1{min-height:100vh;display:flex;flex-direction:column;line-height:1.7}._header_d0vy1_4{position:relative;z-index:1;border-bottom:1px solid var(--nav-border);background:var(--nav-background);color:var(--nav-foreground)}._header_d0vy1_4 a:focus-visible,._header_d0vy1_4 button:focus-visible{outline-color:var(--nav-foreground)}._header_d0vy1_4 .language-switcher-select:focus-visible{outline-color:var(--accent-dark)}._headerInner_d0vy1_7{width:min(1280px,calc(100% - 48px));min-height:55px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}._brand_d0vy1_8{display:inline-flex;align-items:center;gap:9px;padding-inline-start:8px}._brand_d0vy1_8 img{width:37.4px;height:37.4px;filter:none}._brand_d0vy1_8>span{display:block;line-height:1.1;white-space:nowrap}._brand_d0vy1_8 strong{font:700 22px/1.1 DM Sans,sans-serif;letter-spacing:-.3px;white-space:nowrap}._main_d0vy1_12{flex:1;display:grid;place-items:start center;padding:72px 20px;background:radial-gradient(circle at 15% 20%,rgba(76,169,164,.14),transparent 34%),linear-gradient(145deg,#f4ecdf,#fcf8f1)}._card_d0vy1_13{width:min(460px,100%);min-width:0;padding:38px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}._card_d0vy1_13 h1{margin:3px 0 12px;font-size:34px;letter-spacing:-.035em}._notice_d0vy1_15{margin-bottom:20px}._notice_d0vy1_15 a{text-decoration:underline;text-underline-offset:3px}._form_d0vy1_17{display:grid;gap:17px;margin-top:28px}._form_d0vy1_17 label{gap:6px;color:#5d554e;font-size:11px;font-weight:700}._form_d0vy1_17 input{height:47px;padding:0 13px;font-size:16px;font-weight:400}._submitRow_d0vy1_20{display:flex;align-items:center;gap:4px}._submitRow_d0vy1_20 ._submit_d0vy1_20{flex:1;min-height:49px;font-size:16px}._signup_d0vy1_22,._recovery_d0vy1_22{margin:0;color:var(--muted);font-size:10px;text-align:center}._signup_d0vy1_22 a,._recovery_d0vy1_22 a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}._recovery_d0vy1_22{margin-top:12px}._recovery_d0vy1_22 a{min-height:32px;display:inline-flex;align-items:center}@media(max-width:1100px){._headerInner_d0vy1_7{width:calc(100% - 32px)}._brand_d0vy1_8{padding-inline-start:0}}@media(max-width:600px){._headerInner_d0vy1_7{gap:8px}._brand_d0vy1_8 strong{font-size:20px}._header_d0vy1_4 .language-switcher-select{width:80px;padding-left:9px;font-size:12px}._header_d0vy1_4 .language-switcher-icon{display:none}._main_d0vy1_12{padding:35px 16px}._card_d0vy1_13{padding:28px 22px}._card_d0vy1_13 h1{font-size:30px}._form_d0vy1_17 label{font-size:12px}._signup_d0vy1_22,._recovery_d0vy1_22{font-size:11px}}@media(max-width:560px){._headerInner_d0vy1_7{width:calc(100% - 24px)}}@media(max-width:360px){._brand_d0vy1_8 strong{font-size:18px}._brand_d0vy1_8 img{width:32px;height:32px}}@media(pointer:coarse){._recovery_d0vy1_22 a{min-height:44px}}.crochet-editor .crochet-stage{overflow:clip;padding:24px;touch-action:none;overscroll-behavior:contain}.crochet-canvas{display:block;max-width:none;background:#fff;box-shadow:0 3px 15px #302b2810;touch-action:none}.crochet-canvas:focus{outline:none}.crochet-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.crochet-canvas.tool-draw,.crochet-canvas.tool-erase{cursor:cell}.crochet-canvas.tool-select [data-crochet-id],.crochet-canvas.tool-draw [data-crochet-selected],.crochet-selection-move-area{cursor:move}.crochet-stage.tool-pan,.crochet-canvas.tool-pan{cursor:grab}.crochet-stage.is-panning,.crochet-stage.is-panning *{cursor:grabbing}.crochet-editor .crochet-batch-settings,.crochet-editor .crochet-selection-properties{min-height:0}.crochet-batch-settings>label,.crochet-selection-properties>label{width:90px}.crochet-selection-properties>.chart-caption-field{width:200px}.crochet-editor .crochet-snap>span:last-child{display:flex;align-items:center;height:34px;gap:6px}.crochet-editor .crochet-snap input{width:14px;height:14px;accent-color:var(--accent)}.crochet-editor .stitch-palette>button{height:auto;min-height:49px;padding:4px 2px}.crochet-editor .stitch-palette small{white-space:normal;line-height:1.35}.crochet-status{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.crochet-editor.is-fullscreen>.responsive-editor-settings{flex:0 0 auto}@media(max-width:760px){.crochet-editor .crochet-stage{padding:12px}}.crochet-chart-preview{margin:16px 0;width:100%}.crochet-diagram{display:block;width:100%;height:auto;max-height:none}.crochet-legend{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 0;font-size:11px}.crochet-legend>span{display:inline-flex;align-items:center;gap:5px}.crochet-legend svg{height:28px;width:24px}.chart-preview-link>.crochet-diagram{height:100%;object-fit:contain}@media print{.crochet-chart-preview{break-inside:avoid}}.crochet-canvas.tool-select{cursor:crosshair}.crochet-placement-spacing{width:86px}.crochet-placement-point{cursor:pointer;outline:none}.crochet-placement-dot{fill:#d85d49}.crochet-placement-point:hover .crochet-placement-dot,.crochet-placement-point:focus-visible .crochet-placement-dot{fill:#b84735;stroke:#ffd1c4;stroke-width:2}.crochet-selection-controls{stroke:#d85d49}.crochet-rotation-handle{color:#b84735;cursor:grab;outline:none}.crochet-rotation-button{fill:#fffdf9}.crochet-rotation-handle:hover .crochet-rotation-button,.crochet-rotation-handle:focus-visible .crochet-rotation-button{fill:#ffe5df;stroke-width:2}.crochet-canvas.is-rotating,.crochet-canvas.is-rotating *{cursor:grabbing}.crochet-rotation-angle rect{fill:#302b28}.crochet-rotation-angle text{fill:#fff;font:11px system-ui,sans-serif}.chart-editor.crochet-editor{--crochet-sidebar-width: 340px;--crochet-properties-width: 300px;--crochet-left-track: min(var(--crochet-sidebar-width), max(180px, calc(100% - 120px) ));--crochet-right-track: min(var(--crochet-properties-width), max(180px, calc(100% - 120px) ));display:grid;grid-template-columns:var(--crochet-left-track) minmax(0,1fr) var(--crochet-right-track);grid-template-rows:auto minmax(0,1fr);height:min(840px,86dvh);min-height:480px;overflow:hidden}.chart-editor.crochet-editor.is-fullscreen{display:grid;height:100dvh;min-height:0}.chart-editor.crochet-editor.is-sidebar-closed{--crochet-left-track: 0px}.crochet-workspace{display:contents}.crochet-sidebar{grid-column:1;grid-row:1 / 3;width:auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 16px 24px;border-right:1px solid var(--line);background:#fffdf9;scrollbar-width:thin}.crochet-sidebar[hidden]{display:none}.crochet-editor>.chart-tools{grid-column:2;grid-row:1;min-width:0;border-bottom:1px solid var(--line)}.crochet-editor .chart-toolbar-view-action{gap:8px}.crochet-repeat-controls{display:flex;align-items:center;gap:12px;padding:0 4px}.crochet-repeat-controls label{display:flex;align-items:center;gap:7px;color:#6b6055;font-size:11px;white-space:nowrap}.crochet-repeat-controls select{height:31px;padding:4px 24px 4px 8px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#4e4840;font-size:11px}.crochet-repeat-controls>span{color:#8a7b6d;font-size:10px;white-space:nowrap}.crochet-editor .crochet-stage{grid-column:2;grid-row:2;width:auto;min-width:0;min-height:0;height:auto;padding:0;background:#fffdf9}.crochet-canvas{width:100%;height:100%;box-shadow:none;background:transparent}.crochet-canvas.tool-repeat{cursor:crosshair}.crochet-status{max-width:calc(100% - 18px)}.crochet-sidebar-section{margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid #e8e2d9}.crochet-sidebar-section h3,.crochet-sidebar-section>summary{display:flex;align-items:center;gap:6px;margin:0 0 9px;color:#4e4840;font-size:11px;font-weight:700}.crochet-sidebar-section>summary{display:list-item;cursor:pointer}.crochet-sidebar .chart-footer{display:block;padding:0 0 16px;overflow:visible;background:none;border-top:0}.crochet-sidebar .chart-palette{display:block;padding:0;overflow:visible}.crochet-sidebar .stitch-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0}.crochet-sidebar .stitch-palette>button{width:auto;min-width:0;min-height:68px;padding:4px 2px;border-radius:5px}.crochet-sidebar .stitch-palette small{font-size:11px;line-height:1.4}.crochet-sidebar .crochet-recent-symbols{grid-template-columns:repeat(5,minmax(0,1fr))}.crochet-sidebar .crochet-recent-symbols>button{min-height:43px}.crochet-recent-empty{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.crochet-sidebar .crochet-catalog-heading{margin-top:16px}.crochet-symbol-search{width:100%;min-width:0;height:34px;margin-bottom:9px;padding:5px 8px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:12px}.crochet-symbol-catalog{max-height:min(400px,46dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 4px 2px 0}.crochet-symbol-group+.crochet-symbol-group{margin-top:14px}.crochet-symbol-group h4{margin:0 0 8px;color:#6b6055;font-size:12px;font-weight:600}.crochet-sidebar .crochet-yarn-heading{margin-top:16px}.crochet-sidebar .color-palette{display:flex;flex-wrap:wrap;gap:7px;padding:0;border:0;overflow:visible}.crochet-sidebar .color-palette-item{flex:0 0 39px}.crochet-sidebar .color-palette-item>button{min-width:39px;width:39px;height:39px;min-height:39px;padding:4px}.crochet-sidebar .color-swatch{width:29px;height:29px}.crochet-sidebar .chart-editor-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:0;padding:0;border:0;background:none}.crochet-sidebar .chart-editor-bar label{width:auto;min-width:0;font-size:10px}.crochet-sidebar .chart-editor-bar input,.crochet-sidebar .chart-editor-bar select{width:100%;min-width:0;height:32px;font-size:11px}.crochet-sidebar .chart-editor-bar .committed-number-control{min-width:0}.crochet-sidebar .chart-caption-field,.crochet-sidebar .crochet-snap,.crochet-sidebar .chart-settings-title{grid-column:1 / -1}.crochet-sidebar .crochet-snap input{width:14px;height:14px}.crochet-sidebar .crochet-selection-properties{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e8e2d9}.crochet-sidebar .crochet-selection-properties .chart-settings-title{font-size:11px}.crochet-layers>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.crochet-layers>header h3{margin:0}.crochet-layers button{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px;border:1px solid transparent;border-radius:4px;background:transparent;color:#6d655b;cursor:pointer}.crochet-layers button:hover:not(:disabled){background:#eee7de}.crochet-layers button:disabled{opacity:.35;cursor:default}.crochet-layer-list{display:grid;gap:5px}.crochet-layer{display:grid;grid-template-columns:minmax(0,1fr) 27px 27px;align-items:center;gap:2px;padding:5px;border:1px solid #e4ded5;border-radius:6px}.crochet-layer.is-active{background:#f5eee6;border-color:#d9bca8}.crochet-layer .crochet-layer-select{justify-content:flex-start;gap:7px;min-width:0;text-align:left;font-size:11px}.crochet-layer-select>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crochet-layer-select small{display:block;margin-top:3px;font-size:9px;color:#9b8c7f}.crochet-layer-properties{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) repeat(3,26px);gap:2px;margin-top:3px}.crochet-layer-properties>input{width:100%;min-width:0;height:27px;border:1px solid #ddd3c7;border-radius:4px;background:#fffdf9;padding:3px 5px;font-size:10px}.crochet-layer-properties .crochet-move-layer{grid-column:1 / -1;min-height:29px;margin-top:3px;border-color:#dbcebd;font-size:10px}.crochet-array-guide{stroke:#d85d49}.crochet-spread-control{grid-column:1 / -1;flex:1 0 100%;display:grid;gap:8px;padding:12px 0}.crochet-spread-control>span{font-size:12px;font-weight:700}.crochet-spread-control>div{display:flex;align-items:center;gap:12px}.crochet-spread-control input[type=range]{min-width:0;flex:1;padding:0;accent-color:var(--accent)}.crochet-spread-control .committed-number{flex:0 0 86px;width:86px}.crochet-spread-control>small{color:#6b6055;font-size:11px;line-height:1.6}.crochet-array-dialog{width:min(350px,calc(100vw - 32px));padding:22px;border:1px solid #ddd1c5;border-radius:12px;color:#443b33;background:#fffdf9;box-shadow:0 12px 60px #302b2833}.crochet-array-dialog::backdrop{background:#302b281a}.crochet-array-dialog h2{margin:0 0 9px;font-size:17px}.crochet-array-dialog p{font-size:11px;line-height:1.7;color:#817369}.crochet-array-dialog label{display:grid;gap:7px;margin-top:16px;font-size:11px}.crochet-array-dialog input{width:100%;height:44px;padding:7px 10px;border:1px solid #d5c4b6;border-radius:6px;background:#fff;font-size:21px}.crochet-array-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:760px){.chart-editor.crochet-editor{min-height:400px}.chart-editor.crochet-editor.is-fullscreen{min-height:0}.crochet-sidebar{padding:12px 10px 20px}.crochet-sidebar .stitch-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.crochet-sidebar .crochet-recent-symbols{grid-template-columns:repeat(5,minmax(0,1fr))}.crochet-repeat-controls>span{display:none}}.chart-editor.crochet-editor .crochet-sidebar .chart-footer{padding:0 0 16px;overflow:visible;background:none}.crochet-sidebar .yarn-palette-add{flex:0 0 42px}.crochet-sidebar .yarn-palette-add>button{width:42px;min-width:42px;height:34px;min-height:34px;padding:3px;font-size:9px}.chart-project-workspace.is-crochet{display:flex}.chart-project-editor-page .editor-header-actions .chart-library-import{margin:0;padding:0;border:0}.chart-project-editor-page .editor-header-actions .chart-library-import>.button{min-height:30px;padding:6px 10px;font-size:10px}.crochet-sidebar .yarn-palette-add{height:34px}.chart-editor.crochet-editor .crochet-sidebar .chart-editor-bar{padding:0;min-height:0;background:none}.crochet-canvas.tool-text{cursor:text}.crochet-canvas [data-crochet-text]{cursor:move}.crochet-text-box-editor{overflow:visible}.crochet-text-box-editor textarea{display:block;width:100%;height:100%;margin:0;padding:5px 7px;border:1px solid #d85d49;border-radius:4px;outline:2px solid #d85d4922;background:#fffdf9f2;resize:none;font-family:sans-serif;line-height:1.35}.crochet-round-settings>summary{display:flex;align-items:center;gap:7px;min-height:44px;cursor:pointer}.crochet-round-chevron{margin-left:auto;transform:rotate(-90deg);transition:transform .15s}.crochet-round-settings[open] .crochet-round-chevron{transform:none}.crochet-round-settings p{margin:9px 0;font-size:11px;line-height:1.65;color:var(--muted)}.crochet-round-actions{display:grid;gap:6px;margin:8px 0}.crochet-round-settings button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:11px;cursor:pointer}.crochet-round-settings button>svg{flex:none}.crochet-round-settings button:focus-visible{outline:2px solid #368b84;outline-offset:2px}.crochet-round-settings button:disabled{opacity:.4;cursor:default}.crochet-guide-shapes{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:14px 0 9px;border-radius:9px;background:#f0ece6}.crochet-guide-shapes>button{border-color:transparent;background:transparent;font-weight:700}.crochet-guide-shapes>button[aria-pressed=true]{border-color:#b7d4ce;background:#fff;color:#277970;box-shadow:0 1px 3px #302b2810}.crochet-guide-step{display:flex;align-items:center;gap:7px;margin-top:15px;padding-top:13px;border-top:1px solid #eee7df;color:#5c554f;font-size:12px}.crochet-guide-badge{margin-left:auto;padding:2px 6px;border-radius:9px;background:#e8f4f1;color:#277970;font-size:10px}.crochet-round-settings .crochet-guide-note{font-size:10px;line-height:1.7}.crochet-round-settings .crochet-guide-primary{border-color:#b7d4ce;background:#f3f9f7;color:#277970}.crochet-round-settings .crochet-guide-practice{width:100%;margin:0 0 2px;color:#277970;border-color:#b7d4ce}.crochet-guide-arrange{margin:13px 0;padding:10px;border:1px solid #d8e7e2;border-radius:8px;background:#f5faf8}.crochet-guide-arrange>button{width:100%;border-color:#a7cbc2;color:#277970;font-weight:700}.crochet-guide-arrange>p{margin:6px 0 0;font-size:10px}.crochet-guide-complete{margin-top:14px;padding-top:14px;border-top:1px solid #eee7df}.crochet-guide-complete>button{width:100%;border-color:#277970;background:#277970;color:#fff;font-weight:700}.crochet-guide-complete>button:hover{background:#20675f}.crochet-guide-complete>p{margin:7px 0;font-size:10px}.crochet-round-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border:1px solid #e4ded5;border-radius:7px;background:#faf8f4;font-size:12px}.crochet-round-toggle>span{flex:1}.crochet-round-toggle input{flex:none;width:16px;height:16px;margin:0;padding:0;accent-color:#368b84}.crochet-round-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:192px;overflow:auto;margin-top:9px}.crochet-round-list>div{display:flex;min-width:0}.crochet-round-list button:first-child{flex:1;min-width:0;padding:5px;border-radius:6px 0 0 6px}.crochet-round-list button:last-child{display:grid;place-items:center;min-width:30px;padding:4px;border-left:0;border-radius:0 6px 6px 0;color:#8d8177}.crochet-round-list [aria-pressed=true]{background:#e8f4f1;color:#277970;border-color:#8bbdb5}.crochet-round-settings .crochet-round-clear{min-height:32px;padding:5px 0;border:0;background:transparent;color:#8d7467;font-size:10px}.crochet-round-picking{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:9px;margin-top:12px;border-radius:7px;background:#e8f4f1}.crochet-round-picking>p{flex:1;margin:0}.crochet-round-picking>button{width:100%}.crochet-status.is-round-picking{align-items:center;pointer-events:auto}.crochet-status.is-round-picking>button{min-height:36px;padding:6px 9px;border:1px solid #8bbdb5;border-radius:5px;background:#e8f4f1;color:#277970;font:inherit;cursor:pointer}.crochet-layer-contents{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:5px 0}.crochet-layer-contents .crochet-layer-content{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:4px;min-width:0;min-height:31px;padding:3px 5px;border-color:#e7dfd5;background:#fffdf9;text-align:left}.crochet-layer-content>svg{width:23px;height:23px}.crochet-layer-content>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.crochet-layer-content>small{color:#978779;font-size:9px}.crochet-layer-contents .crochet-layer-content.is-selected{border-color:#d8957c;background:#fff0e9}.crochet-layer-content.is-text{grid-column:1 / -1}.crochet-layer-text-icon{text-align:center;font-weight:600}.crochet-layer-content-toggle{grid-column:1 / -1;font-size:10px}.crochet-layer-empty{grid-column:1 / -1;padding:3px 5px;color:#9b8c7f;font-size:10px}.crochet-property-note{grid-column:1 / -1;color:#8a7b6d;font-size:10px;line-height:1.6}.crochet-group-actions{grid-column:1 / -1;display:flex;gap:6px}.crochet-group-actions>button{flex:1;min-height:30px;border:1px solid #dacfc2;border-radius:5px;color:#6b6055;background:#fffaf4;font-size:10px;cursor:pointer}.crochet-group-actions>button:disabled{opacity:.4;cursor:default}.crochet-brush-settings .crochet-repeat-controls{padding:0 0 10px}.crochet-array-dialog .crochet-array-group{display:flex;align-items:center;gap:8px}.crochet-array-dialog .crochet-array-group input{width:16px;height:16px;accent-color:var(--accent)}.crochet-layer-contents .crochet-layer-group{grid-column:1 / -1;grid-template-columns:23px minmax(0,1fr) auto;background:#f9f2e9}.crochet-editor .chart-tool-actions .chart-toolbar-icon-button kbd{display:none}.chart-editor.crochet-editor.is-properties-closed{--crochet-right-track: 0px}.crochet-editor>.chart-tools{grid-column:2}.crochet-sidebar.crochet-properties-panel{grid-column:3;border-right:0;border-left:1px solid var(--line)}.crochet-properties-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.crochet-properties-heading h2{margin:0;font-size:13px}.crochet-panel-title{display:flex;align-items:center;gap:12px;min-width:0}.crochet-panel-back-button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:30px;padding:4px 8px;border:1px solid var(--line);border-radius:5px;color:#6b6055;background:transparent;font:inherit;font-size:12px;cursor:pointer}.crochet-panel-back-button:hover{background:#f5eee6}.crochet-panel-back-button:focus-visible{outline:2px solid #5d8a84;outline-offset:2px}.crochet-materials h3{font-size:14px;line-height:1.5;gap:8px}.crochet-materials h3>svg{flex:0 0 auto;color:#786d62}.crochet-materials-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.crochet-materials-heading>h3{margin:0}.crochet-panel-actions{display:flex;align-items:center;gap:6px}.crochet-panel-icon-button{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:5px;color:#6b6055;background:transparent;cursor:pointer}.crochet-panel-icon-button:hover{background:#f5eee6}.crochet-panel-icon-button:focus-visible{outline:2px solid #5d8a84;outline-offset:2px}.crochet-panel-icon-button[aria-expanded=true]{border-color:#5d8a84;color:#226e67;background:#eaf5f2}.crochet-settings[hidden],.crochet-properties-view[hidden]{display:none}.crochet-sidebar .crochet-settings>.chart-editor-bar{grid-template-columns:minmax(0,1fr);gap:16px}.crochet-settings-help{display:flex;align-items:center;gap:8px}.crochet-layer-heading{display:flex;align-items:center;min-width:0;gap:3px}.crochet-layer-name{min-width:0;flex:1}.crochet-layer-name .crochet-layer-title{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:12px;color:#443b33}.crochet-layer-name>small{display:block;padding:0 4px 3px;color:#786d62;font-size:10px}.crochet-layer-name input{width:100%;min-width:0;height:28px;padding:3px 5px;border:1px solid var(--accent);border-radius:4px;background:#fff;font-size:12px}.crochet-layer-properties{display:flex;flex-wrap:wrap;justify-content:flex-end}.crochet-layer-properties .crochet-move-layer{width:100%}.crochet-layer[draggable=true]{cursor:grab}.crochet-layer.is-dragging{opacity:.45}.crochet-layer.drop-before{box-shadow:0 -3px 0 var(--accent)}.crochet-layer.drop-after{box-shadow:0 3px 0 var(--accent)}.crochet-layer-group-item{grid-column:1 / -1;min-width:0}.crochet-layer-group-item>.crochet-layer-content{width:100%}.crochet-group-settings{padding:12px 8px;margin:4px 0 8px;background:#fffdf9;border:1px solid #e3d8c9;border-radius:5px;cursor:default}.crochet-group-settings h4{margin:0 0 10px;color:#4e4840;font-size:12px}.crochet-group-settings>label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:12px;font-size:11px}.crochet-group-settings select{width:100%;height:32px;min-width:0;border:1px solid var(--line);border-radius:5px;padding:4px 6px;background:#fff}.crochet-group-settings p{margin:9px 0 0;font-size:11px;line-height:1.7;color:#6b6055}.context-help-dialog:has(.crochet-help-sections){width:min(600px,calc(100vw - 32px));max-height:min(84dvh,780px);padding:24px}.crochet-help-sections{padding-right:8px}.crochet-help-sections section+section{margin-top:24px;padding-top:20px;border-top:1px solid #e8e2d9}.crochet-help-sections h3{margin:0 0 10px;color:#433b34;font-size:15px;line-height:1.5}.crochet-help-sections p{margin:8px 0 0;font-size:14px;line-height:1.85}.crochet-layer-heading>.crochet-layer-select{touch-action:none;cursor:grab}.chart-editor.crochet-editor.is-narrow-workspace>.chart-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:6px;overflow:hidden}.crochet-editor.is-narrow-workspace .chart-toolbar-scroll{display:contents}.chart-editor.crochet-editor.is-narrow-workspace .chart-tool-group{grid-column:1;grid-row:1;display:flex;flex-wrap:nowrap;width:100%;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}.crochet-editor.is-narrow-workspace .chart-tool-group>button{flex:0 0 40px;min-width:40px;min-height:40px;padding-inline:0}.crochet-editor.is-narrow-workspace .chart-tool-group .chart-tool-label,.crochet-editor.is-narrow-workspace .chart-tool-group kbd{display:none}.chart-editor.crochet-editor.is-narrow-workspace .chart-toolbar-scroll>.chart-tool-actions{grid-column:1 / -1;grid-row:2;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:3px;scrollbar-width:thin}.crochet-editor.is-narrow-workspace .chart-toolbar-view-action{grid-column:2;grid-row:1;padding-left:4px}.crochet-editor.is-narrow-workspace .chart-fullscreen-toggle{width:38px;padding-inline:0}.crochet-editor.is-narrow-workspace .chart-fullscreen-toggle>span{display:none}.crochet-selection-menu>button{display:flex;align-items:center;gap:8px}.crochet-selection-menu>button>span{flex:1;text-align:left}.crochet-selection-menu kbd{color:#82756a;font-size:10px;font-weight:400}.crochet-text-settings>button{margin-top:10px;width:100%}.crochet-text-settings p{margin:10px 0 0;font-size:11px;line-height:1.7;color:#6b6055}.crochet-text-hex{grid-column:1 / -1}.crochet-text-edit-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.crochet-text-edit-actions>button{flex:1}.palette-context-menu.crochet-selection-menu{width:min(270px,calc(100vw - 16px))}.palette-context-menu.crochet-selection-menu>strong{font-size:11px}.palette-context-menu.crochet-selection-menu>button{min-height:36px;font-size:12px}.crochet-repeat-controls>button{min-height:32px;padding:5px 12px;border:1px solid #d8cdc1;border-radius:5px;color:#554b42;background:#fffdf9;font-size:11px;cursor:pointer;white-space:nowrap}.crochet-repeat-controls>button[aria-pressed=true]{border-color:#d85d49;background:#fff0e9;color:#b84735}.crochet-repeat-controls>span{font-size:11px;color:#554b42}.crochet-resize-controls>g{outline:none}.crochet-resize-controls>g:focus-visible>rect{fill:#ffd1c4;stroke-width:2px}.crochet-resize-controls>g:hover>rect{fill:#ffe5df}.crochet-resize-controls>g:focus-visible>line{stroke:#d85d4980}@media(max-width:760px){.crochet-repeat-controls>span{display:inline}}.crochet-layer:focus-visible{outline:2px solid #5d8a84;outline-offset:2px}.crochet-layer.is-content-drop{outline:2px solid #5d8a84;outline-offset:1px;background:#eaf5f2}.crochet-layer-contents .crochet-layer-content[data-layer-content]{cursor:grab;touch-action:none}.crochet-layer-contents .crochet-layer-content.is-dragging{opacity:.4}.crochet-layer-group-heading{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px}.crochet-layer-group-heading>.crochet-layer-content{width:100%}.crochet-group-disclosure[aria-expanded=true]>svg{transform:rotate(90deg)}.crochet-layer-group-children{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:5px 0 6px 11px;padding-left:14px;border-left:1px solid #d9cabb}.crochet-layer-group-children[hidden]{display:none}.crochet-layer-group-children>.crochet-layer-content{width:100%}.crochet-layer-name-line{display:flex;align-items:center;min-width:0;gap:2px}.crochet-layer-name .crochet-layer-title{flex:1;min-width:0}.crochet-layer-rename{flex:0 0 24px}.crochet-group-disclosure{min-width:0;padding:3px}.crochet-layer-group-heading>.crochet-layer-group{grid-column:2;grid-row:1}.crochet-group-disclosure{grid-column:1;grid-row:1}.crochet-layer-group-heading>.crochet-layer-content,.crochet-layer-group-children>.crochet-layer-content{box-sizing:border-box}.crochet-repeat-settings h3,.crochet-round-settings>summary{font-size:14px}.crochet-repeat-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.crochet-repeat-heading>h3{margin:0}.crochet-repeat-toggle{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;min-height:36px;border:1px solid #cfc5b9;border-radius:18px;background:#f4f0eb;color:#645b52;font-size:12px;font-weight:700}.crochet-repeat-toggle[aria-pressed=true]{border-color:#287b70;color:#fff;background:#287b70}.crochet-repeat-toggle kbd{font-size:10px;opacity:.7}.crochet-array-field{display:grid;gap:6px;margin-top:12px;color:#645b52;font-size:12px;font-weight:700}.crochet-array-field select{width:100%;min-width:0;min-height:38px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:13px}.crochet-repeat-settings p{margin:10px 0 0;color:#6b6055;font-size:12px;line-height:1.7}.crochet-properties-panel .crochet-repeat-controls{flex-wrap:wrap;gap:8px;padding:0}.crochet-properties-panel .crochet-repeat-controls>span{width:100%;font-size:12px}.crochet-properties-panel .crochet-repeat-controls>button{flex:1;min-height:40px;font-size:13px}.chart-editor.crochet-editor.has-bottom-panels{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}.crochet-editor.has-bottom-panels>.chart-tools,.crochet-editor.has-bottom-panels .crochet-stage{grid-column:1}.chart-editor.crochet-editor.has-bottom-panels .crochet-stage{min-height:0}.crochet-editor.has-bottom-panels .crochet-sidebar{grid-column:1;grid-row:3;width:100%;max-height:var(--crochet-bottom-panel-height, min(36dvh, 300px));padding:12px 12px 16px;border:0;border-top:1px solid var(--line);box-shadow:0 -4px 14px #302b280a;scroll-padding-top:12px}.crochet-editor.has-bottom-panels .crochet-materials-heading,.crochet-editor.has-bottom-panels .crochet-properties-heading{margin-bottom:12px}.crochet-editor.has-bottom-panels .crochet-symbol-catalog{max-height:none;overflow:visible;padding-right:0}.crochet-editor.has-bottom-panels .stitch-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.crochet-editor.has-bottom-panels .crochet-recent-symbols{grid-template-columns:repeat(5,minmax(0,1fr))}.crochet-editor.has-bottom-panels .crochet-sidebar :is(input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea){font-size:16px;min-height:44px}.crochet-editor.has-bottom-panels .crochet-panel-icon-button,.crochet-editor.has-bottom-panels .crochet-layers button{min-width:36px;min-height:36px}.crochet-editor.has-bottom-panels .crochet-panel-icon-button{width:44px;height:44px}.crochet-editor.has-bottom-panels .crochet-panel-back-button{min-height:44px;padding:8px 12px}.crochet-editor.has-bottom-panels .crochet-round-settings button{min-height:44px;font-size:12px}.crochet-editor.has-bottom-panels .crochet-round-list button:last-child{min-width:44px}.crochet-editor.has-bottom-panels .crochet-round-settings p{font-size:12px}.crochet-editor.has-bottom-panels .crochet-group-settings>label{grid-template-columns:minmax(0,1fr)}.crochet-editor.has-bottom-panels .crochet-status{gap:2px;font-size:10px}.crochet-editor.has-bottom-panels .crochet-status>span:last-child{display:none}.crochet-editor.has-bottom-panels .crochet-status.is-round-picking{padding:8px;font-size:12px;gap:8px}.crochet-editor.has-bottom-panels .crochet-status.is-round-picking>span:first-child{display:none}.crochet-editor.has-bottom-panels .crochet-status.is-round-picking>button{min-height:44px}@media(max-height:500px){.crochet-editor.has-bottom-panels .crochet-beta-badge{display:none}}.palette-context-menu.chart-selection-menu{width:min(290px,calc(100vw - 16px))}.chart-selection-menu>button{display:flex;align-items:center;gap:8px;min-height:40px}.chart-selection-menu>button>span{flex:1;text-align:left}.chart-selection-menu kbd{color:#82756a;font-size:10px;font-weight:400}.chart-selection-menu>small{display:block;padding:8px 4px 2px;color:#786e64;font-size:11px;line-height:1.6}input.counter-value-input{box-sizing:border-box;min-width:4.5ch;min-height:2.2em;max-width:100%;padding:.25em .4em;border:1px solid #c7b8ab;border-radius:6px;background:#fff;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;-moz-appearance:textfield}input.counter-value-input::-webkit-inner-spin-button,input.counter-value-input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}input.counter-value-input:hover{border-color:#c45b47}input.counter-value-input:focus{outline:2px solid #c45b47;outline-offset:2px;border-color:#c45b47}input.counter-value-input:disabled{background:#f1eeea;color:#857469}.pattern-chart-preview{max-width:100%;overflow-x:auto;margin:10px 0;padding-bottom:2px}.pattern-chart-preview figcaption{color:var(--muted);font-size:8px;margin-top:5px}.mobile-chart-title{margin:0 0 7px;font-size:11px;line-height:1.45}.mobile-chart-legend{display:grid;gap:6px;margin-top:10px;color:var(--muted);font-size:8px}.mobile-chart-legend>strong{color:var(--ink);font-size:9px}.mobile-chart-legend>div{display:flex;flex-wrap:wrap;gap:6px 10px}.mobile-chart-legend>div>span{display:inline-flex;align-items:center;gap:4px}.mobile-chart-legend b{display:inline-grid;width:18px;height:18px;flex:0 0 18px;place-items:center;border:1px solid var(--pattern-border, #ddd4ca);border-radius:3px;background:var(--pattern-surface, #fff)}.mobile-chart-legend b .stitch-glyph{display:block;width:15px;height:15px;color:currentColor}.chart-annotation-frame{display:grid;width:max-content;grid-template-areas:". top ." ". stitch-top ." "left chart right" ". stitch-bottom ." ". bottom .";grid-template-columns:auto max-content auto;grid-template-rows:auto 18px max(var(--mini-chart-grid-outer-height, 0px),var(--mini-chart-side-reserve-height, 0px)) 18px auto;align-items:stretch;gap:5px}.chart-grid-with-directions{display:grid;grid-template-columns:44px max-content 44px;height:var(--mini-chart-grid-outer-height, auto);grid-area:chart;align-self:start}.chart-grid-with-directions>.mini-chart{grid-column:2;grid-row:1}.chart-row-directions{position:relative;grid-row:1;margin-top:var(--mini-chart-grid-line-width, 1px);color:#756f69}.chart-row-directions-left{grid-column:1}.chart-row-directions-right{grid-column:3}.chart-row-directions>span{position:absolute;inset-inline:0;transform:translateY(-50%);text-align:center;white-space:nowrap;font:600 9px/12px system-ui,sans-serif;font-variant-numeric:tabular-nums}.chart-row-directions>span.is-current{color:#ac4534;background:#fce8e2;border-radius:3px}.chart-stitch-ruler{position:relative;height:18px;margin-inline:44px;color:#756f69;font:500 10px/18px system-ui,sans-serif;font-variant-numeric:tabular-nums}.chart-stitch-ruler-top{grid-area:stitch-top}.chart-stitch-ruler-bottom{grid-area:stitch-bottom}.chart-stitch-ruler>span{position:absolute;transform:translate(-50%);white-space:nowrap}.chart-annotation-lane{display:grid;color:#4f4843;font-size:8px;line-height:1.35;white-space:pre-line}.chart-annotation-lane-top,.chart-annotation-lane-bottom{min-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.chart-annotation-lane-top{grid-area:top;align-items:end}.chart-annotation-lane-bottom{grid-area:bottom;align-items:start}.chart-annotation-frame>.chart-annotation-lane-top,.chart-annotation-frame>.chart-annotation-lane-bottom{min-width:0;margin-inline:44px}.chart-annotation-lane-left,.chart-annotation-lane-right{width:76px;max-width:76px;height:var(--mini-chart-grid-height, 100%);min-height:0;margin-top:var(--mini-chart-grid-line-width, 1px);grid-template-rows:repeat(3,minmax(0,1fr));gap:5px}.chart-annotation-lane-left{grid-area:left;justify-items:end}.chart-annotation-lane-right{grid-area:right;justify-items:start}.chart-annotation-lane .chart-annotation-anchor{display:grid;min-width:0;align-content:start;gap:3px;overflow-wrap:anywhere}.chart-annotation-lane-top .chart-annotation-anchor,.chart-annotation-lane-bottom .chart-annotation-anchor{min-width:0}.chart-annotation-lane-left .chart-annotation-anchor,.chart-annotation-lane-right .chart-annotation-anchor{max-width:72px;align-content:center}.chart-annotation-lane [data-anchor=start]{text-align:left}.chart-annotation-lane [data-anchor=center]{text-align:center}.chart-annotation-lane [data-anchor=end]{text-align:right}.chart-annotation-lane-left [data-anchor=start],.chart-annotation-lane-right [data-anchor=start]{align-content:start}.chart-annotation-lane-left [data-anchor=end],.chart-annotation-lane-right [data-anchor=end]{align-content:end}.chart-annotation-lane-top.has-positioned-annotations,.chart-annotation-lane-bottom.has-positioned-annotations{min-height:38px}.chart-annotation-positioned-text{z-index:2;display:block;width:max-content;max-width:min(280px,100%);overflow-wrap:anywhere;white-space:pre-line}.chart-annotation-lane-top .chart-annotation-positioned-text{bottom:15px}.chart-annotation-lane-bottom .chart-annotation-positioned-text{top:15px}.chart-annotation-lane-left .chart-annotation-positioned-text{right:13px;width:63px;text-align:right}.chart-annotation-lane-right .chart-annotation-positioned-text{left:13px;width:63px;text-align:left}.chart-annotation-bracket{z-index:1;display:block;color:#342f2c}.chart-annotation-bracket-top{bottom:0;border-bottom:1.5px solid currentColor}.chart-annotation-bracket-bottom{top:0;border-top:1.5px solid currentColor}.chart-annotation-bracket-left{right:0;border-right:1.5px solid currentColor}.chart-annotation-bracket-right{left:0;border-left:1.5px solid currentColor}.chart-annotation-bracket-cap{position:absolute;display:block}.chart-annotation-bracket-cap[hidden]{display:none}.chart-annotation-bracket-top .chart-annotation-bracket-cap,.chart-annotation-bracket-bottom .chart-annotation-bracket-cap{width:0;height:7px;border-left:1.5px solid currentColor}.chart-annotation-bracket-top .chart-annotation-bracket-cap{top:100%}.chart-annotation-bracket-bottom .chart-annotation-bracket-cap{bottom:100%}.chart-annotation-bracket-top .chart-annotation-bracket-cap-start,.chart-annotation-bracket-bottom .chart-annotation-bracket-cap-start{left:0}.chart-annotation-bracket-top .chart-annotation-bracket-cap-end,.chart-annotation-bracket-bottom .chart-annotation-bracket-cap-end{right:0}.chart-annotation-bracket-left .chart-annotation-bracket-cap,.chart-annotation-bracket-right .chart-annotation-bracket-cap{width:7px;height:0;border-top:1.5px solid currentColor}.chart-annotation-bracket-left .chart-annotation-bracket-cap{left:100%}.chart-annotation-bracket-right .chart-annotation-bracket-cap{right:100%}.chart-annotation-bracket-left .chart-annotation-bracket-cap-start,.chart-annotation-bracket-right .chart-annotation-bracket-cap-start{bottom:0}.chart-annotation-bracket-left .chart-annotation-bracket-cap-end,.chart-annotation-bracket-right .chart-annotation-bracket-cap-end{top:0}.pattern-chart-preview .mini-chart{width:max-content;height:auto;border-radius:0;max-width:none;background:#fff;border:var(--mini-chart-grid-line-width, 1px) solid #ccc}.pattern-chart-preview .mini-chart>div{height:var(--mini-chart-cell-height, 8px);display:flex}.pattern-chart-preview .mini-chart span{position:relative;box-sizing:border-box;width:var(--mini-chart-cell-width, 12px);height:var(--mini-chart-cell-height, 8px);flex:0 0 var(--mini-chart-cell-width, 12px);display:grid;place-items:center;overflow:visible;border-right:var(--mini-chart-grid-line-width, 1px) solid #eee;border-bottom:var(--mini-chart-grid-line-width, 1px) solid #eee;font-size:calc(var(--mini-chart-cell-height, 8px) * .58);line-height:1}.pattern-chart-preview .mini-chart>div.is-complete{opacity:.48}.pattern-chart-preview[data-completion-highlight=true] .mini-chart>div.is-complete{opacity:1}.pattern-chart-preview .mini-chart span>.stitch-glyph{width:86%;height:86%;min-width:0;flex:none;border:0;color:currentColor;font-size:inherit}.pattern-chart-preview .mini-chart span>.stitch-glyph-compound{position:absolute;top:7%;left:0;z-index:1;height:86%}.chart-annotation-arrow{position:absolute;width:12px;height:12px;overflow:visible}.chart-annotation-arrow-top{bottom:0;transform:translate(-50%)}.chart-annotation-arrow-bottom{top:0;transform:translate(-50%) rotate(180deg)}.chart-annotation-arrow-left{right:0;transform:translateY(-50%) rotate(-90deg)}.chart-annotation-arrow-right{left:0;transform:translateY(-50%) rotate(90deg)}.chart-annotation-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.chart-annotation-positioned-text{background:var(--chart-note-background, var(--reader-document-bg, var(--pattern-background, #fff)))}.reader-ui{--ink: #2e2925;--muted: #7c756e;--paper: #f7f3ed;--surface: #fffdf9;--line: #ded7ce;--coral: #e5654f;--coral-dark: #c94d39;--sage: #4ca9a4;--cream: #f4ede3;--shadow: 0 12px 32px rgba(62,47,38,.08);--font-sans: "Noto Sans JP", system-ui, sans-serif;--font-serif: "Noto Sans JP", system-ui, sans-serif;font-family:var(--font-sans);color:var(--ink);line-height:1.7;font-size:16px}.reader-ui :where(button,select){cursor:pointer}.reader-ui :where(button,input,select,textarea){font-family:inherit}.reader-ui :where(label){display:initial;color:inherit;font-size:inherit;font-weight:inherit}.reader-ui :where(input,select,textarea){width:auto}.reader-ui :where(img){display:block;max-width:100%}.reader-ui .creator-name{margin:0 0 5px;color:var(--coral-dark);font-size:10px;font-weight:800;letter-spacing:.11em}.reader-ui .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reader-instruction{display:flex;align-items:flex-start;gap:12px;padding:12px;margin:10px 0;border:1px solid var(--line);border-radius:8px;cursor:pointer}.reader-instruction input[type=checkbox]{flex:0 0 22px;width:22px;height:22px;margin:3px 0 0;accent-color:var(--reader-document-accent, #d65b46);cursor:pointer}.reader-instruction>span{min-width:0;overflow-wrap:anywhere}.reader-instruction p{margin:0}.reader-instruction[data-completed=true]{opacity:.6}.reader-instruction[data-completed=true]>span{text-decoration:line-through}.reader-chart-link{display:grid;width:100%;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fdf8f5;color:var(--ink);text-align:left}.reader-chart-link:hover{border-color:var(--coral);background:#fff4ee}.reader-chart-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:10px;background:var(--coral);color:#fff}.reader-chart-link-body{display:grid;min-width:0;gap:3px}.reader-chart-link-body>span{color:var(--coral-dark);font-size:11px;font-weight:700}.reader-chart-link-body strong{font-size:15px;overflow-wrap:anywhere}.reader-chart-link-body small{color:var(--muted);font-size:11px}.reader-chart-link>svg{color:var(--coral-dark)}html:has(.reader-chart-dialog[open]){overflow:hidden}.reader-chart-dialog{width:min(1180px,calc(100% - 32px));height:calc(100dvh - 32px);max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 20px 80px #30292333}.reader-chart-dialog::backdrop{background:#30292380}.reader-chart-dialog.reader-chart-fullscreen{position:fixed;inset:0;width:100%;height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}.reader-chart-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;container-type:inline-size}.reader-chart-body{display:grid;min-width:0;min-height:0;container-type:inline-size}.reader-chart-body[data-instructions-open=true]{grid-template-columns:minmax(0,1fr) minmax(240px,32%)}.reader-chart-active-direction{color:var(--coral-dark);font-size:.8125rem;font-weight:600}.reader-chart-written-toggle{min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--coral-dark);font-size:.875rem;font-weight:700}.reader-chart-written-toggle[aria-expanded=true]{background:#fce8e2;border-color:#e8a797}.reader-chart-written-icon{display:none}.chart-written-panel{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px;border-left:1px solid var(--line);background:var(--surface)}.chart-written-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.chart-written-heading span{color:var(--coral-dark);font-size:10px;letter-spacing:.12em;font-weight:700}.chart-written-heading h3{margin:4px 0 0;font-size:1.125rem}.chart-written-heading button{border:0;background:transparent;color:var(--coral-dark);padding:6px 0;font-size:.8125rem;white-space:nowrap}.chart-written-direction{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 10px;color:var(--coral-dark);font-size:.8125rem;font-weight:700}.chart-written-text{padding:16px;border:1px solid #efd8ca;border-radius:10px;background:#fff7f0;color:var(--ink);font-size:1.125rem;line-height:1.85;overflow-wrap:anywhere}.chart-written-warnings{margin-top:16px;padding:12px;border-left:3px solid var(--coral);background:#fff0e9;color:#854734;font-size:.8125rem;line-height:1.7}.chart-written-warnings ul{margin:6px 0 0;padding-left:18px}.chart-written-help{margin-top:20px;color:var(--muted);font-size:.8125rem;line-height:1.8}.chart-written-help summary{cursor:pointer;font-weight:700;color:var(--ink)}.chart-written-disclaimer{margin:14px 0 0;color:var(--muted);font-size:.75rem;line-height:1.8}.reader-chart-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:16px 24px;border-bottom:1px solid var(--line)}.reader-chart-back{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:7px 13px;border:1px solid var(--line);border-radius:24px;background:#fff;color:var(--ink);font-size:.875rem;font-weight:700}.reader-chart-screen>.reader-chart-topbar h2{overflow:hidden;margin:0;font-size:1.25rem;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.reader-chart-topbar-actions{display:flex;align-items:center;gap:16px}.reader-chart-dimensions{color:var(--muted);font-size:.875rem;white-space:nowrap}.reader-chart-fullscreen-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:#fff8f2;color:var(--coral-dark);font-size:.875rem;font-weight:700;white-space:nowrap}.reader-chart-fullscreen-button:hover{border-color:var(--coral);background:#fff0e8}.reader-chart-viewport{--chart-note-background: #f3efe9;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;padding:24px;background:#f3efe9}.reader-chart-viewport:focus-visible{outline-offset:-3px}.reader-chart-caption{margin:0 0 20px;font-size:1rem;line-height:1.8}.reader-chart-viewport .pattern-chart-preview{width:100%;max-width:none;overflow:visible;margin:0;padding:0}.reader-chart-viewport .chart-annotation-frame{margin-inline:auto}.reader-chart-viewport .mini-chart>div[data-current-row=true]{position:relative}.reader-chart-viewport .mini-chart>div[data-current-row=true]:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;box-sizing:border-box;border:clamp(.5px,calc(var(--mini-chart-cell-height) * .15),2px) solid var(--coral-dark)}.reader-chart-viewport .mobile-chart-legend{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:.875rem}.reader-chart-viewport .mobile-chart-legend>strong{font-size:.875rem}.reader-chart-viewport .mobile-chart-legend summary{color:var(--ink);font-size:.875rem;font-weight:700;cursor:pointer}.reader-chart-viewport .mobile-chart-legend[open] summary{margin-bottom:12px}.reader-chart-viewport .mobile-chart-legend>div{gap:12px 20px}.reader-chart-viewport .mobile-chart-legend b{width:26px;height:26px;flex-basis:26px}.reader-chart-viewport .mobile-chart-legend b .stitch-glyph{width:22px;height:22px}.reader-chart-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 32px;padding:16px 24px;border-top:1px solid var(--line);background:var(--surface)}.reader-chart-progress{display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:0}.reader-chart-progress>div:first-child{display:grid;gap:2px}.reader-chart-progress span{color:#656057;font-size:.875rem}.reader-chart-progress .reader-chart-counter-title{color:var(--coral-dark);font-size:.75rem;font-weight:800}.reader-chart-progress strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.reader-chart-counter{display:flex;gap:8px;flex:none}.reader-chart-counter button,.reader-chart-zoom button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;color:var(--ink)}.reader-chart-counter button{min-width:52px;min-height:52px}.reader-chart-counter button:last-child{border-color:var(--coral-dark);background:var(--coral-dark);color:#fff}.reader-chart-counter button:disabled,.reader-chart-zoom button:disabled{border-color:var(--line);background:#f1eeea;color:#aaa19a;cursor:default}.reader-chart-zoom{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:.875rem}.reader-chart-zoom output{min-width:46px;text-align:center;font-variant-numeric:tabular-nums}.reader-chart-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 16px;grid-column:1 / -1;margin:0;color:var(--muted);font-size:.875rem;line-height:1.5}.reader-chart-secondary-tools{display:flex;flex-wrap:wrap;align-items:center;gap:5px 16px;grid-column:1 / -1}.reader-chart-secondary-tools .reader-chart-note{flex:1}.reader-chart-completion-key{display:inline-flex;align-items:center;gap:7px}.reader-chart-completion-key:before{content:"";width:16px;height:10px;border:1px solid var(--coral-dark);border-radius:2px;background:#f6c9bf}.reader-chart-save-error{color:#a23c2d}@media(max-width:720px){.reader-chart-dialog{width:100%;height:100dvh;border:0;border-radius:0}.reader-chart-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:max(10px,env(safe-area-inset-top)) 16px 10px}.reader-chart-dimensions{display:none}.reader-chart-fullscreen-button{padding-inline:9px;gap:5px}.reader-chart-screen>.reader-chart-topbar h2{font-size:1.125rem}.reader-chart-back{padding-inline:10px}.reader-chart-viewport{padding:16px}.reader-chart-tools{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.reader-chart-zoom{justify-content:center}}@media(max-height:500px)and (min-width:600px){.reader-chart-dialog{height:100dvh;width:100%;border-radius:0}.reader-chart-topbar{padding-block:6px}.reader-chart-tools{grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;padding-block:6px}.reader-chart-counter button{min-width:44px;min-height:44px}.reader-chart-note>span:not(.reader-chart-save-error){display:none}}@container (max-width: 480px){.reader-chart-screen>footer.reader-chart-tools{grid-template-columns:minmax(0,1fr) 44px;gap:6px 8px;padding:8px 12px max(8px,env(safe-area-inset-bottom))}.reader-chart-progress{grid-column:1 / -1;gap:8px}.reader-chart-progress>div:first-child{gap:0}.reader-chart-progress .reader-chart-counter-title{display:none}.reader-chart-progress strong{font-size:18px;line-height:1.5}.reader-chart-progress span,.reader-chart-active-direction{font-size:11px;line-height:1.5}.reader-chart-counter button{min-width:44px;min-height:44px}.reader-chart-zoom{grid-column:1;grid-row:2;justify-content:center;gap:4px;font-size:12px}.reader-chart-zoom output{min-width:38px}.reader-chart-zoom button{padding-inline:6px}.reader-chart-secondary-tools{display:contents}.reader-chart-written-toggle{grid-column:2;grid-row:2;min-height:44px;padding:6px}.reader-chart-written-label{display:none}.reader-chart-written-icon{display:inline}.reader-chart-tools .reader-chart-secondary-tools .reader-chart-note{grid-column:1 / -1;gap:3px 8px;font-size:10px}.reader-chart-save-error,.reader-chart-save-pending{font-size:12px}.reader-chart-save-idle{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@container (max-width: 760px){.reader-chart-body[data-instructions-open=true]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,min(45%,230px))}.reader-chart-body[data-instructions-open=true]>.reader-chart-viewport{grid-column:1 / -1;grid-row:1}.reader-chart-body[data-instructions-open=true]>.chart-written-panel{grid-column:1 / -1;grid-row:2;padding:10px 16px;border-left:0;border-top:1px solid var(--line)}.chart-written-heading{margin-bottom:8px}.chart-written-heading span{display:none}.chart-written-heading h3{margin:0;font-size:.875rem}.chart-written-direction{display:none}.chart-written-text{padding:10px 12px;font-size:1rem}}.gauge-panel{scroll-margin-top:96px}.gauge-intro{font-size:14px;line-height:1.9;color:var(--muted);margin:-7px 0 22px}.gauge-selection{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px}.gauge-selection label{display:grid;gap:7px;flex:1 1 220px;font-size:12px;font-weight:600}.gauge-panel select{max-width:100%;border:1px solid var(--line);border-radius:7px;background:#fffdf9;padding:10px 12px;color:var(--ink);font:inherit}.gauge-selection>span{color:var(--muted);font-size:11px;padding-bottom:10px}.gauge-pair{display:grid;grid-template-columns:1fr 24px 1.25fr;align-items:stretch;gap:8px}.gauge-reference,.gauge-personal{min-width:0;border-radius:11px;padding:20px}.gauge-reference{background:#f4f0e9;border:1px solid #e7dfd4}.gauge-personal{background:#fff5ef;border:1px solid #ecc7b9}.gauge-card-label{color:var(--coral-dark);font:600 10px/1.6 DM Sans,sans-serif;letter-spacing:.12em}.gauge-card-label>span{display:block;font:600 13px/1.8 var(--font-sans);color:var(--ink);letter-spacing:0;margin-top:2px}.gauge-between{display:grid;place-items:center;color:#a8998a}.gauge-reference-counts{display:flex;flex-wrap:wrap;gap:16px;margin-top:19px}.gauge-reference-counts strong{font:500 29px/1.2 DM Sans,sans-serif;display:block}.gauge-reference-counts strong small{font:500 12px var(--font-sans);margin-left:4px}.gauge-reference-counts div>span{font-size:11px;color:var(--muted)}.reader-gauge-count-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.reader-gauge-count-inputs label{min-width:0;font-size:11px;font-weight:500;color:var(--muted)}.reader-gauge-count-inputs label>span{display:flex;align-items:center;gap:5px;margin-top:4px}.reader-gauge-count-inputs input{min-width:0;width:100%;min-height:45px;padding:7px 8px;border:1px solid #dac7ba;border-radius:7px;background:#fffdf9;font:500 20px DM Sans,sans-serif;color:var(--ink)}.reader-gauge-count-inputs input::placeholder{font:400 12px var(--font-sans);color:#908477}.reader-gauge-count-inputs input:invalid{border-color:#b64b37}.gauge-panel :is(input,select):focus-visible{outline:3px solid #e5654f45;outline-offset:2px}.gauge-basis-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:11px}.gauge-basis-label select{padding:6px;flex:1}.gauge-save-hint{font-size:11px;color:var(--muted);line-height:1.8;margin:12px 0 26px}.gauge-result-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:24px 0 12px}.gauge-result-heading h3{margin:0;font-size:15px}.gauge-result-heading h3>span{display:inline-block;margin-left:10px;border-radius:5px;background:#f1e9df;padding:3px 7px;font-size:11px;font-weight:500}.gauge-result-heading>span{font-size:10px;color:var(--muted)}.gauge-results table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.gauge-results thead th{font-size:10px;font-weight:500;color:var(--muted);padding:9px 7px;background:#f5f1eb}.gauge-results thead th:nth-child(1){width:25%}.gauge-results thead th:nth-child(2){width:20%}.gauge-results thead th:nth-child(3){width:33%}.gauge-results tbody :is(th,td){padding:17px 7px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;font-size:13px}.gauge-results tbody th{font-weight:600}.gauge-results tbody th small,.gauge-no-estimate small{display:block;color:var(--muted);font-size:10px;font-weight:400;line-height:1.7;margin-top:5px}.gauge-original small,.gauge-estimate-value small{margin-left:3px;font-size:11px;font-weight:400}.gauge-results .gauge-estimate-value{font-size:18px;font-weight:600}.gauge-difference{color:#34786d}.gauge-difference strong{font-weight:600}.gauge-difference small{display:block;font-size:11px;margin-top:5px}.gauge-no-estimate{font-size:11px}.gauge-empty{padding:18px;border:1px dashed #d8cbbf;border-radius:8px;font-size:13px;line-height:1.9;color:var(--muted)}.gauge-warning{font-size:12px;line-height:1.9;padding:12px 15px;border-left:3px solid var(--coral);background:#fff0e8;color:#8b4c36}.gauge-adjustments{margin-top:28px}.gauge-adjustments-intro{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 16px}.gauge-adjustment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}.gauge-adjustment-card{min-width:0;padding:20px;border:1px solid #e8cebf;border-radius:12px;background:#fff8f2;overflow-wrap:anywhere}.gauge-adjustment-label{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px}.gauge-adjustment-label h4{margin:0;font-size:15px}.gauge-adjustment-label>span{font-size:12px;color:var(--muted)}.gauge-adjustment-amount{margin:16px 0;color:var(--coral-dark);font-size:16px;font-weight:600}.gauge-adjustment-amount>strong{font:600 32px/1.2 DM Sans,sans-serif;margin:0 4px;font-variant-numeric:tabular-nums}.gauge-adjustment-counts{display:grid;grid-template-columns:1fr 18px 1fr;gap:8px;align-items:center;padding-top:14px;border-top:1px solid #ead9cd}.gauge-adjustment-counts>div{min-width:0}.gauge-adjustment-counts span{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-bottom:4px}.gauge-adjustment-counts strong{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.gauge-adjustment-counts>svg{color:#a58c7b}.gauge-adjustment-length{margin:12px 0 0;font-size:12px;color:#34786d;line-height:1.8}.gauge-adjustment-caution{padding:16px 18px;margin-top:14px;border:1px solid var(--line);border-radius:10px;background:#f6f2ec;font-size:12px;line-height:1.9}.gauge-adjustment-caution>strong{font-weight:600}.gauge-adjustment-caution p{margin:6px 0 0;color:var(--muted)}.gauge-adjustment-unavailable{font-size:13px;color:var(--muted);line-height:1.8}.gauge-explanation{margin-top:18px;font-size:12px;color:var(--muted);line-height:1.9}.gauge-explanation summary{cursor:pointer;color:var(--ink);font-weight:500}@media(max-width:600px){.gauge-adjustment-list{grid-template-columns:1fr}.gauge-adjustment-card{padding:16px}.gauge-pair{grid-template-columns:1fr;gap:10px}.gauge-between{display:none}.gauge-reference{display:flex;align-items:center;justify-content:space-between;gap:12px}.gauge-reference-counts{margin-top:0;gap:16px}.gauge-reference-counts strong{font-size:24px}.gauge-reference,.gauge-personal{padding:16px}.gauge-results table,.gauge-results tbody{display:block}.gauge-results thead{display:none}.gauge-results tr{display:grid;grid-template-columns:1fr 1.4fr 1fr;padding:14px 0;border-bottom:1px solid var(--line)}.gauge-results tbody tr>th{grid-column:1 / -1;padding:0 0 12px}.gauge-results tbody :is(th,td){border:0;padding:4px 5px 0 0}.gauge-results tbody td:before{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.gauge-results tbody td:nth-child(2):before{content:"パターン"}.gauge-results tbody td:nth-child(3):before{content:"自分のゲージなら"}.gauge-results tbody td:nth-child(4):before{content:"差"}}.notebook-page{width:min(1180px,calc(100% - 64px));margin:32px auto 72px}.note-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:600}.note-back:hover{color:var(--coral-dark)}.note-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:30px 0}.note-page-heading h1{font-size:clamp(28px,3vw,36px);letter-spacing:-.04em;margin:4px 0 8px}.note-page-heading p:not(.overline){color:var(--muted);font-size:15px;margin:0}.note-private{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:12px;padding-bottom:5px;white-space:nowrap}.note-layout{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:32px}.note-sidebar{position:sticky;top:88px}.note-pattern-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.note-cover{position:relative;aspect-ratio:1.3;background:#eee4d8}.note-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.note-cover-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#aa6d54;background:repeating-linear-gradient(90deg,transparent,transparent 23px,#d5c7b733 23px,#d5c7b733 24px),#f0e5d8}.note-cover-placeholder>span{font:500 12px DM Sans,sans-serif;letter-spacing:.08em}.note-category{position:absolute;top:14px;left:14px;font-size:11px;border-radius:5px;padding:3px 9px;background:#fffdf9ed}.note-pattern-info{padding:23px}.note-pattern-info h2{margin:7px 0 10px;font-size:21px;line-height:1.5;overflow-wrap:anywhere}.note-edition{font-size:12px;color:var(--muted);margin:0 0 22px}.note-read-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:13px;font-weight:700}.note-read-link:hover{border-color:var(--coral);color:var(--coral-dark)}.note-milestone{display:flex;align-items:flex-start;gap:12px;padding:24px 8px}.note-milestone-icon{color:var(--coral-dark);padding-top:2px}.note-milestone.is-completed .note-milestone-icon{color:#327c77}.note-milestone strong{font-size:13px}.note-milestone p{font-size:12px;line-height:1.9;color:var(--muted);margin:7px 0 0}.note-form,.note-fields{min-width:0}.note-fields{border:0;margin:0;padding:0;display:grid;gap:20px}.note-panel{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 3px 10px #3e2f2603}.note-section-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:24px}.note-section-number{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid #ecc9be;border-radius:50%;color:var(--coral-dark);font:600 11px DM Sans,sans-serif;margin-top:2px}.note-section-title h2{font-size:18px;line-height:1.5;margin:0 0 5px}.note-section-title p{font-size:12px;color:var(--muted);margin:0}.note-section-icon{color:#a49c92;margin:3px 0 0 auto;flex-shrink:0}.note-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.note-phase{display:flex;gap:8px;align-items:center;position:relative;cursor:pointer;padding:14px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;transition:border-color .15s,background .15s}.note-phase input,.note-checklist input{position:absolute;opacity:0;width:1px;height:1px}.note-phase:has(:focus-visible),.note-checklist label:has(:focus-visible){outline:3px solid #e5654f70;outline-offset:3px}.note-phase.selected{background:#fff1eb;border-color:var(--coral)}.note-phase.selected.is-completed{background:#eaf4ef;border-color:#4a8c7b}.note-phase-mark{display:grid;place-items:center;border-radius:50%;width:23px;height:23px;flex-shrink:0;font:500 10px DM Sans,sans-serif;color:var(--muted);background:var(--paper)}.selected .note-phase-mark{background:var(--coral-dark);color:#fff}.selected.is-completed .note-phase-mark{background:#387c69}.note-phase strong{display:block;font-size:13px}.note-phase small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.note-size-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:var(--paper);padding:14px 16px;border-radius:8px;margin-bottom:22px}.note-size-row label{font-size:13px;font-weight:600}.note-size-row select{min-width:90px;max-width:100%;border:1px solid var(--line);border-radius:6px;padding:7px 26px 7px 12px;background:#fff;font-size:14px;color:var(--ink)}.note-size-row>span{font-size:11px;color:var(--muted);margin-left:auto}.note-prep-summary{display:flex;justify-content:space-between;align-items:center;font-size:12px}.note-prep-summary strong{font:600 20px DM Sans,sans-serif;color:#377e77}.note-prep-summary small{font-size:13px;color:var(--muted);font-weight:500}.note-progress{height:5px;background:#ebe6df;border-radius:6px;overflow:hidden;margin:9px 0 10px}.note-progress>span{display:block;height:100%;background:var(--sage);transition:width .2s}.note-checklist>label{position:relative;display:flex;align-items:center;gap:13px;min-height:76px;padding:14px 6px;border-bottom:1px solid #e9e3db;cursor:pointer}.note-checklist>label:last-child{border-bottom:0}.note-check-box{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;border:1px solid #c8bfb4;border-radius:6px;background:#fff;color:transparent}.is-checked .note-check-box{background:#408e83;border-color:#408e83;color:#fff}.is-checked .note-item-copy strong{color:#3f796b}.note-item-copy{display:grid;min-width:0}.note-item-copy small{font-size:10px;color:var(--muted)}.note-item-copy strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.note-sections{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);scroll-margin-top:0}.note-sections-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px}.note-sections-heading h3{margin:0;font-size:14px}.note-sections-heading>span{color:var(--muted);font-size:12px;white-space:nowrap}.note-sections-heading strong{color:var(--coral-dark);font-size:18px;font-variant-numeric:tabular-nums}.note-sections>p{color:var(--muted);font-size:12px;margin:6px 0 12px}.note-sections .note-progress>span{background:var(--coral)}.note-section-checks{display:grid;gap:7px;margin-top:16px}.note-section-checks>label,.note-section-checks>label:last-child{min-height:54px;padding:11px 12px;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fffefa}.note-section-checks>label:hover{border-color:#edb4a6}.note-section-checks>label.is-checked{background:#fff0e8;border-color:#edc8ba}.note-section-checks .is-checked .note-check-box{background:var(--coral-dark);border-color:var(--coral-dark)}.note-section-checks .is-checked .note-item-copy strong{color:var(--coral-dark)}.note-section-order{flex:none;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.note-sections>.note-sections-hint{margin:12px 0 0;font-size:11px}.note-item-amount{margin-left:auto;flex-shrink:0;max-width:45%;text-align:right;font-size:13px;font-weight:600;overflow-wrap:anywhere}.note-empty-prep{display:flex;gap:12px;align-items:center;padding:12px 0;color:var(--muted);font-size:13px}.note-supplies-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.note-supplies-grid.has-yarn-cards{grid-template-columns:minmax(0,1fr)}.note-legacy-yarn-matches{margin-bottom:18px;color:var(--muted);font-size:12px}.note-legacy-yarn-matches>summary{cursor:pointer}.note-legacy-yarn-matches .note-yarn-matches{margin-top:12px}.note-input-label{display:block;font-size:13px;font-weight:600}.note-input-label textarea{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:13px 14px;margin-top:9px;background:#fffefa;color:var(--ink);resize:vertical;font:400 15px/1.9 var(--font-sans)}.note-input-label textarea::placeholder{color:#958b81;font-size:13px}.note-input-label textarea:focus-visible{outline:3px solid #e5654f40;outline-offset:2px;border-color:var(--coral)}.note-input-label>small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:6px}.note-memo{margin-top:25px}.note-memo textarea{background:repeating-linear-gradient(transparent,transparent 31px,#eee6dc 31px,#eee6dc 32px) left 13px / 100% 32px,#fffefa;line-height:32px}.note-memo-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;font-weight:400;margin-top:8px}.note-memo-footer>span:last-child{white-space:nowrap}.note-save-area{position:sticky;bottom:12px;z-index:5;margin-top:20px;border:1px solid var(--line);border-radius:12px;background:#fffdf9fa;box-shadow:0 5px 22px #3e2f2612;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.note-save-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}.note-save-bar>div{display:flex;align-items:center;gap:10px}.note-save-bar strong{display:block;font-size:12px;font-weight:600}.note-save-bar small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.note-save-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#408e83}.note-save-dot.unsaved{background:var(--coral)}.note-save-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--coral-dark);border-radius:8px;color:#fff;background:var(--coral-dark);min-height:45px;padding:10px 18px;white-space:nowrap;font-size:13px;font-weight:700}.note-save-button:hover:not(:disabled){background:#b24231}.note-save-button:disabled{background:#efe9e1;color:#8b8177;border-color:#e0d7cb;cursor:default}.note-fields:disabled{opacity:.75}.note-banner{font-size:13px;padding:15px 18px;border-radius:8px;background:#fff0df;color:#80512a;margin:0 0 18px}.note-error{background:#fff0ec;border-radius:12px 12px 0 0;padding:12px 20px;font-size:13px;color:#a13c2a}.note-error p{margin:0}.note-error button{margin-top:10px;border:1px solid #db9f91;border-radius:6px;background:#fff;padding:6px 10px;color:inherit;font-size:12px}.note-save-notice{font-size:12px;color:#377467;margin:0;padding:12px 20px 0}.note-state{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:48px 24px;text-align:center;color:var(--muted)}.note-state h1{font-size:23px;color:var(--ink);margin:0}.note-state p{margin:0}.note-state a,.note-state button{border:1px solid var(--line);background:#fff;color:var(--coral-dark);border-radius:8px;padding:10px 20px}@media(max-width:1020px){.note-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}.note-panel{padding:22px}.note-phase{padding:12px 8px}.note-phase small{display:none}}@media(max-width:760px){.notebook-page{width:calc(100% - 32px);margin-top:22px}.note-page-heading{margin:22px 0;align-items:flex-start}.note-page-heading>.note-private{font-size:10px;margin-top:4px}.note-page-heading p:not(.overline){font-size:12px}.note-layout{grid-template-columns:minmax(0,1fr);gap:20px}.note-sidebar{position:static}.note-pattern-card{display:grid;grid-template-columns:108px minmax(0,1fr)}.note-cover{aspect-ratio:auto;height:100%}.note-cover-placeholder svg{width:48px}.note-cover-placeholder>span,.note-category{display:none}.note-pattern-info{padding:15px 18px}.note-pattern-info h2{font-size:17px;margin:4px 0}.note-edition{margin-bottom:10px}.note-read-link{min-height:36px;font-size:12px}.note-milestone{display:none}.note-section-title{gap:10px;margin-bottom:18px}.note-section-title h2{font-size:16px}.note-section-title p{font-size:11px}.note-panel{padding:20px 17px}.note-phases{gap:6px}.note-phase{flex-direction:column;gap:5px;padding:10px 4px}.note-phase strong{font-size:12px}.note-size-row{padding:12px;gap:10px}.note-size-row>span{margin:0;flex-basis:100%}.note-supplies-grid{grid-template-columns:minmax(0,1fr);gap:20px}.note-input-label textarea{font-size:16px}.note-save-area{bottom:max(8px,env(safe-area-inset-bottom))}.note-save-bar{padding:12px;gap:8px}.note-save-bar strong{font-size:10px}.note-save-bar small{font-size:9px}.note-save-bar>div{gap:6px}.note-save-button{font-size:12px;padding-inline:12px;gap:6px}.note-memo-footer>span:first-child{max-width:65%}}.note-yarn-matches{display:grid;gap:12px;margin:0 0 22px;padding:16px;border:1px solid #e5d8c8;border-radius:12px;background:#fffaf4}.note-yarn-matches h3{margin:0;font-size:14px}.note-yarn-matches p{margin:0;color:#7c7067;font-size:11px;line-height:1.6}.note-yarn-matches label{display:grid;gap:5px;font-size:12px;font-weight:700}.note-yarn-matches label small{color:#857971;font-size:11px;font-weight:400}.note-yarn-matches select{width:100%;min-height:40px;border:1px solid #d8c9b8;border-radius:8px;padding:8px;background:#fff;font:inherit;font-size:12px}.note-yarn-link{color:#b95c46;font-size:12px;font-weight:700}.reader-document{min-width:0;background:var(--surface);box-shadow:0 15px 55px #40312517;padding:62px clamp(28px,7vw,75px) 55px;font-synthesis:style}.reader-document>header{padding-bottom:42px;border-bottom:1px solid var(--line)}.reader-document>header h1{margin:7px 0 15px;font-family:var(--font-serif),serif;font-size:45px;line-height:1.2}.reader-document>header>p:not(.creator-name){color:var(--muted);font-size:1rem}.reader-preflight{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:35px 0;border-bottom:1px solid var(--line)}.reader-preflight h2{margin:0 0 10px;font-family:var(--font-serif),serif;font-size:20px}.reader-preflight ul{display:grid;gap:12px;margin:0;padding:0;list-style:none;font-size:1rem}.reader-preflight li{display:flex;align-items:flex-start;gap:8px}.reader-preflight li>svg{flex:none;margin-top:.4em;color:var(--sage)}.reader-preflight-content{min-width:0}.reader-preflight-title{display:flex;flex-wrap:wrap;gap:4px 8px;color:#282421;line-height:1.6}.reader-preflight-title strong{color:#282421;font-weight:700}.reader-preflight-title span{color:var(--muted)}.reader-document .reader-preflight .reader-preflight-description{margin-top:3px;color:var(--muted);font-size:.9rem;line-height:1.6}.reader-preflight-description p{margin:0 0 4px}.reader-material-facts{display:block;margin-top:2px;color:var(--muted);font-size:.78rem;line-height:1.55}.reader-section{scroll-margin-top:150px;padding:50px 0 16px}.reader-section+.reader-section{border-top:1px solid var(--line)}.reader-section .section-number{margin:0;color:var(--coral);font-size:9px;font-weight:800;letter-spacing:.14em}.reader-section h2{margin:4px 0 27px;font-family:var(--font-serif),serif;font-size:31px}.reader-rich-text,.reader-step{color:#4e4843;font-size:1.125rem;line-height:1.9;overflow-wrap:anywhere}.reader-rich-text a,.reader-step a{color:var(--reader-document-accent, var(--coral-dark));font-weight:600;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.16em}.reader-step{position:relative;margin:13px 0;border-left:2px solid #cfc3b7;padding:8px 0 8px 20px}.reader-step:before{content:"";width:8px;height:8px;position:absolute;left:-5px;top:18px;border-radius:50%;background:var(--coral)}.reader-section figure{margin:28px 0}.reader-section figure img{width:100%}.reader-section figcaption{margin-top:7px;color:var(--muted);font-size:.875rem}.reader-image-loading{min-height:180px;display:grid;place-items:center;background:#eee8df;color:var(--muted);font-size:10px}.reader-table-wrap{max-width:100%;overflow:auto;margin:25px 0}.reader-table-wrap table{width:100%;border-collapse:collapse}.reader-table-wrap td{border:1px solid var(--line);padding:8px;font-size:1rem}.reader-gauge-link{display:flex;align-items:center;gap:14px;margin:24px 0 0;padding:18px;border:1px solid #e8cbbf;border-radius:10px;background:#fff3ec;color:var(--coral-dark)}.reader-gauge-link>svg{flex-shrink:0}.reader-gauge-link>svg:last-child{margin-left:auto}.reader-gauge-link strong{display:block;color:var(--ink);font-size:14px;line-height:1.7}.reader-gauge-link small{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.8}.reader-gauge-link:hover{border-color:var(--coral);background:#ffede1}.reader-document{background:var(--reader-document-bg, var(--surface));color:var(--reader-document-ink, var(--ink))}.reader-document .reader-rich-text,.reader-document .reader-step{color:var(--reader-document-ink, #4e4843)}.reader-document .reader-section .section-number,.reader-document .creator-name{color:var(--reader-document-accent, var(--coral))}.reader-facts{padding:28px 0;border-bottom:1px solid var(--line)}.reader-facts h2{font-size:20px;margin:0 0 16px}.reader-measurements{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin:0}.reader-measurements dt{color:var(--reader-document-muted, var(--muted));font-size:13px}.reader-measurements dd{margin:4px 0 0;font-size:19px;font-weight:600}.reader-gauge-detail h3{font-size:16px;margin:0 0 6px}.reader-gauge-detail+.reader-gauge-detail{margin-top:24px}.reader-gauge-detail details{margin-top:12px;max-width:100%;overflow:auto}.reader-gauge-detail summary{cursor:pointer;color:var(--reader-document-accent, var(--coral-dark));font-size:14px}.reader-abbreviations{margin:0}.reader-abbreviations>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px}.reader-abbreviations dt{font-weight:700}.reader-abbreviations dd{margin:0}.reader-table-wrap th{padding:8px;text-align:left;border:1px solid var(--line);background:#f2ece4}.reader-creator{display:flex;align-items:center;gap:10px;margin-bottom:16px}.reader-creator img{width:32px;height:32px;border-radius:50%;object-fit:cover}.reader-creator .creator-name{margin:0}html:has(.pattern-workspace:not(.is-preview)),body:has(.pattern-workspace:not(.is-preview)){overflow:clip}html:has(.pattern-workspace:not(.is-preview)){scrollbar-gutter:auto}body:has(.pattern-workspace:not(.is-preview))>.site-footer{display:none}.pattern-workspace{position:fixed;inset:57px 0 0;min-height:0;display:flex;flex-direction:column;background:#f2ece4}.workspace-header{display:flex;align-items:center;flex:none;gap:20px;min-height:70px;padding:12px 24px;border-bottom:1px solid var(--line);background:var(--surface)}.workspace-back{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap}.workspace-title{min-width:0;flex:1;display:flex;align-items:baseline;gap:10px}.workspace-title h1{font-size:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-title>span{font-size:11px;color:var(--muted);white-space:nowrap}.workspace-language{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.workspace-language select{max-width:145px;min-height:38px;padding:5px 9px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff}.workspace-size{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.workspace-size select{max-width:120px;min-height:38px;padding:5px 9px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff}.workspace-download{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--coral-dark);font-size:12px;white-space:nowrap}.workspace-download:disabled{cursor:wait;opacity:.6}.workspace-note-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:#fff8f2;color:var(--coral-dark);font-size:12px;min-height:40px;white-space:nowrap}.workspace-unsaved-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--coral)}.workspace-mobile-tabs{display:none}.workspace-panes{display:grid;grid-template-columns:minmax(360px,var(--workspace-pattern-width, 60fr)) 16px minmax(360px,var(--workspace-note-width, 40fr));min-height:0;flex:1;padding:16px}.workspace-pane-resizer{position:relative;z-index:7;display:grid;min-height:0;place-items:center;cursor:col-resize;touch-action:none;color:var(--muted);border-radius:8px}.workspace-pane-resizer:before{content:"";position:absolute;inset:12px 7px;background:var(--line);border-radius:2px}.workspace-pane-resizer svg{position:relative;width:16px;height:40px;padding-block:6px;background:var(--surface);border-radius:6px;box-shadow:0 1px 5px #3b2e241c}.workspace-pane-resizer:hover,.workspace-pane-resizer:focus-visible,.workspace-panes.is-resizing .workspace-pane-resizer{color:#267966;background:#d9eee9;outline:none}.workspace-pane-resizer:hover:before,.workspace-pane-resizer:focus-visible:before,.workspace-panes.is-resizing .workspace-pane-resizer:before{background:#56a99a}.workspace-panes.is-resizing,.workspace-panes.is-resizing *{cursor:col-resize;-webkit-user-select:none;user-select:none}.workspace-pattern-pane,.workspace-note-pane{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.workspace-pattern-pane{container:pattern / inline-size}.workspace-note-pane{background:#f9f5ef;contain:paint;overflow:clip;transform:translateZ(0)}.workspace-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 18px;border-bottom:1px solid var(--line);background:var(--surface);z-index:6;flex:none}.workspace-pane-heading h2{display:flex;align-items:center;gap:8px;font-size:14px;margin:0}.workspace-pane-heading h2>svg{color:var(--coral-dark);flex:none}.workspace-pane-heading h2>svg:last-child:not(:first-child){color:var(--muted)}.workspace-pane-heading nav{display:flex;gap:5px}.workspace-note-pane .workspace-pane-heading nav{transform:translateZ(0)}.workspace-pane-heading nav button{border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);padding:6px 10px;font-size:12px;white-space:nowrap}.workspace-toc{position:relative}.workspace-toc summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;padding:6px 10px;font-size:12px;color:var(--muted);border-radius:6px}.workspace-toc summary::-webkit-details-marker{display:none}.workspace-toc summary:hover{background:var(--paper)}.workspace-toc>nav{position:absolute;right:0;top:calc(100% + 6px);display:grid;min-width:240px;max-width:300px;max-height:50dvh;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.workspace-toc a{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:baseline;gap:10px;padding:10px;font-size:13px;overflow-wrap:anywhere;border-radius:6px}.workspace-toc a:hover{background:var(--paper)}.workspace-toc a>span:first-child{color:var(--coral-dark);font-size:11px}.workspace-pattern-body{flex:1;min-height:0;min-width:0}.workspace-pattern-scroll,.workspace-note-scroll{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:18px 100px}.workspace-pattern-scroll[hidden]{display:none}.workspace-pattern-scroll:focus-visible,.workspace-note-scroll:focus-visible{outline:2px solid var(--coral);outline-offset:-3px}.workspace-pattern-scroll .reader-document{padding:32px clamp(24px,3vw,54px) 70px;box-shadow:none}.workspace-pattern-scroll .reader-document>header{padding-bottom:24px}.workspace-pattern-scroll .reader-document>header h2{font-size:28px;line-height:1.5;margin:8px 0 12px;overflow-wrap:anywhere}.workspace-pattern-scroll .reader-section{scroll-margin-top:0;padding-top:32px}.workspace-pattern-scroll .reader-section h2{font-size:24px}.workspace-pattern-scroll .reader-gauge-link{width:100%;text-align:left}.workspace-pattern-scroll .reader-preflight{gap:20px}.workspace-pattern-scroll .reader-preflight li{align-items:baseline;overflow-wrap:anywhere}.workspace-pattern-scroll .reader-preflight svg{flex:none}.workspace-note-scroll{flex:1;padding:18px}.workspace-note-pane .note-panel{padding:20px 16px;border-radius:10px}.workspace-note-pane .note-section-title{margin-bottom:18px;gap:10px}.workspace-note-pane .note-section-title h2{font-size:16px}.workspace-note-pane .note-fields{gap:14px}.workspace-note-pane .note-phases{gap:6px}.workspace-note-pane .note-phase{flex-direction:column;padding:10px 5px;gap:5px}.workspace-note-pane .note-phase small{display:none}.workspace-note-pane .note-phase strong{font-size:12px}.workspace-note-pane .note-supplies-grid{grid-template-columns:minmax(0,1fr);gap:16px}.workspace-note-pane .note-size-row{padding:12px;gap:8px}.workspace-note-pane .note-size-row>span{margin:0;flex-basis:100%}.workspace-note-pane .note-save-area{bottom:0;margin-top:14px}.workspace-note-pane .note-save-bar{padding:12px;gap:6px}.workspace-note-pane .note-save-button{font-size:12px;padding-inline:10px;gap:6px}.workspace-note-pane .note-save-bar strong{font-size:11px}.workspace-note-pane .note-save-bar small{font-size:9px}.workspace-note-pane .note-memo{scroll-margin-top:0}.workspace-note-pane .gauge-pair{grid-template-columns:1fr;gap:10px}.workspace-note-pane .gauge-between{display:none}.workspace-note-pane .gauge-reference{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.workspace-note-pane .gauge-reference-counts{margin-top:0}.workspace-note-pane .gauge-reference,.workspace-note-pane .gauge-personal{padding:16px}.workspace-note-pane .gauge-results table,.workspace-note-pane .gauge-results tbody{display:block}.workspace-note-pane .gauge-results thead{display:none}.workspace-note-pane .gauge-results tr{display:grid;grid-template-columns:1fr 1.4fr 1fr;padding:14px 0;border-bottom:1px solid var(--line)}.workspace-note-pane .gauge-results tbody tr>th{grid-column:1 / -1;padding:0 0 12px}.workspace-note-pane .gauge-results tbody :is(th,td){border:0;padding:4px 5px 0 0}.workspace-note-pane .gauge-results tbody td:before{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.workspace-note-pane .gauge-results tbody td:nth-child(2):before{content:"パターン"}.workspace-note-pane .gauge-results tbody td:nth-child(3):before{content:"自分のゲージなら"}.workspace-note-pane .gauge-results tbody td:nth-child(4):before{content:"差"}.workspace-note-pane .gauge-adjustment-list{grid-template-columns:1fr}.workspace-note-pane .gauge-panel{scroll-margin-top:0}.is-note-hidden .workspace-panes{grid-template-columns:minmax(0,1fr)}.is-note-hidden .workspace-note-pane,.is-note-hidden .workspace-pane-resizer{display:none}.reader-chart-panel{height:100%;min-height:0}.workspace-print-document{display:none}@container pattern (max-width: 780px){.reader-chart-panel .reader-chart-tools{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 16px}.reader-chart-panel .reader-chart-zoom{justify-content:center}.reader-chart-panel .reader-chart-topbar{padding:12px 16px;gap:12px}.reader-chart-panel .reader-chart-dimensions{display:none}.reader-chart-panel .reader-chart-progress strong{font-size:18px}.reader-chart-panel .reader-chart-note{font-size:11px}.reader-chart-panel .reader-chart-counter button{min-width:44px;min-height:44px}.workspace-pattern-scroll .reader-preflight{grid-template-columns:1fr}}@container reader-workspace (max-width: 999px){.workspace-header{padding:10px 16px;gap:12px;min-height:60px}.workspace-title h1{font-size:15px}.workspace-title>span,.workspace-back>span,.workspace-size>span,.workspace-language>span,.workspace-download>span,.workspace-note-toggle{display:none}.workspace-mobile-tabs{display:flex;flex:none;gap:6px;padding:7px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.workspace-mobile-tabs button{display:flex;flex:1;gap:7px;justify-content:center;align-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);padding:9px;font-size:13px}.workspace-mobile-tabs button[aria-pressed=true]{border-color:#edc8ba;background:#fff0e8;color:var(--coral-dark);font-weight:600}.workspace-mobile-tabs .workspace-toc{flex:none;align-self:center;z-index:8}.workspace-mobile-tabs .workspace-toc summary{min-height:44px;padding-inline:8px}.workspace-pattern-pane>.workspace-pane-heading{display:none}.workspace-panes,.is-note-hidden .workspace-panes{grid-template-columns:minmax(0,1fr);padding:10px}.workspace-pane-resizer,[data-mobile-panel=pattern] .workspace-note-pane,[data-mobile-panel=notebook] .workspace-pattern-pane{display:none}[data-mobile-panel=notebook] .workspace-note-pane{display:flex}.workspace-note-scroll{padding:12px}.workspace-pattern-scroll .reader-document{padding:24px 20px 56px}}@container reader-workspace (max-width: 700px){.pattern-workspace{top:63px}.workspace-header{padding-inline:12px;gap:10px}.workspace-back{min-width:32px;min-height:44px;justify-content:center}.workspace-title h1{font-size:14px}.workspace-size>svg{display:none}.workspace-size select,.workspace-language select,.workspace-download{min-height:44px}.workspace-mobile-tabs{padding:4px 8px;gap:4px}.workspace-mobile-tabs button{min-height:44px;padding:6px}.workspace-panes,.is-note-hidden .workspace-panes{padding:0}.workspace-pattern-pane,.workspace-note-pane{border:0;border-radius:0}.workspace-pattern-scroll{scrollbar-gutter:auto}}@container reader-workspace (max-width: 400px){.workspace-note-pane .workspace-pane-heading{padding-inline:12px;gap:8px}.workspace-note-pane .workspace-pane-heading h2{gap:6px;font-size:13px;white-space:nowrap}.workspace-note-pane .workspace-pane-heading nav button{padding-inline:8px;font-size:11px}}.reader-workspace-host{container:reader-workspace / inline-size}@media print{@page{size:A4 portrait;margin:13mm}html:has(.pattern-workspace:not(.is-preview)),body:has(.pattern-workspace:not(.is-preview)){overflow:visible!important;background:#fff!important}body:has(.pattern-workspace:not(.is-preview)) *{visibility:hidden!important}body:has(.pattern-workspace:not(.is-preview)) .pattern-workspace,body:has(.pattern-workspace:not(.is-preview)) .workspace-print-document,body:has(.pattern-workspace:not(.is-preview)) .workspace-print-document *{visibility:visible!important}.pattern-workspace:not(.is-preview){position:static!important;inset:auto!important;display:block!important;background:#fff!important}.pattern-workspace:not(.is-preview)>:not(.workspace-print-document){display:none!important}.workspace-print-document{display:block!important;width:auto!important;min-height:0!important;margin:0!important;padding:0!important;color:var(--reader-document-ink, var(--ink));background:var(--reader-document-bg, white);box-shadow:none!important}.workspace-print-document>header{break-after:avoid;padding-bottom:8mm}.workspace-print-document>header h1{margin:2mm 0;font-size:25pt}.workspace-print-cover{display:block;width:100%;max-height:95mm;margin-top:6mm;object-fit:contain;object-position:left center}.workspace-print-document .reader-gauge-link{display:none!important}.workspace-print-document .reader-section{padding-top:9mm;break-before:auto}.workspace-print-document .reader-section h2{font-size:18pt}.workspace-print-document :is(.reader-preflight,.reader-facts,.reader-step,figure,table){break-inside:avoid}.workspace-print-document details>*{display:block!important}.workspace-print-document .reader-print-chart{max-width:100%;overflow:hidden}.workspace-print-document .reader-print-chart .pattern-chart-preview{max-width:100%;transform-origin:left top}.workspace-print-document .mobile-chart-legend summary{display:none!important}}.purchased-pdf-dialog{width:min(1100px,calc(100vw - 32px));height:calc(100dvh - 48px);max-height:none;padding:24px;border:1px solid #dfd7cd;border-radius:18px;background:#fffdf9;color:#342f2a}.purchased-pdf-dialog::backdrop{background:#26201c80}.purchased-pdf-dialog>header,.purchased-pdf-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.purchased-pdf-dialog h2{margin:0;font-size:22px}.purchased-pdf-dialog p{margin:8px 0;font-size:14px}.purchased-pdf-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #dfd7cd;border-radius:10px;font:inherit;font-size:14px;background:#fff;cursor:pointer}.purchased-pdf-actions{margin:12px 0 20px}.purchased-pdf-actions button{flex:0 0 auto;background:#e7614d;border-color:#e7614d;color:#fff;font-weight:700}.purchased-pdf-dialog button:disabled{opacity:.5;cursor:wait}.purchased-pdf-dialog iframe{width:100%;height:calc(100% - 140px);min-height:320px;border:1px solid #dfd7cd;border-radius:10px;background:#d9d4cd}@media(max-width:640px){.purchased-pdf-dialog{padding:16px}.purchased-pdf-actions{align-items:start;flex-direction:column}.purchased-pdf-dialog iframe{height:calc(100% - 220px)}}.reader-ui .reader-creator{display:flex;align-items:center;gap:10px;margin-bottom:16px}.reader-ui .reader-creator img{width:32px;height:32px;border-radius:50%;object-fit:cover}.reader-ui .reader-creator .creator-name{margin:0}.reader-cover-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,230px);grid-template-areas:"creator cover" "title cover" "summary cover";align-items:start;gap:0 28px}.reader-cover-heading>.reader-creator{grid-area:creator}.reader-cover-heading>h2{grid-area:title}.reader-cover-heading>p{grid-area:summary}.reader-cover{grid-area:cover;align-self:center;width:100%;min-width:0;display:grid;place-items:center;overflow:hidden;border:1px solid var(--pattern-border, var(--line));border-radius:10px;background:#eee8e1}.reader-cover img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}@container pattern (max-width: 520px){.reader-cover-heading{grid-template-columns:minmax(0,1fr);grid-template-areas:"creator" "title" "summary" "cover";gap:0}.reader-cover{align-self:auto;margin-top:20px}}@container reader-workspace (max-width: 480px){.workspace-header{gap:8px;padding:8px 10px}.workspace-header:has(.workspace-language){display:grid;grid-template-columns:32px minmax(0,1fr) auto auto}.workspace-header:has(.workspace-language) .workspace-title{grid-column:2 / -1}.workspace-language{grid-column:1 / 3}.workspace-language select{width:100%;max-width:100%;padding-inline:8px}.workspace-header:has(.workspace-language) .workspace-size{grid-column:3}.workspace-header:has(.workspace-language) .workspace-download{grid-column:4}.is-preview .workspace-header:has(.workspace-language) .workspace-title{grid-column:1 / -1}}.workspace-pattern-body{position:relative}.workspace-craft-tools{display:contents}@container reader-workspace (max-width: 480px){.workspace-pattern-pane .crafting-controls{padding:8px}.workspace-pattern-pane .crafting-controls.dock-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}.workspace-pattern-pane .crafting-controls-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,44px);gap:6px}.workspace-pattern-pane .crafting-session{display:contents}.workspace-pattern-pane .crafting-session strong{width:auto;min-width:0;gap:4px;padding:0;font-size:11px}.workspace-pattern-pane .crafting-session button,.workspace-pattern-pane .crafting-options summary{width:44px;min-height:44px;padding:0}.workspace-pattern-pane .crafting-session button>span{display:none}.workspace-pattern-pane .crafting-options{grid-column:4;grid-row:1}.workspace-pattern-pane .crafting-stowed-counters{grid-column:1 / -1;grid-row:2}}.crafting-controls{position:relative;z-index:5;flex:none;padding:8px 14px;border-bottom:1px solid #ddd7cd;background:#fffdf9}.crafting-controls.dock-bottom{order:2;border-top:1px solid #ddd7cd;border-bottom:0}.crafting-controls-row,.crafting-session,.crafting-counters,.crafting-count{display:flex;align-items:center;gap:8px}.crafting-controls-row{min-width:0;flex-wrap:wrap}.crafting-session{flex-wrap:wrap;gap:6px;padding:5px;border:1px solid #dfd2c2;border-radius:10px;background:#fffaf4}.crafting-session strong{display:inline-flex;align-items:center;gap:6px;padding:0 7px;color:#6c4d3a;font-size:12px;white-space:nowrap}.crafting-controls button,.crafting-options summary{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;border:1px solid #e1d4c8;border-radius:7px;background:#fff;color:#674536;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.crafting-controls button:hover:not(:disabled),.crafting-options summary:hover{background:#fff0e7}.crafting-controls button:disabled{opacity:.5;cursor:not-allowed}.crafting-stowed-counters{display:flex;align-items:center;gap:6px;flex:1 1 140px;min-width:0;overflow-x:auto;scrollbar-width:thin}.crafting-controls .crafting-stowed-counter{flex:none;background:#fffaf4}.crafting-stowed-counter>span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crafting-stowed-counter>strong{min-width:22px;padding:1px 5px;border-radius:4px;background:#eee1d5;color:#674536;text-align:center;font-size:12px}.crafting-options{flex:none}.crafting-options{position:relative}.crafting-options summary{width:34px;padding:0;list-style:none}.crafting-options summary::-webkit-details-marker{display:none}.crafting-options:not([open]) label{display:none}.crafting-options label{position:absolute;top:calc(100% + 6px);right:0;z-index:8;display:grid;gap:6px;width:128px;padding:10px;border:1px solid #dfd2c2;border-radius:8px;background:#fffdf9;color:#6c4d3a;box-shadow:0 8px 20px #3b2e2426;font-size:11px;font-weight:700}.crafting-controls.dock-bottom .crafting-options label{top:auto;bottom:calc(100% + 6px)}.crafting-controls input,.crafting-controls select{max-width:180px;padding:6px;border:1px solid #d5ccc0;border-radius:6px;background:#fff}.crafting-counters{align-items:flex-start;flex-wrap:wrap;max-height:min(30dvh,220px);overflow:auto}.crafting-counters:not(:empty){margin-top:8px}.crafting-counters article{min-width:190px;padding:10px;border:1px solid #ded8d0;border-radius:10px;background:#fff}.crafting-count{justify-content:space-between;margin:8px 0}.crafting-count strong{font-size:26px}.crafting-count small{display:block;font-size:11px;font-weight:400}.crafting-controls details:not(.crafting-options){margin-top:8px;font-size:12px}.crafting-controls details:not(.crafting-options) label{display:block;margin:8px 0}.crafting-message{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.crafting-message.has-message{position:static;width:auto;height:auto;margin:8px 0 0;overflow:visible;clip-path:none;color:#70402e;font-size:12px;white-space:normal}@media(max-width:480px),(max-height:500px)and (max-width:1000px){.crafting-controls{padding:8px}.crafting-controls-row,.crafting-session,.crafting-counters{gap:6px}.crafting-controls-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,44px)}.crafting-controls.dock-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}.crafting-session{display:contents}.crafting-session strong{width:auto;min-width:0;gap:4px;padding:0;font-size:11px}.crafting-session button{width:44px;padding:0}.crafting-session button>span{display:none}.crafting-options{grid-column:4;grid-row:1}.crafting-stowed-counters{grid-column:1 / -1;grid-row:2}.crafting-controls button,.crafting-options summary{min-height:44px}.crafting-options summary{width:44px}.crafting-controls input,.crafting-controls select{max-width:100%}.crafting-counters{max-height:min(22dvh,180px)}.crafting-counters article{width:100%;min-width:0}}.crafting-floating-counters{position:absolute;z-index:7;inset:8px;pointer-events:none}.crafting-floating-counter{box-sizing:border-box;position:absolute;display:flex;flex-direction:column;max-width:calc(100% - 16px);max-height:calc(100% - 16px);min-height:min(128px,calc(100% - 16px));border:1px solid #d7bda7;border-radius:20px;background:#fffcf8;box-shadow:0 12px 30px #39251938;pointer-events:auto;container-type:inline-size}.crafting-floating-counter-content{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 16px 25px;scrollbar-width:thin}.crafting-floating-counter button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:38px;padding:6px 9px;border:1px solid #e1d4c8;border-radius:10px;background:#fff;color:#674536;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.crafting-floating-counter button:hover{background:#fff0e7}.crafting-floating-counter button:disabled{opacity:.5;cursor:not-allowed}.crafting-floating-counter-heading{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px}.crafting-floating-counter-heading input{min-width:0;width:100%;border:0;background:transparent;color:#4d382f;font:inherit;font-size:14px;font-weight:800}.crafting-floating-counter .crafting-counter-drag{flex:none;width:32px;min-height:32px;padding:4px;touch-action:none;cursor:grab}.crafting-counter-window-actions{display:flex;align-items:center;gap:4px}.crafting-counter-window-actions button{width:32px;min-height:32px;padding:4px}.crafting-floating-counter:focus-visible{outline:3px solid #c94d3959;outline-offset:3px}.crafting-floating-counter .crafting-counter-drag:active{cursor:grabbing}.crafting-floating-counter-count{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 6px}.crafting-floating-counter-count strong{color:#2d2825;font-size:32px;line-height:1}.crafting-floating-counter-count button{width:46px;height:46px}.crafting-floating-counter-count button:last-child{border-color:#c45b47;background:#c45b47;color:#fff}.crafting-floating-counter-count button:last-child:hover{background:#af4a38}.crafting-floating-counter-content>small{display:block;color:#857469;font-size:11px;text-align:center}.crafting-floating-counter details{margin-top:14px;font-size:11px}.crafting-floating-counter details summary{color:#8d5d46;cursor:pointer}.crafting-floating-counter details label{display:grid;gap:4px;margin-top:8px}.crafting-floating-counter details input{width:100%;min-width:0;padding:5px;border:1px solid #dacbc0;border-radius:6px;background:#fff;font-size:11px}.crafting-floating-counter .crafting-counter-resize{position:absolute;z-index:2;bottom:0;width:28px;height:28px;min-height:0;padding:0;border:0;background:transparent;opacity:0;touch-action:none}.crafting-floating-counter .crafting-counter-resize.left{left:0;border-radius:0 0 0 20px;cursor:nesw-resize}.crafting-floating-counter .crafting-counter-resize.right{right:0;border-radius:0 0 20px;cursor:nwse-resize}.crafting-floating-counter .crafting-counter-resize:after{position:absolute;bottom:7px;width:9px;height:9px;border-bottom:2px solid #a66d54;content:""}.crafting-floating-counter .crafting-counter-resize.left:after{left:7px;border-left:2px solid #a66d54}.crafting-floating-counter .crafting-counter-resize.right:after{right:7px;border-right:2px solid #a66d54}.crafting-floating-counter:hover .crafting-counter-resize,.crafting-floating-counter .crafting-counter-resize:focus-visible,.crafting-floating-counter .crafting-counter-resize:active{opacity:1}.crafting-floating-counter .crafting-counter-resize:hover,.crafting-floating-counter .crafting-counter-resize:focus-visible{background:#fff0e7}@media(hover:none){.crafting-floating-counter .crafting-counter-resize{opacity:1}}@media(max-width:600px){.crafting-floating-counter-content{padding:10px 10px 22px}.crafting-floating-counter-count{margin-top:8px}}@container (max-width: 220px){.crafting-floating-counter-heading{grid-template-columns:32px minmax(0,1fr)}.crafting-counter-window-actions{grid-column:1 / -1;justify-self:end}}.crafting-counter-number{display:flex;flex:1;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 6px;min-width:0}.crafting-counter-completed{display:inline-flex;align-items:baseline;gap:4px}.crafting-counter-completed>span{font-size:10px;color:#857469;white-space:nowrap}.crafting-counter-current{display:inline-flex;align-items:baseline;gap:5px;color:#6c4d3a;font-size:11px;font-weight:600;white-space:nowrap}.crafting-counter-current>span{color:#b4a399;font-weight:400}.crafting-floating-counter-count>button{flex-shrink:0}.crafting-counter-progress{display:grid;gap:3px;text-align:center;color:#857469;font-size:11px}.crafting-counter-progress small{font-size:11px;line-height:1.5}.crafting-counter-progress small:first-child{color:#6c4d3a;font-weight:600}.crafting-counter-repeat-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.crafting-counter-repeat-hint{margin:6px 0 0;color:#857469;font-size:10px;line-height:1.5}.crafting-floating-counter-count button:disabled{background:#c45b47;opacity:.4}@container (max-width: 220px){.crafting-counter-repeat-fields{grid-template-columns:minmax(0,1fr);gap:0}}.preview-stage.web{min-height:0}.preview-stage[hidden]{display:none}.wizard-content:has(.preview-step){max-width:none;padding:24px}.preview-step{padding:22px}.editor-reader-preview{position:relative;display:flex;flex-direction:column;min-width:0;height:850px;border:1px solid var(--line);border-radius:14px;background:#eee8df;overflow:clip}.editor-reader-preview.is-expanded{position:fixed;inset:16px;z-index:150;height:auto;box-shadow:0 0 0 100vmax #30292390,0 20px 80px #30292333}.editor-preview-toolbar{flex:none;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.editor-preview-devices{display:flex;gap:4px;padding:3px;border-radius:8px;background:#f3eee7}.editor-preview-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:6px 12px;border:1px solid transparent;border-radius:6px;color:var(--muted);background:transparent;font-size:12px;cursor:pointer}.editor-preview-devices button[aria-pressed=true]{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:0 2px 4px #30292308}.editor-preview-toolbar .editor-preview-expand{border-color:var(--line);color:var(--accent-dark)}.editor-preview-notice{display:flex;align-items:center;gap:8px;flex:none;padding:10px 16px;margin:0;color:#70675f;background:#fcf8f2;font-size:11px;line-height:1.7}.editor-preview-notice svg{flex:none;color:#51857e}.editor-preview-canvas{flex:1;min-height:0;min-width:0;display:flex;justify-content:center;padding:14px}.editor-preview-device{width:100%;height:100%;min-height:0;border:1px solid var(--line);border-radius:10px;overflow:clip;box-shadow:0 6px 20px #3029230a}.editor-preview-canvas[data-device=mobile] .editor-preview-device{width:min(390px,100%)}.pattern-workspace.is-preview{position:relative;inset:auto;height:100%}.is-preview .workspace-header{gap:12px;padding-inline:16px}.is-preview .workspace-title{display:grid;gap:0}.is-preview .workspace-panes{padding:12px}._card_l3rx1_1{margin-block:16px;padding:24px;border:1px solid #e4d9d1;border-radius:16px;background:#fffdfb;display:grid;gap:16px}._card_l3rx1_1 h2{font-size:20px;margin:0}._card_l3rx1_1 p{margin:0;font-size:14px;line-height:1.8;color:#534d48}._card_l3rx1_1 label{display:grid;gap:8px;font-size:14px}._card_l3rx1_1 input:not([type=checkbox]){border:1px solid #c7bcb3;border-radius:8px;padding:12px;max-width:360px;background:#fff;color:#262321}._card_l3rx1_1 button{padding:12px 18px;border:1px solid #c7bcb3;border-radius:8px;background:#fff;color:#302c29;cursor:pointer;justify-self:start;font-weight:600}._card_l3rx1_1 button:disabled{opacity:.5;cursor:default}._card_l3rx1_1 ._consent_l3rx1_8{display:flex;gap:10px;align-items:center}._card_l3rx1_1 ._danger_l3rx1_9{background:#a52922;color:#fff;border-color:#a52922}._card_l3rx1_1 ._consent_l3rx1_8 input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:0;padding:0}._card_l3rx1_1 ._consent_l3rx1_8{justify-content:flex-start;line-height:1.6}.admin-growth{padding:20px;border-bottom:1px solid var(--line)}.admin-growth-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-growth-heading h3{margin:0;font-size:17px}.admin-growth-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.admin-growth-heading label{min-width:155px}.admin-growth-heading select{min-height:44px;font-size:16px}.admin-growth-summary{display:flex;gap:40px;padding-block:22px}.admin-growth-summary>div{display:grid;gap:7px}.admin-growth-summary span{color:var(--muted);font-size:12px}.admin-growth-summary strong{font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums}.admin-growth-summary small{margin-left:6px;color:var(--muted);font-size:12px;font-weight:500}.admin-growth-metrics{display:flex;gap:5px}.admin-growth-metrics button{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:var(--surface);font-size:12px;font-weight:600;cursor:pointer}.admin-growth-metrics button[aria-pressed=true]{border-color:var(--mint);background:#eaf5f3;color:#256d65}.admin-growth-plot{display:block;width:100%;max-width:960px;margin:14px auto 0;overflow:visible;touch-action:pan-y}.admin-growth-plot text{fill:var(--muted);font-size:12px}.admin-growth-grid{stroke:#e9e4dc;stroke-width:1}.admin-growth-area{fill:#4ca9a419}.admin-growth-line{fill:none;stroke:#32867e;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}.admin-growth-bar{fill:#5aa9a0}.admin-growth-cursor{stroke:#8faaa5;stroke-dasharray:4 4}.admin-growth-dot{fill:#32867e;stroke:#fff;stroke-width:2}.admin-growth-detail{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-height:32px;color:var(--muted);font-size:12px}.admin-growth-detail strong{margin-left:5px;color:var(--ink);font-variant-numeric:tabular-nums}.admin-growth-date{height:32px;margin:0;padding:0;border:0;accent-color:#32867e;cursor:ew-resize}.admin-growth-note{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.admin-growth-loading,.admin-growth-error{min-height:150px;display:grid;align-content:center;justify-items:center;gap:10px;color:var(--muted)}.admin-growth-error p{margin:0}@media(max-width:760px){.admin-growth{padding:16px 12px}.admin-growth-heading{align-items:flex-start;gap:10px}.admin-growth-heading h3{font-size:16px}.admin-growth-heading label{min-width:130px;max-width:48%}.admin-growth-heading select{padding-inline:8px}.admin-growth-summary{gap:24px}.admin-growth-summary strong{font-size:24px}}.admin-analytics{margin-bottom:24px;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.admin-analytics h2{margin:0;font-size:19px}.admin-analytics h3{margin:0 0 14px;font-size:15px}.admin-analytics-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 14px}.admin-analytics-kpis>div{min-width:0;padding:16px;border:1px solid #e3e9e4;border-radius:10px;background:#f8fbf9}.admin-analytics-kpis dt{font-size:12px;color:var(--muted)}.admin-analytics-kpis dd{margin:10px 0 6px;font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.admin-analytics-kpis dd span{font-size:14px;font-weight:500;color:var(--muted)}.admin-analytics-kpis small,.admin-analytics-trend>small{color:var(--muted);font-size:11px;line-height:1.6}.admin-analytics-definition,.admin-analytics-history{margin:7px 0;font-size:12px;line-height:1.7;color:var(--muted)}.admin-analytics-history{padding:9px 12px;border-radius:7px;background:#f7f3ed}.admin-analytics-apps{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:18px 0;font-size:13px}.admin-analytics-apps strong{margin-left:8px;font-size:18px}.admin-analytics-apps small{flex-basis:100%;color:var(--muted);font-size:11px}.admin-analytics-trend{padding:18px 0;border-top:1px solid var(--line)}.admin-analytics-unmeasured{fill:#f0ede8}.admin-analytics-production{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;padding-top:20px;border-top:1px solid var(--line)}.admin-analytics-production ul{list-style:none;display:grid;gap:16px;margin:0;padding:0}.admin-analytics-production li{display:grid;grid-template-columns:125px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:12px}.admin-analytics-production li strong{text-align:right}.admin-analytics-bar{height:12px;border-radius:6px;background:#f1eee9;overflow:hidden}.admin-analytics-bar i{display:block;height:100%;background:#d68f74;border-radius:inherit}.admin-analytics-publishing{display:grid;align-content:center;gap:10px;padding:18px;border-radius:10px;background:#fcf4ee}.admin-analytics-publishing>span{font-size:12px}.admin-analytics-publishing>strong{font-size:30px}.admin-analytics-publishing p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}@media(max-width:760px){.admin-analytics{padding:16px 12px}.admin-analytics .admin-growth-heading{flex-wrap:wrap}.admin-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-analytics-kpis>div{padding:12px 9px}.admin-analytics-kpis dd{font-size:25px}.admin-analytics-production{grid-template-columns:minmax(0,1fr)}.admin-analytics-production li{grid-template-columns:108px minmax(0,1fr) 32px;gap:7px}}.guide-page{max-width:1220px;margin:0 auto;padding:56px 36px 72px}.guide-page h1:focus{outline:none}.guide-index-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:38px;border-bottom:1px solid var(--line)}.guide-index-header .eyebrow,.guide-article-header .eyebrow{color:var(--accent-dark);letter-spacing:.16em;font-size:11px}.guide-index-header h1{font-size:38px;letter-spacing:.06em;margin:12px 0 18px}.guide-index-header p:last-child{color:var(--muted);font-size:14px;line-height:1.9;margin:0}.guide-index-mark{width:210px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#887363;border:1px solid #e1d5c7;border-radius:90px 90px 18px 18px;background:#efe5d8}.guide-index-mark span{font-size:11px;letter-spacing:.12em}.guide-search-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:30px 0 24px}.guide-search-row>p{font-size:14px;font-weight:700;margin:0}.guide-search-row>p>span{color:var(--muted);font:500 12px DM Sans,sans-serif;margin-left:10px}.guide-search{width:360px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 14px}.guide-search input{border:0;box-shadow:none;background:transparent;padding:12px 0;font-size:12px}.guide-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.guide-language-note{color:var(--muted);font-size:13px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);transition:box-shadow .18s,transform .18s}.guide-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.guide-card-cover{position:relative;background:#eee6db;padding:16px 16px 0;height:178px;overflow:hidden;border-bottom:1px solid var(--line)}.guide-card-cover img{display:block;width:100%;height:auto;border:1px solid #ded7ce;border-radius:5px 5px 0 0;box-shadow:0 5px 20px #66534413}.guide-card-cover>span{position:absolute;bottom:12px;left:14px;display:grid;place-items:center;width:31px;height:31px;background:var(--surface);border:1px solid var(--line);border-radius:50%;color:var(--accent-dark);font:600 12px DM Sans,sans-serif}.guide-card-body{padding:22px;display:flex;flex:1;flex-direction:column}.guide-card-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;margin-bottom:14px}.guide-card-meta span:last-child{display:inline-flex;align-items:center;gap:4px}.guide-card h2{margin-bottom:12px;font-size:18px;line-height:1.5}.guide-card-description{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:23px}.guide-read{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:var(--accent-dark);font-size:12px;font-weight:600}.guide-index-footer{display:flex;align-items:center;gap:12px;margin-top:32px;color:var(--muted);font-size:12px}.guide-index-footer p{margin:0}.guide-empty{padding:64px;text-align:center;border:1px dashed var(--line);border-radius:12px}.guide-empty h2{font-size:20px}.guide-empty p{color:var(--muted);font-size:14px}.guide-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:36px}.guide-back:hover,.guide-toc a:hover{color:var(--accent-dark)}.guide-detail-layout{display:grid;grid-template-columns:minmax(0,820px) 230px;gap:56px;align-items:start}.guide-article-header{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:26px}.guide-article h1{font-size:32px;line-height:1.5;margin-bottom:14px}.guide-article-header>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}.guide-article-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.guide-article-meta span{padding-left:12px;margin-left:7px;border-left:1px solid var(--line)}.guide-goal{display:flex;align-items:flex-start;gap:12px;padding:22px;border:1px solid #cfddd4;background:#edf3ed;border-radius:10px}.guide-goal>svg{flex-shrink:0;color:#557866}.guide-goal strong{font-size:13px}.guide-goal p{font-size:13px;line-height:1.9;margin:8px 0 0}.guide-preparation{margin:26px 0 16px}.guide-preparation h2{font-size:15px;margin-bottom:10px}.guide-preparation p,.guide-section>p{font-size:14px;line-height:2}.guide-sample-note{color:var(--muted);font-size:11px}.guide-section{margin-top:42px;scroll-margin-top:85px}.guide-section h2{font-size:21px;line-height:1.7;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:22px}.guide-section ol{padding-left:25px;font-size:14px;line-height:2}.guide-section li{padding-left:7px;margin-bottom:13px}.guide-section li::marker{color:var(--accent-dark);font-weight:700}.guide-figure{margin:24px 0}.guide-image-button{position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#efe8de;cursor:zoom-in}.guide-image-button img{display:block;width:100%;height:auto}.guide-image-button>span{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fffdf9ed;border-radius:5px;padding:6px 9px;font-size:10px}.guide-figure figcaption{margin-top:10px;color:var(--muted);font-size:11px;line-height:1.9}.guide-note{border-left:3px solid #c9ae85;padding:16px 20px;background:#efe8dc;border-radius:0 8px 8px 0;margin-top:22px}.guide-note strong{font-size:12px}.guide-note p{margin:7px 0 0;font-size:13px;line-height:1.9}.guide-toc{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto;border-left:1px solid var(--line);padding-left:23px}.guide-toc nav{display:flex;flex-direction:column;gap:16px}.guide-toc nav>p{font-size:12px;font-weight:700;margin-bottom:4px}.guide-toc a{font-size:12px;line-height:1.8;color:var(--muted)}.guide-toc-all{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center}.guide-table-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:8px}.guide-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.9;text-align:left;background:var(--surface)}.guide-table-wrap caption{text-align:left;padding:12px 16px;font-weight:700;background:var(--surface-warm)}.guide-table-wrap th,.guide-table-wrap td{padding:12px 16px;vertical-align:top;border-bottom:1px solid var(--line)}.guide-table-wrap thead th{background:#f6f0e8}.guide-table-wrap tbody th{width:27%;min-width:140px;font-weight:600}.guide-table-wrap tr:last-child>*{border-bottom:0}.guide-related{margin-top:50px;padding-top:25px;border-top:1px solid var(--line)}.guide-related h2{font-size:18px}.guide-related a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;font-size:14px}.guide-related a:hover{color:var(--accent-dark)}.guide-lightbox{width:min(1500px,96vw);max-width:96vw;max-height:95vh;border:0;border-radius:12px;background:var(--surface);padding:44px 16px 12px;box-shadow:0 20px 100px #0006}.guide-lightbox::backdrop{background:#211b16b8}.guide-lightbox>img{display:block;max-width:100%;max-height:calc(95vh - 100px);width:auto;height:auto;margin:auto;object-fit:contain}.guide-lightbox>p{font-size:12px;text-align:center;margin:12px 0 0;color:var(--muted)}.guide-lightbox-close{position:absolute;top:6px;right:8px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:6px;background:transparent;cursor:pointer}.guide-lightbox-close:hover{background:var(--surface-warm)}@media(max-width:1150px){.guide-page{padding-inline:28px}.guide-detail-layout{gap:30px;grid-template-columns:minmax(0,1fr) 210px}.guide-card-body{padding:18px}}@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}.gauget-guide{--start-ink: #2e2925;--start-muted: #71675e;--start-line: #ded7ce;--start-surface: #fffdf9;--start-soft: #f4ede3;--start-accent: #c94d39;max-width:1100px;padding:24px 28px 48px;margin:auto;color:var(--start-ink);font-size:14px;line-height:1.7}.gauget-guide *,.guide-page *,.guide-articles-index *{box-sizing:border-box}.gauget-guide h1,.gauget-guide h2,.gauget-guide h3{font-family:inherit;font-weight:600}.gauget-guide-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.gauget-guide-heading h1:focus{outline:none}.gauget-guide-heading h1{margin:0;font-size:28px;line-height:1.5}.gauget-guide-replay{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:13px;color:var(--start-muted)}.gauget-guide-tabs{display:flex;gap:24px;border-bottom:1px solid var(--start-line);margin-bottom:20px}.gauget-guide-tabs>button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--start-muted);font:inherit;cursor:pointer}.gauget-guide-tabs>button[aria-selected=true]{border-bottom-color:var(--start-accent);color:var(--start-accent);font-weight:600}.gauget-guide button:focus-visible,.gauget-guide a:focus-visible{outline:3px solid var(--start-accent);outline-offset:3px}.gauget-guide-section-heading{margin-bottom:16px}.gauget-guide-section-heading h2{margin:0 0 5px;font-size:21px;line-height:1.5}.gauget-guide-section-heading p{margin:0;color:var(--start-muted);font-size:13px}.gauget-guide-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px}.gauget-guide-roles>button{display:flex;align-items:flex-start;gap:12px;padding:20px;text-align:left;border:1px solid var(--start-line);border-radius:14px;color:var(--start-ink);background:var(--start-surface);font:inherit;cursor:pointer}.gauget-guide-roles>button>svg{flex:none;margin-top:4px;color:var(--start-accent)}.gauget-guide-roles>button>div{flex:1}.gauget-guide-roles strong{color:var(--start-accent);font-size:13px}.gauget-guide-roles h3{font-size:18px;margin:6px 0}.gauget-guide-roles p{color:var(--start-muted);margin:0;font-size:13px}.gauget-guide .getting-started-explainer{margin-top:0;grid-template-columns:minmax(0,1.15fr) 24px minmax(0,1fr);max-width:720px}.gauget-guide .getting-started-paper{max-width:300px}.gauget-guide .getting-started-chart-detail{max-width:240px}.gauget-guide-workflows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gauget-guide-workflows.has-three{grid-template-columns:repeat(3,minmax(0,1fr))}.gauget-guide-workflow{--flow-action: #c94d39;--flow-soft: #fcf0ec;display:flex;flex-direction:column;padding:20px;border:1px solid var(--start-line);border-radius:16px;background:var(--start-surface)}.gauget-guide-workflow.tone-1{--flow-action: #ac6250;--flow-soft: #f4ede3}.gauget-guide-workflow.tone-2{--flow-action: #916952;--flow-soft: #f2eae2}.gauget-guide-workflow-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.gauget-guide-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;color:var(--flow-action);background:var(--flow-soft)}.gauget-guide-workflow h3{margin:0;font-size:18px;line-height:1.5}.gauget-guide-workflow-heading p{margin:4px 0 0;color:var(--start-muted);font-size:12px}.gauget-guide-steps{display:grid;gap:14px;margin:0 0 20px;padding:0;list-style:none}.gauget-guide-steps>li{display:flex;align-items:flex-start;gap:10px}.gauget-guide-steps>li>span{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid var(--start-line);border-radius:50%;color:var(--flow-action);font-size:12px}.gauget-guide-steps strong{font-size:14px;font-weight:600}.gauget-guide-steps p{margin:4px 0 0;color:var(--start-muted);font-size:13px}.gauget-guide-action{display:flex;align-items:center;gap:9px;min-height:50px;padding:12px 14px;margin-top:auto;border:1px solid transparent;border-radius:9px;background:var(--flow-action);color:#fff;font:inherit;font-size:14px;font-weight:600;text-decoration:none}.gauget-guide-action>span{flex:1}.gauget-guide-action>svg{flex:none}.gauget-guide-action:hover{filter:brightness(.95)}.gauget-guide-library{display:flex;align-items:center;gap:8px;width:fit-content;min-height:44px;margin:20px auto 0;color:var(--start-accent);font-size:13px}.gauget-guide-note{margin:18px 0 0;color:var(--start-muted);font-size:13px}.guide-page,.guide-articles-index{--line: #ded7ce;--accent: #c94d39;--accent-dark: #c94d39;--surface: #fffdf9;--surface-warm: #f4ede3;--muted: #71675e;--shadow: 0 5px 20px #66534413;color:#2e2925}.guide-articles-index .guide-search-row{margin-top:0}.guide-articles-index .guide-search input{flex:1;min-width:0;width:100%;color:inherit;font-family:inherit}.guide-articles-index .guide-search{max-width:100%}.guide-articles-index .guide-grid{gap:18px}.guide-articles-index .guide-card{color:inherit;text-decoration:none}.guide-articles-index .guide-card h2{font-family:inherit}.guide-articles-index .guide-card-meta{font-size:12px}.guide-articles-index .guide-card-meta>span{min-width:0}.guide-articles-index .guide-card-meta>span:last-child{flex-shrink:0}.guide-page .button,.guide-articles-index .button{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #ded7ce;border-radius:8px;font:inherit;background:#fffdf9;color:#2e2925;cursor:pointer}.guide-page .button.primary{background:#c94d39;color:#fff;border-color:#c94d39}@media(max-width:900px){.gauget-guide-workflows.has-three{grid-template-columns:minmax(0,1fr)}.gauget-guide-workflows.has-three .gauget-guide-workflow{padding:20px}}@media(max-width:620px){.gauget-guide{padding:22px 16px 40px}.gauget-guide-heading{margin-bottom:16px}.gauget-guide-heading h1{font-size:25px}.gauget-guide-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.gauget-guide-tabs>button{font-size:13px}.gauget-guide-roles,.gauget-guide-workflows{grid-template-columns:minmax(0,1fr)}.gauget-guide-section-heading h2{font-size:20px}.gauget-guide-roles>button{padding:16px}.gauget-guide-workflow{padding:20px}.gauget-guide-action{font-size:13px}.guide-articles-index .guide-search-row{flex-wrap:wrap;gap:12px}.guide-articles-index .guide-search{width:100%}}@media(max-width:460px){.gauget-guide .getting-started-explainer{grid-template-columns:minmax(0,1fr)}}.guide-search .settings-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.guide-articles-index .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-detail-layout{grid-template-columns:minmax(0,1fr)}.guide-toc{position:static;max-height:none}}@media(max-width:620px){.guide-articles-index .guide-grid{grid-template-columns:minmax(0,1fr)}.guide-page{padding:24px 16px 40px}.guide-article h1{font-size:26px}.guide-article-meta{flex-wrap:wrap}.guide-empty{padding:32px 16px}}:root{font-family:Noto Sans JP,system-ui,sans-serif;color:#2e2925;background:#f7f3ed;font-synthesis:none;--ink: #2e2925;--muted: #7c756e;--line: #ded7ce;--surface: #fffdf9;--surface-warm: #f4ede3;--accent: #e5654f;--accent-dark: #c94d39;--nav-background: #d9634d;--nav-foreground: #ffffff;--nav-border: rgba(255,255,255,.3);--nav-highlight: #b94735;--mint: #4ca9a4;--danger: #bd3f37;--shadow: 0 12px 32px rgba(62, 47, 38, .08);--global-header-height: 56px;--editor-header-height: 52px;--editor-chrome-height: calc(var(--global-header-height) + var(--editor-header-height))}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;min-width:1100px;min-height:100vh;background:#f7f3ed}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(229,101,79,.45);outline-offset:2px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;outline:none;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e5654f1f}input:disabled{background:#f3f0eb;color:#918a83}textarea{resize:vertical}label{display:grid;gap:7px;color:#5c554f;font-size:12px;font-weight:600}h1,h2,h3,p{margin-top:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app-shell{min-height:100vh}@media(max-width:980px),(any-pointer:coarse){:where(.app-shell:has(.chart-editor,.drafting-canvas-shell:not(.compact))),:where(.app-shell:has(.chart-editor,.drafting-canvas-shell:not(.compact)) *){touch-action:pan-x pan-y}}.global-header{height:var(--global-header-height);padding:0 24px 0 max(24px,calc((100% - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--nav-background);color:var(--nav-foreground);border-bottom:1px solid var(--nav-border);position:sticky;top:0;z-index:30}.global-header a:focus-visible,.global-header button:focus-visible{outline-color:var(--nav-foreground)}.global-header .brand{gap:9px;flex-shrink:0;padding-inline-start:8px}.global-header .brand-mark{width:37.4px;height:37.4px}.global-header .brand strong{font-size:22px}.global-header .brand-name{display:block;line-height:1.1;white-space:nowrap}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{display:block;width:38px;height:38px;flex:0 0 auto;object-fit:contain}.brand strong{display:block;line-height:1.1}.brand strong{font:700 22px DM Sans,sans-serif;letter-spacing:-.3px;white-space:nowrap}.brand.large .brand-mark{width:50px;height:50px}.brand.large strong{font-size:24px}.global-nav{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700}.global-nav-item{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--nav-foreground);font:inherit;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.global-nav-item:hover{background:#0000001a}.global-nav a.global-nav-item.active{color:var(--nav-foreground);background:var(--nav-highlight)}.global-nav-icon{display:inline-flex;width:19px;height:19px;flex:0 0 19px;align-items:center;justify-content:center}.global-nav-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.global-nav-item:disabled{color:var(--nav-foreground);opacity:.6;cursor:wait}.global-menu-toggle{display:none}.global-profile-link{width:40px;height:40px;display:block;flex:0 0 40px;margin-left:8px;overflow:hidden;padding:3px;border:1px solid #d7cec4;border-radius:50%;background:#fff;box-shadow:0 3px 9px #372a2017;transition:border-color .15s,box-shadow .15s,transform .15s}.global-profile-link:hover{border-color:#9b9187;box-shadow:0 5px 13px #372a2026;transform:translateY(-1px)}.global-profile-link.active{border-color:var(--nav-foreground);box-shadow:0 0 0 2px #ffffff4d}.global-profile-link img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}.global-logout-error{position:absolute;right:24px;top:calc(100% + 8px);max-width:420px;padding:12px 16px;border:1px solid #e8bcb2;border-radius:8px;background:#fff4ef;color:var(--danger);box-shadow:var(--shadow);font-size:13px}@media(max-width:1280px){.global-header .brand strong{font-size:20px}.global-nav{gap:2px;font-size:12px}.global-nav-item{gap:6px;padding-inline:7px}.global-nav-icon{width:18px;height:18px;flex-basis:18px}}.language-switcher{position:relative;display:inline-flex;flex:none;align-items:center}.language-switcher-icon{position:absolute;left:11px;top:50%;z-index:1;color:var(--accent-dark);pointer-events:none;transform:translateY(-50%)}.language-switcher:after{position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--accent-dark);border-bottom:1.5px solid var(--accent-dark);content:"";pointer-events:none;transform:translateY(-70%) rotate(45deg)}.language-switcher-select{width:138px;height:38px;appearance:none;-webkit-appearance:none;border:1px solid #e7ded2;border-radius:10px;background:#f8f4ec;padding:0 26px 0 34px;color:var(--ink);cursor:pointer;font-size:13px;font-weight:700;touch-action:manipulation}.language-switcher-select:focus{border-color:#e7ded2;box-shadow:none}.language-switcher-select:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}.language-switcher-select:hover{border-color:#e5a89c;background:#fffdf9}.global-header .language-switcher-select:focus-visible{outline-color:var(--accent-dark)}@media(pointer:coarse){.language-switcher-select{font-size:16px}}.app-main{min-height:calc(100vh - var(--global-header-height))}.marketplace-handoff-page{min-height:calc(100vh - var(--global-header-height));display:grid;place-items:center;padding:48px;background:radial-gradient(circle at 15% 20%,rgba(76,169,164,.14),transparent 34%),linear-gradient(145deg,#f4ecdf,#fcf8f1)}.marketplace-handoff-card{width:min(100%,470px);display:grid;justify-items:center;padding:44px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.marketplace-handoff-mark{width:48px;height:48px;display:block;margin-bottom:22px;object-fit:contain}.marketplace-handoff-card h1{margin:0 0 10px;font-size:27px;letter-spacing:-.035em}.marketplace-handoff-card>p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.8}.marketplace-handoff-loader{width:28px;height:28px;margin-top:28px;border:3px solid #eadfd4;border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}.marketplace-handoff-error{width:100%;display:grid;gap:15px;margin-top:25px}@keyframes spin{to{transform:rotate(360deg)}}.creation-type-svg,.visibility-icon-svg{overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.creation-type-svg .construction-line{stroke-dasharray:2.2 2.2;stroke-width:1.25}.creation-type-svg .chart-stitch{fill:var(--surface);stroke-width:1.5}.button{min-height:42px;border:1px solid transparent;border-radius:9px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:700;font-size:13px;transition:transform .12s,background .15s,border .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:default}.button.primary{background:var(--accent);color:#fff;box-shadow:0 7px 16px #e5654f33}.button.primary:hover:not(:disabled){background:var(--accent-dark)}.button.ghost{background:#fff;border-color:var(--line)}.button.ghost:hover:not(:disabled){border-color:#bfb6ac;background:#faf7f2}.button.danger{background:#fff;color:var(--danger);border-color:#e1b8b3}.button.compact{min-height:34px;padding:0 12px;font-size:12px}.icon-button{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:11px}.icon-button.danger:hover{color:var(--danger)}.release-kept{color:var(--muted);font-size:10px}.eyebrow{color:var(--accent);font:700 10px DM Sans,sans-serif;letter-spacing:.18em}.alert{border-radius:9px;padding:12px 14px;font-size:13px}.alert.error{background:#fff0ed;border:1px solid #efc7c0;color:#9d3028}.alert.success{background:#edf8f2;border:1px solid #b7dfc8;color:#246844}.login-page{position:relative;min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:var(--surface)}.auth-language-switcher{position:absolute;top:22px;right:24px;z-index:2}.login-intro{display:flex;flex-direction:column;justify-content:center;padding:10vw;background:radial-gradient(circle at 15% 20%,rgba(76,169,164,.14),transparent 34%),linear-gradient(145deg,#f4ecdf,#fcf8f1)}.login-intro .brand{margin-bottom:70px}.login-intro h1{font-size:42px;line-height:1.42;letter-spacing:-.04em;margin-bottom:24px}.login-intro>p:last-child{color:var(--muted);max-width:560px;line-height:2}.login-card{width:390px;align-self:center;justify-self:center;padding:42px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.login-card h2{font-size:26px;margin-bottom:28px}.unexpected-error-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 15% 20%,rgba(76,169,164,.14),transparent 34%),linear-gradient(145deg,#f4ecdf,#fcf8f1)}.unexpected-error-card{width:min(100%,520px);padding:42px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.unexpected-error-card .brand{margin-bottom:44px}.unexpected-error-card h1{margin:8px 0 18px;font-size:32px}.unexpected-error-card>p:not(.eyebrow){margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.8}.unexpected-error-card .button{margin-top:16px}.unexpected-error-id{display:block;margin-top:20px;color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.signup-card{padding-block:34px}.signup-card label small{color:var(--muted);font-size:9px;font-weight:400}.auth-switch{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);text-align:center;font-size:11px}.auth-switch a{color:var(--accent);font-weight:700}.auth-status-card>.button{display:flex;width:100%;margin-top:20px}.stack-form{display:grid;gap:20px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.page-container{max-width:1280px;margin:0 auto;padding:54px 48px 80px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.page-heading h1{font-size:32px;margin-bottom:8px}.page-heading p:last-child{color:var(--muted);font-size:13px;margin:0}.pattern-grid,.chart-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.chart-craft-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 24px}.chart-craft-filters>button{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:7px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.chart-craft-filters>button[aria-pressed=true]{border-color:var(--accent);background:#fff0e9;color:var(--accent-dark)}.chart-craft-filters>button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.chart-craft-filters>button>span{min-width:20px;padding:1px 5px;border-radius:10px;background:#eee8e0;font-size:10px;text-align:center}.chart-library-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.chart-craft-tag{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.chart-craft-tag.knitting{color:#a44d39;background:#fce8df}.chart-craft-tag.crochet{color:#286e65;background:#e1f1ec}.chart-craft-tag.mixed{color:#665080;background:#eee6f4}.pattern-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chart-library-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 6px 18px #372a200d}.chart-library-preview{height:200px;display:grid;place-items:center;padding:16px;border-bottom:1px solid var(--line);background:#eeeae4}.chart-thumbnail{display:block;width:100%;height:100%;min-width:0;min-height:0}.chart-preview-status{display:grid;justify-items:center;gap:10px;color:var(--muted);font-size:11px;text-align:center}.chart-preview-status button{border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:5px 12px;color:var(--ink);font:inherit;cursor:pointer}.chart-library-body{display:grid;gap:12px;padding:16px}.chart-library-body .card-meta{color:var(--muted);font-size:10px}.chart-library-body h2{margin:0;font-size:17px}.pattern-editor-page:is(.chart-project-editor-page,.drafting-editor-page){display:flex;flex-direction:column;height:calc(100dvh - var(--global-header-height));min-height:0}.app-shell:has(>.app-main>:is(.chart-project-editor-page,.drafting-editor-page)){display:flex;flex-direction:column;height:100dvh;min-height:0}.app-shell:has(>.app-main>:is(.chart-project-editor-page,.drafting-editor-page))>.global-header{flex:0 0 var(--global-header-height)}.app-shell:has(>.app-main>:is(.chart-project-editor-page,.drafting-editor-page))>.first-use-hint{flex:0 0 auto;width:100%}.app-shell>.app-main:has(>:is(.chart-project-editor-page,.drafting-editor-page)){display:flex;flex-direction:column;flex:1 1 0;min-height:0}.app-main>:is(.chart-project-editor-page,.drafting-editor-page){flex:1 1 0;height:auto}:is(.chart-project-editor-page,.drafting-editor-page)>.editor-header,:is(.chart-project-editor-page,.drafting-editor-page)>.editor-message{flex:0 0 auto}:is(.chart-project-editor-page,.drafting-editor-page)>:is(.chart-project-workspace,.drafting-project-workspace){flex:1 1 0;min-height:0;grid-template-rows:minmax(0,1fr)}:is(.chart-project-workspace,.drafting-project-workspace)>.drafting-sidebar{position:static;height:auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}:is(.chart-project-workspace,.drafting-project-workspace)>.drafting-stage{display:flex;flex:1 1 0;min-height:0;padding:0}.chart-project-stage>.chart-editor:not(.is-fullscreen){flex:1 1 0;height:100%;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none}.chart-project-workspace{display:flex}.chart-project-workspace:not(.is-crochet)>.chart-project-stage>.chart-editor:not(.is-fullscreen):not(.has-left-palette){display:flex;flex-direction:column}.chart-project-stage>.chart-editor:not(.crochet-editor):not(.is-fullscreen)>:not(.knitting-chart-body){flex-shrink:0}.chart-project-stage>.knitting-editor:not(.is-fullscreen)>.knitting-chart-body{flex:1 1 0}.chart-project-stage>.knitting-editor:not(.is-fullscreen)>.knitting-chart-body>.canvas-host{flex:1 1 0;height:auto;min-height:0}@media(min-width:761px)and (max-width:980px){.drafting-editor-page>.drafting-project-workspace{display:grid;grid-template-columns:240px minmax(0,1fr)}}@media(max-width:760px){:is(.chart-project-workspace,.drafting-project-workspace)>.drafting-sidebar{flex:0 1 auto;max-height:min(42dvh,360px)}}.pattern-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 6px 18px #372a200d}.pattern-card-cover{aspect-ratio:4 / 3;padding:18px;background:linear-gradient(135deg,#e7d9c7,#f3ece2);display:flex;align-items:flex-start;justify-content:flex-end;position:relative;overflow:hidden}.pattern-card-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pattern-card-cover img.pattern-card-placeholder{inset:50% auto auto 50%;width:48%;max-width:200px;height:auto;transform:translate(-50%,-50%)}.pattern-card-cover span{background:#fffc;padding:4px 8px;border-radius:20px;color:var(--muted);font-size:10px;font-weight:700}.pattern-card-cover span{position:relative;z-index:1}.pattern-card-body{padding:20px}.pattern-card h2{font-size:17px;margin:15px 0 7px}.pattern-card-body>p{color:var(--muted);font-size:10px}.card-meta,.card-actions{display:flex;justify-content:space-between;align-items:center}.card-meta time{color:var(--muted);font-size:10px}.card-actions{margin-top:20px;border-top:1px solid #eee8e0;padding-top:14px}.pattern-card .card-actions,.chart-library-card .card-actions{justify-content:flex-start;gap:8px;flex-wrap:wrap}.pattern-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:12px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.pattern-action:hover:not(:disabled){transform:translateY(-1px)}.pattern-action:focus-visible,.pattern-action-delete:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pattern-action-copy,.pattern-action-import{color:#654d36;border-color:#e5d4bd;background:#f9f0e4}.pattern-action-copy:hover:not(:disabled),.pattern-action-import:hover{color:#654d36;background:#f0dfc9}.pattern-action-edit{color:#fff;background:var(--accent);box-shadow:0 4px 12px #e5654f2e}.pattern-action-edit:hover{color:#fff;background:var(--accent-dark)}.pattern-action:disabled{opacity:.5;cursor:wait}.pattern-publication-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px}.pattern-publication-status{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.pattern-publication-status small{color:var(--muted);font-size:10px}.pattern-action-publish{color:#276d62;border-color:#c4ddd6;background:#eef8f4}.pattern-action-publish:hover:not(:disabled){background:#dff0e9}.pattern-action-unpublish{color:var(--muted);border-color:var(--line);background:#faf7f2}.pattern-action-unpublish:hover:not(:disabled){color:var(--ink);background:#eee8e0}.pattern-publication-dialog{width:min(800px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);overflow-y:auto}.pattern-publication-dialog::backdrop{background:#1e191680}.pattern-publication-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.pattern-publication-dialog>header h2{margin:0;font-size:18px;overflow-wrap:anywhere}.pattern-publication-dialog .wizard-card{padding:20px}.pattern-publication-dialog .wizard-footer{position:sticky;bottom:-20px;background:var(--surface);padding:14px 0;justify-content:flex-end}.pattern-publication-dialog>.alert{margin-bottom:16px}.pattern-action-delete{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;border:1px solid #efdbd7;border-radius:10px;color:#ae5148;background:#fff6f3;cursor:pointer}.pattern-action-delete:hover{background:#fce9e4}.status-pill{display:inline-flex;align-items:center;width:max-content;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:700}.status-pill.draft{background:#eeeae5;color:#6f6860}.status-pill.published{background:#e0f2ef;color:#2e7f79}.status-pill.unpublished{background:#fff0dc;color:#9a6428}.loading-panel,.empty-state{min-height:300px;display:grid;place-content:center;justify-items:center;color:var(--muted);text-align:center;border:1px dashed #d7cec4;border-radius:14px}.loading-panel.full{min-height:calc(100vh - var(--global-header-height));border:0}.empty-state span{font-size:30px;color:var(--accent)}.empty-state h2{color:var(--ink);margin:15px 0 6px}.empty-state .button{margin-top:13px}.narrow-page{width:680px;margin:0 auto;padding:50px 0 80px}.back-link{display:inline-block;margin-bottom:22px;color:var(--muted);font-size:13px}.form-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:40px;box-shadow:var(--shadow)}.form-card>p{color:var(--muted);line-height:1.7}.chart-craft-field-label{display:flex;align-items:center;gap:8px;min-height:22px}.crochet-beta-badge{display:inline-flex;flex:none;align-items:center;min-height:22px;padding:2px 8px;border:1px solid #e8c597;border-radius:999px;color:#86571f;background:#fff2dc;font-size:11px;font-weight:700;line-height:1;letter-spacing:.03em}.new-pattern-translations{min-width:0;margin:0;padding:15px 16px 16px;border:1px solid var(--line);border-radius:11px;background:var(--surface-warm)}.new-pattern-translations legend{padding:0 5px;font-size:12px;font-weight:700}.new-pattern-translations p{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.6}.new-pattern-language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.new-pattern-language-options label{min-width:0;min-height:42px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px;font-weight:600;cursor:pointer}.new-pattern-language-options label.selected{border-color:#e5a89c;background:#fff5f2;color:var(--ink)}.new-pattern-language-options input{width:16px;height:16px;margin:0;accent-color:var(--accent);flex:none}@media(max-width:360px){.new-pattern-language-options{grid-template-columns:minmax(0,1fr)}}.pattern-editor-page{min-height:calc(100vh - var(--global-header-height))}.editor-header{height:var(--editor-header-height);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px;background:#fffdf9f7;border-bottom:1px solid var(--line);box-shadow:0 4px 14px #3e2f2609;position:sticky;top:var(--global-header-height);z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.editor-heading{min-width:0;display:flex;align-items:center;gap:12px}.editor-back-link{height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border-radius:7px;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap;transition:color .15s,background .15s}.editor-back-link:hover{color:var(--accent-dark);background:var(--surface-warm)}.editor-back-link>span:first-child{font-size:14px;line-height:1}.editor-heading-divider{width:1px;height:20px;flex:0 0 1px;background:var(--line)}.editor-title-group{min-width:0;display:flex;align-items:center;gap:9px}.editor-title-group h1{min-width:0;max-width:min(42vw,620px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.3;letter-spacing:-.01em;margin:0}.pattern-editor-heading,.pattern-editor-heading .editor-title-group{flex:1 1 auto}.pattern-title-field{min-width:0;width:min(440px,38vw);display:block}.pattern-title-field input{height:34px;padding:5px 9px;font-size:14px;font-weight:700}.editor-locale{flex:0 0 auto;display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:var(--surface-warm);color:var(--muted);font-size:9px;font-weight:600}.editor-locale-select{flex:0 1 auto;width:auto;max-width:150px;min-height:30px;padding:4px 22px 4px 8px;border-radius:7px;background:var(--surface-warm);color:var(--ink);font-size:11px;font-weight:600}.pattern-language-hint{margin:0 0 14px;padding:10px 12px;border-radius:8px;color:var(--muted);font-size:11px;line-height:1.6;background:var(--surface-warm)}.editor-header-actions{flex:0 0 auto;display:flex;gap:8px;align-items:center}.save-state{min-height:28px;display:inline-flex;align-items:center;gap:6px;padding-right:12px;border-right:1px solid var(--line);color:var(--muted);font-size:10px;white-space:nowrap}.save-state i{width:7px;height:7px;border-radius:50%;background:#aaa}.save-state.saved i{background:#55a78f}.save-state.dirty i{background:#df9b42}.save-state.saving i{background:var(--accent);animation:pulse 1s infinite}.save-state.error i{background:var(--danger)}.save-state time{font-variant-numeric:tabular-nums}.pattern-editor-page [data-validation-highlight=true]{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 6px #e5654f29}.editor-history-actions{height:32px;display:inline-flex;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.editor-icon-action{width:34px;height:30px;display:grid;place-items:center;border:0;border-right:1px solid var(--line);background:transparent;color:#5e5751;cursor:pointer;transition:color .15s,background .15s}.editor-icon-action svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.editor-icon-action:last-child{border-right:0}.editor-icon-action:hover:not(:disabled){color:var(--accent-dark);background:#faf7f2}.editor-icon-action:focus-visible{position:relative;z-index:1;outline:2px solid rgba(229,101,79,.7);outline-offset:-3px}.editor-icon-action:disabled{color:#c8c1b9;cursor:default}.editor-save-button{min-width:60px;min-height:32px;padding-inline:14px;gap:5px;box-shadow:none!important}.editor-save-button.is-saved:disabled{opacity:1;border-color:var(--line);background:transparent;color:#3f8a73;cursor:default}.editor-save-button.is-saving:disabled{opacity:.85}@keyframes pulse{50%{opacity:.3}}.editor-message{margin:12px 30px 0;display:flex;justify-content:space-between;align-items:center}.wizard-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - var(--editor-chrome-height))}.wizard-nav{background:#302c29;color:#fff;padding:32px 20px;position:sticky;top:var(--editor-chrome-height);height:calc(100vh - var(--editor-chrome-height))}.wizard-nav .eyebrow{color:#db9c8e;margin:0 12px 24px}.wizard-nav>button{width:100%;display:flex;align-items:center;gap:13px;border:0;border-radius:9px;background:transparent;color:#aaa39d;text-align:left;padding:12px;cursor:pointer;margin:3px 0}.wizard-nav>button>span{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #5e5752;border-radius:50%;font:700 9px DM Sans}.wizard-nav>button strong{font-size:12px}.wizard-nav>button small{display:block;color:#817a74;font-size:9px;font-weight:400;margin-top:3px}.wizard-nav>button.active{background:#ffffff14;color:#fff}.wizard-nav>button.active>span{background:var(--accent);border-color:var(--accent)}.wizard-nav>button.complete>span{background:#427f79;border-color:#427f79;color:#fff}.wizard-progress{height:3px;background:#4c4642;border-radius:5px;margin:27px 12px 8px;overflow:hidden}.wizard-progress span{display:block;height:100%;background:var(--accent);transition:width .25s}.wizard-nav>small{color:#79716c;margin-left:12px;font-size:9px}.wizard-content{width:100%;max-width:1400px;margin-inline:auto;padding:38px max(36px,5vw) 80px;scroll-margin-top:var(--editor-chrome-height)}.wizard-stack{display:grid;gap:22px}.wizard-card,.section-editor{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 5px 16px #372a2009}.wizard-card-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:27px}.wizard-card-heading>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:var(--accent);border:1px solid #edbcb3;border-radius:50%;font:700 10px DM Sans}.wizard-card-heading>div{flex:1}.wizard-card-heading h2{font-size:20px;margin:2px 0 5px}.wizard-card-heading p,.subsection-heading p{color:var(--muted);font-size:11px;margin:0}.subsection-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.subsection-heading h3{font-size:15px;margin:0 0 5px}.form-grid{display:grid;gap:18px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-info-fields{align-items:start}.basic-info-fields>label{align-content:start;line-height:1.5}.basic-info-fields>label>select,.basic-info-fields .pattern-language-picker>summary{height:41px}.form-grid.gauge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.span-two{grid-column:span 2}.span-four{grid-column:span 4}.field-note{color:var(--muted);font-size:10px;line-height:1.65;margin:10px 0 0}.pattern-language-field{min-width:0;display:grid;align-content:start;gap:7px}.pattern-language-field .field-note{margin:0}.pattern-language-picker{position:relative;min-width:0}.pattern-language-picker summary{min-height:41px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;list-style:none}.pattern-language-picker summary::-webkit-details-marker{display:none}.pattern-language-picker summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-language-picker[open]{z-index:5}.pattern-language-picker[open] summary{border-color:var(--accent);box-shadow:0 0 0 3px #e5654f1f}.pattern-language-picker-chevron{width:8px;height:8px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}.pattern-language-picker[open] .pattern-language-picker-chevron{transform:translateY(2px) rotate(225deg)}.pattern-language-picker-menu{position:absolute;top:calc(100% + 5px);left:0;width:100%;min-width:min(250px,100%);padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 32px #30241c29}.pattern-language-primary{margin-bottom:10px}.pattern-language-primary select{min-height:38px}.pattern-language-picker-options{display:grid;gap:2px;padding-top:9px;border-top:1px solid var(--line)}.pattern-language-picker-options:first-child{padding-top:0;border-top:0}.pattern-language-picker-options label{min-height:39px;display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:6px;color:var(--ink);cursor:pointer}.pattern-language-picker-options label:hover{background:var(--surface-warm)}.pattern-language-picker-options input{width:16px;height:16px;flex:none;margin:0;padding:0;accent-color:var(--accent)}.pattern-language-picker-options input:disabled{opacity:.75}.pattern-language-picker-options small{margin-left:auto;color:var(--muted);font-size:10px}.inline-error{color:var(--danger);font-size:10px;margin:8px 0 0}.inline-note{color:var(--muted);font-size:12px;line-height:1.7}.difficulty-field{min-width:0;margin:0;padding:0;border:0;color:#5c554f}.difficulty-field legend{margin-bottom:7px;padding:0;font-size:12px;font-weight:600}.difficulty-control{min-height:42px;display:flex;align-items:center;gap:13px}.difficulty-stars{display:inline-flex;align-items:center;gap:3px}.difficulty-star-option{position:relative;display:inline-grid;place-items:center}.difficulty-star-option input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.difficulty-star-option label{display:inline-grid;width:32px;height:38px;place-items:center;color:#b9b0a7;font:400 31px/1 DM Sans,sans-serif;cursor:pointer;transition:color .15s,transform .12s}.difficulty-star-option label.filled{color:#ef8a2f}.difficulty-star-option label:hover{color:#ef8a2f;transform:translateY(-1px) scale(1.06)}.difficulty-star-option input:focus-visible+label{border-radius:6px;outline:3px solid rgba(239,138,47,.38);outline-offset:1px}.difficulty-clear{border:0;background:transparent;color:var(--muted);padding:4px;font-size:10px;text-decoration:underline;cursor:pointer}.difficulty-clear:hover{color:var(--ink)}.difficulty-field>small{display:block;min-height:15px;color:var(--muted);font-size:10px;font-weight:400}.cover-field{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;padding:14px;background:#f7f3ed;border-radius:10px}.cover-preview{position:relative;width:180px;aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#e9e1d7;color:var(--muted);font-size:10px}.cover-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cover-field strong{font-size:12px}.cover-field p{color:var(--muted);font-size:10px;margin:5px 0 10px}.cover-button{width:max-content}.cover-button{position:relative}.cover-button input,.file-button input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cover-button:has(input:focus-visible),.file-button:has(input:focus-visible){outline:3px solid rgba(229,101,79,.45);outline-offset:2px}.inline-empty{color:#948c85;font-size:11px;padding:15px;background:#f8f5f0;border-radius:8px;margin:0}.size-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px;padding:0;border:0}.size-mode-options legend{grid-column:1 / -1;margin-bottom:1px;padding:0;color:var(--muted);font-size:10px;font-weight:700}.size-mode-options label{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;padding:12px;border:1px solid #e4ddd4;border-radius:9px;background:#fbf8f4;color:var(--ink);cursor:pointer}.size-mode-options label.selected{border-color:var(--accent);background:#fff4f1}.size-mode-options input{width:15px;height:15px;margin:2px 0 0;accent-color:var(--accent)}.size-mode-options span{display:grid;gap:3px}.size-mode-options strong{font-size:11px}.size-mode-options small{color:var(--muted);font-size:9px;line-height:1.55}.size-chips{display:grid;gap:8px}.size-chip-editor{display:grid;grid-template-columns:24px minmax(140px,1fr) 28px;gap:10px;align-items:center;border-bottom:1px solid #eee8e0;padding:7px 0 11px}.size-chip-editor input[type=radio]{width:15px;accent-color:var(--accent)}.size-order{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#eee7de;color:var(--muted);font-size:9px}.size-chip-editor button,.row-delete{border:0;background:transparent;color:#aaa19a;cursor:pointer;font-size:16px}.size-chip-editor button:hover:not(:disabled),.row-delete:hover:not(:disabled){color:var(--danger)}.admin-count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.admin-count-grid button{display:grid;gap:8px;min-height:86px;padding:15px;border:1px solid #e4ddd4;border-radius:11px;background:#fff;color:var(--muted);text-align:left;cursor:pointer}.admin-count-grid button:hover,.admin-count-grid button.active{border-color:var(--accent);background:#fff5f2;color:var(--accent-dark)}.admin-count-grid button span{font-size:10px;font-weight:800}.admin-count-grid button strong{color:var(--ink);font-size:25px;line-height:1}.admin-list-card{overflow:hidden;border:1px solid #e7e0d7;border-radius:12px;background:#fff}.admin-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid #eee8e0}.admin-list-heading h2{margin:0;font-size:17px}.admin-list-heading p,.admin-list-heading>span{margin:3px 0 0;color:var(--muted);font-size:10px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;min-width:780px;border-collapse:collapse}.admin-table th{padding:10px 14px;background:#f8f5f0;color:var(--muted);font-size:9px;text-align:left}.admin-table td{padding:13px 14px;border-top:1px solid #f0ebe5;color:var(--ink);font-size:11px;vertical-align:middle}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{margin-top:3px;color:var(--muted);font-size:9px}.admin-table code{color:var(--muted);font-size:9px}.admin-status{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eee9e3;color:#645d57;font-size:9px;font-weight:800}.admin-status.admin{background:#fff0ec;color:var(--accent-dark)}.admin-user-filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid #eee8e0}.admin-user-filters button{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid #e4ddd4;border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.admin-user-filters button[aria-pressed=true]{border-color:var(--accent);background:#fff5f2;color:var(--accent-dark)}.admin-user-filters button span{color:var(--ink)}.admin-user-apps{display:flex;flex-wrap:wrap;gap:5px}.admin-status.editor{background:#e9f0ff;color:#31569c}.admin-status.store{background:#e9f4ee;color:#317657}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;color:var(--muted);font-size:10px}.admin-resource-link{color:var(--ink);text-decoration:underline;text-decoration-color:#cfc5bb;text-underline-offset:3px}.admin-resource-link:hover{color:var(--accent-dark);text-decoration-color:currentColor}.admin-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.admin-detail-header h1{margin:4px 0 7px;font-size:clamp(25px,4vw,39px)}.admin-detail-header>div>p:last-child{margin:0;color:var(--muted);font-size:11px}.admin-detail-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:15px;color:var(--muted);font-size:10px;font-weight:700}.admin-detail-back:hover{color:var(--ink)}.admin-readonly-badge{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding:7px 10px;border:1px solid #d8d0c7;border-radius:999px;background:#f8f5f0;color:#6f6760;font-size:9px;font-weight:800}.admin-readonly-badge:before{content:"◉";color:#6c9b91;font-size:7px}.admin-owner-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:18px;overflow:hidden;border:1px solid #e2dbd2;border-radius:11px;background:#e2dbd2}.admin-owner-card>div{min-width:0;display:grid;gap:3px;align-content:center;padding:13px 15px;background:#fff}.admin-owner-card span{color:var(--muted);font-size:8px;font-weight:800}.admin-owner-card strong{overflow:hidden;color:var(--ink);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.admin-owner-card small{color:var(--muted);font-size:8px}.admin-detail-grid{display:grid;grid-template-columns:minmax(230px,285px) minmax(0,1fr);gap:18px;align-items:start}.admin-detail-sidebar,.admin-detail-content{border:1px solid #e4ddd4;border-radius:12px;background:#fff}.admin-detail-sidebar{overflow:hidden}.admin-detail-sidebar>section{padding:16px;border-bottom:1px solid #eee8e0}.admin-detail-sidebar>section h2{margin:0 0 8px;font-size:12px}.admin-detail-summary{margin:0;color:#625b55;font-size:10px;line-height:1.7;white-space:pre-wrap}.admin-detail-cover{width:100%;max-height:260px;display:block;object-fit:contain;border-bottom:1px solid #eee8e0}.admin-detail-facts{margin:0}.admin-detail-facts>div{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(0,1.2fr);gap:10px;align-items:start;padding:11px 14px;border-bottom:1px solid #f0ebe5}.admin-detail-facts>div:last-child{border-bottom:0}.admin-detail-facts dt{color:var(--muted);font-size:9px;font-weight:700}.admin-detail-facts dd{margin:0;overflow-wrap:anywhere;color:var(--ink);font-size:10px;font-weight:700;text-align:right}.admin-release-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.admin-release-list li{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px}.admin-release-list strong{color:var(--ink)}.admin-detail-content{min-width:0;overflow:hidden}.admin-detail-section-heading{display:flex;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #eee8e0}.admin-detail-section-heading h2,.admin-converted-chart h2{margin:0;font-size:15px}.admin-detail-section-heading p{margin:4px 0 0;color:var(--muted);font-size:9px}.admin-pattern-preview{min-width:0;padding:16px;background:#f6f2ec}.admin-drafting-preview{padding:20px;background:#eee8df}.admin-drafting-preview .drafting-canvas-shell.read-only .drafting-canvas{cursor:default}.admin-chart-preview{min-height:380px;display:grid;place-items:center;overflow:auto;padding:28px;background:#f6f2ec}.admin-chart-preview .mobile-chart{max-width:none;margin:0}.admin-converted-chart{display:grid;gap:16px;place-items:center;padding:20px;border-top:1px solid #eee8e0}.admin-saved-data{margin-top:18px;overflow:hidden;border:1px solid #ded6cd;border-radius:11px;background:#fff}.admin-saved-data summary{padding:14px 16px;color:var(--ink);cursor:pointer;font-size:10px;font-weight:800}.admin-saved-data>p{margin:0;padding:0 16px 12px;color:var(--muted);font-size:9px}.admin-saved-data pre{max-height:520px;margin:0;overflow:auto;padding:16px;border-top:1px solid #eee8e0;background:#272421;color:#f5eee7;font-size:9px;line-height:1.55}@media(max-width:900px){.admin-owner-card{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-detail-grid{grid-template-columns:1fr}.admin-detail-sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,1fr)}.admin-detail-cover{height:100%;max-height:none;object-fit:contain}}@media(max-width:760px){.admin-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-owner-card,.admin-detail-sidebar{grid-template-columns:1fr}.admin-detail-header{display:grid}.admin-pattern-preview{padding:8px}.admin-pattern-preview .editor-preview-toolbar{flex-wrap:wrap;gap:8px;padding:10px}.admin-pattern-preview .editor-preview-canvas{padding:6px}}.data-table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th{color:var(--muted);font-size:9px;text-align:left;padding:7px}.data-table td{border-top:1px solid #eee8e0;padding:7px}.data-table input{min-width:90px;padding:7px 8px}.data-table .unit-select{width:90px;min-width:90px;padding:7px 26px 7px 8px;background:#fff}.section-add-action{display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid #eee8e0}.measurement-list{display:grid;gap:16px}.measurement-card{min-width:0;padding:18px;border:1px solid #e5dcd2;border-radius:12px;background:#fffdfb;box-shadow:0 2px 8px #372a2009}.measurement-card-fields{display:grid;grid-template-columns:minmax(160px,1.5fr) minmax(160px,2fr) minmax(92px,.55fr) auto;align-items:end;gap:12px}.measurement-card-fields label{display:grid;min-width:0;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.measurement-card-fields input,.measurement-card-fields select{width:100%;min-width:0;background:#fff}.measurement-card-values{display:grid;min-width:0;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:10px}.measurement-card-values label span{display:inline;font-weight:500}.measurement-card-values .measurement-value-label{font-weight:700;line-height:1.5}.measurement-card-context{margin-top:15px}@media(max-width:900px){.measurement-card-fields{grid-template-columns:minmax(0,1fr) minmax(95px,.45fr)}.measurement-card-name,.measurement-row-actions{grid-column:1 / -1}}@media(max-width:620px){.measurement-card{padding:14px}.measurement-card-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.measurement-card-name{grid-column:1 / -1}.measurement-card-values{grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.measurement-row-actions{grid-column:2}.measurement-card-fields input,.measurement-card-fields select{min-height:44px;font-size:16px}}.measurement-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}.measurement-row-actions .item-order-actions{margin-right:0}.measurement-row-actions .row-delete{width:26px;height:27px}.data-table .measurement-comparison-row td{border-top:0;padding:0 7px 18px}.measurement-comparison-fields{display:flex;flex-wrap:wrap;gap:12px 16px;background:#f7f3ed;border:1px solid var(--line);border-radius:8px;padding:14px}.measurement-comparison-fields .context-field{display:grid;flex:1 1 210px;gap:6px}.measurement-context-label{display:flex;align-items:center;justify-content:space-between;gap:6px}.measurement-context-label label{display:block;min-width:0;font-size:11px;font-weight:600;color:var(--muted)}.measurement-comparison-fields select{width:100%;min-width:0;padding:9px;background:#fffdf9;font-size:12px}.measurement-comparison-fields .field-note{flex-basis:100%;margin:0;font-size:11px}@media(max-width:620px){.measurement-comparison-fields select{min-height:44px;font-size:16px}}.measurement-chart-reference{margin-top:10px;padding:14px;border:1px solid #e8ded3;border-radius:10px;background:#fcfaf7}.measurement-chart-reference summary{display:flex;align-items:center;gap:8px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:700;list-style:none}.measurement-chart-reference summary::-webkit-details-marker{display:none}.measurement-chart-reference summary:before{content:"+";display:grid;place-items:center;width:19px;height:19px;border-radius:5px;background:#f7e9e1;color:var(--accent);font-size:15px}.measurement-chart-reference[open] summary:before{content:"−"}.measurement-chart-reference summary span{margin-left:auto;color:var(--muted);font-size:10px;font-weight:600}.measurement-chart-description{margin:10px 0 12px;color:var(--muted);font-size:11px;line-height:1.5}.measurement-chart-select{display:grid;max-width:430px;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.measurement-chart-select select{width:100%;min-width:0;background:#fff}.measurement-chart-controls{display:grid;gap:9px;margin-top:12px}.measurement-chart-controls>small{color:var(--muted);font-size:10px;line-height:1.5}.measurement-chart-coordinate-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:540px}.measurement-chart-coordinate-group{display:flex;flex-wrap:wrap;align-items:end;gap:9px;padding:10px 12px;border:1px solid #e6dcd2;border-radius:8px;background:#fff}.measurement-chart-coordinate-group>strong{align-self:center;min-width:28px;color:var(--ink);font-size:11px}.measurement-chart-coordinate-group label{display:grid;flex:1 1 70px;gap:3px;color:var(--muted);font-size:10px;font-weight:700}.measurement-chart-coordinate-group input{width:100%;min-width:0;padding:6px 8px;font-size:13px;font-variant-numeric:tabular-nums}.measurement-chart-canvas{position:relative;width:min(100%,540px);aspect-ratio:3 / 2;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#eee9e3}.measurement-chart-canvas .chart-thumbnail,.measurement-chart-canvas svg{position:absolute;inset:0;display:block;width:100%;height:100%}.measurement-chart-canvas svg{cursor:crosshair}.measurement-chart-canvas svg line{stroke:var(--accent);stroke-width:3;stroke-linecap:round}.measurement-chart-canvas svg circle{fill:#fff;stroke:var(--accent);stroke-width:2.5}@media(max-width:620px){.measurement-chart-coordinate-fields{grid-template-columns:minmax(0,1fr)}}.item-order-actions{display:inline-flex;align-items:center;gap:3px;margin-right:8px;vertical-align:middle}.item-order-actions button{width:25px;height:27px;border:0;border-radius:5px;background:transparent;color:#817973;cursor:pointer;font-size:16px;line-height:1}.item-order-actions button:hover:not(:disabled){background:#f5ebe4;color:var(--accent)}.item-order-actions button:disabled{opacity:.3;cursor:default}.chart-library-import{display:grid;gap:9px;margin-top:8px}.chart-library-import .button{width:100%}.chart-library-import .inline-error{margin:0}.small-screen-editor-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:#271f1a80}.small-screen-editor-notice{width:min(100%,390px);padding:26px;border:1px solid #eadcd0;border-radius:18px;background:#fffdf9;box-shadow:0 20px 70px #1e140f40}.small-screen-editor-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fbe9e1;color:var(--accent);font-size:23px}.small-screen-editor-notice h2{margin:16px 0 9px;font-size:20px}.small-screen-editor-notice p{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.7}.small-screen-editor-notice .button{width:100%}.variable-list,.item-list{display:grid;gap:12px}.variable-card,.item-card{position:relative;border:1px solid #e7e0d7;background:#fbf8f4;border-radius:10px;padding:16px}.item-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:-7px -8px 5px 0}.item-card-actions .item-order-actions{margin-right:0}.item-card-actions .row-delete{width:26px;height:27px}.variable-head{display:grid;grid-template-columns:1.5fr .8fr .6fr auto 25px;gap:10px;align-items:end}.variable-head.canonical{grid-template-columns:1.5fr .7fr 25px}.check-label,.switch-label{display:flex;flex-direction:row;align-items:center;gap:7px;white-space:nowrap}.check-label input,.switch-label input{width:15px;accent-color:var(--accent)}.variable-values,.size-value-row{display:flex;gap:10px;flex-wrap:wrap}.variable-values label,.size-value-row label{width:110px}.item-card-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:14px}.yarn-card{padding:20px}.yarn-details-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 12px}.yarn-details-grid label{grid-column:span 2;min-width:0}.yarn-details-grid .yarn-detail-wide{grid-column:span 3}.yarn-details-grid input{min-width:0}.yarn-details-note{margin:11px 0 18px;color:var(--muted);font-size:10px;line-height:1.6}.yarn-catalog-picker{margin:0 0 18px}.yarn-catalog-picker-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.yarn-catalog-toggle{display:inline-flex;align-items:center;gap:6px;width:auto;color:var(--accent-dark)}.yarn-catalog-selected{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#e6f3f0;color:#28766e;font-size:10px;font-weight:700}.yarn-catalog-panel{display:grid;gap:11px;margin-top:12px;padding:16px;border:1px solid #e7d9ca;border-radius:10px;background:#fffdf9}.yarn-catalog-search-row{display:flex;align-items:end;gap:9px}.yarn-catalog-search-row label{flex:1;min-width:0}.yarn-catalog-search-row .button{flex:none;min-width:72px}.yarn-catalog-message{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.yarn-catalog-panel .inline-error{margin:0}.yarn-catalog-result-list{display:grid;gap:5px;max-height:270px;overflow-y:auto}.yarn-catalog-result{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:10px 12px;border:1px solid #ece3da;border-radius:8px;background:#fff;text-align:left;cursor:pointer}.yarn-catalog-result:hover,.yarn-catalog-result:focus-visible{border-color:var(--accent);background:#fff7f3}.yarn-catalog-result span:first-child{display:grid;min-width:0;gap:3px}.yarn-catalog-result strong{color:var(--ink);font-size:12px}.yarn-catalog-result small,.yarn-catalog-result-meta{color:var(--muted);font-size:10px}.yarn-catalog-result-meta{flex:none;text-align:right}@media(max-width:620px){.yarn-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yarn-details-grid label,.yarn-details-grid .yarn-detail-wide{grid-column:span 1}.yarn-details-grid .yarn-detail-wide:first-child{grid-column:1 / -1}.yarn-catalog-search-row{align-items:stretch;flex-direction:column}.yarn-catalog-result{align-items:flex-start;flex-direction:column;gap:4px}.yarn-catalog-result-meta{text-align:left}}.yarn-description{display:grid;gap:8px}.tool-description,.abbreviation-description{display:grid;gap:8px;margin-top:14px}.field-label{color:#5c554f;font-size:12px;font-weight:600;line-height:1.5}.yarn-amounts{display:grid;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid #e7e0d7}.yarn-amounts strong{font-size:12px}.yarn-amounts p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.gauge-card{padding:20px}.gauge-card-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.8fr);gap:12px;padding-right:18px}.gauge-description{display:grid;gap:8px;margin-top:18px}.gauge-count-field{margin:0 0 10px;padding:14px 16px 16px;border:1px solid #e4dcd2;border-radius:8px;background:#f7f3ed}.gauge-count-field legend{padding:0 6px;color:#5c554f;font-size:12px;font-weight:700}.gauge-count-inputs{display:grid;grid-template-columns:minmax(100px,140px) auto minmax(100px,140px) auto minmax(170px,210px);align-items:center;gap:12px}.gauge-count-inputs>b{color:var(--muted);font-size:15px;font-weight:400;text-align:center}.gauge-count-inputs label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}.gauge-count-inputs input,.gauge-count-inputs select{min-width:0}.gauge-count-inputs small{color:var(--muted);font-size:11px}.gauge-count-inputs .gauge-measurement-basis{display:block}.gauge-count-label{display:none}@media(max-width:760px){.gauge-card{padding:14px}.gauge-count-field{min-width:0;padding:12px}.gauge-count-inputs{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px}.gauge-count-inputs>b,.gauge-count-inputs small{display:none}.gauge-count-inputs label,.gauge-count-inputs .gauge-measurement-basis{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.gauge-count-inputs .gauge-measurement-basis{grid-column:1 / -1}.gauge-count-label{display:block}.gauge-count-inputs input,.gauge-count-inputs select{width:100%;min-height:44px;font-size:16px}.gauge-description .rich-toolbar{padding:6px}.gauge-description .rich-toolbar-label,.gauge-description .rich-link-button>span{display:none}.gauge-description .rich-format-tools{gap:4px}.gauge-description .rich-icon-button,.gauge-description .rich-color-button,.gauge-description .rich-link-button{width:40px;min-height:44px;justify-content:center;padding:0}}@media(max-width:360px){.gauge-description .rich-icon-button,.gauge-description .rich-color-button,.gauge-description .rich-link-button{width:36px}}.gauge-chart-panel{margin-top:20px;padding-top:18px;border-top:1px solid #e7e0d7}.gauge-chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.gauge-chart-heading strong{font-size:12px}.gauge-chart-heading p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.item-card>.rich-editor{margin-top:14px}.corner{position:absolute;right:8px;top:7px}.simple-rows{display:grid;gap:8px}.simple-row{display:grid;grid-template-columns:1.2fr .7fr 1.5fr 28px;gap:8px;align-items:center}.simple-row.abbreviation{grid-template-columns:.6fr 2fr 28px}.body-intro{padding-bottom:22px}.body-intro .wizard-card-heading{margin-bottom:8px}.body-intro{border-left:4px solid var(--accent)}.body-intro .wizard-card-heading p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.pattern-theme-editor{display:grid;gap:20px}.theme-preset-list{display:flex;flex-wrap:wrap;gap:8px}.theme-preset-list button{min-width:92px;display:grid;justify-items:center;gap:7px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.theme-preset-list button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-dark);box-shadow:inset 0 0 0 1px var(--accent)}.theme-preset-list i{width:46px;height:28px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.1);border-radius:7px;font-style:normal}.theme-preset-list i span{width:17px;height:17px;border-radius:50%}.theme-editor-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(280px,1.2fr);gap:24px;align-items:stretch}.theme-color-fields{display:grid;gap:10px}.theme-color-field{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:700}.theme-color-field>div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px}.theme-color-field input[type=color]{width:44px;height:38px;padding:3px;cursor:pointer}.theme-color-field input:last-child{min-height:38px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.theme-live-preview{display:flex;min-height:190px;flex-direction:column;justify-content:center;padding:24px;border:1px solid color-mix(in srgb,var(--theme-preview-text) 18%,transparent);border-radius:14px;background:var(--theme-preview-background);color:var(--theme-preview-text)}.theme-live-preview small{color:var(--theme-preview-accent);font-size:8px;font-weight:800;letter-spacing:.12em}.theme-live-preview h4{margin:8px 0 6px;font-size:19px}.theme-live-preview p{margin:0 0 15px;font-size:11px}.theme-live-preview>span{align-self:flex-start;padding:7px 10px;border-radius:8px;background:var(--theme-preview-accent);color:var(--theme-preview-on-accent);font-size:10px;font-weight:800}.alert.warning{border:1px solid #e6bf78;background:#fff8e8;color:#80571d}.section-editor{padding:0;overflow:hidden}.section-editor>header{display:flex;gap:12px;align-items:center;background:#f0e8dc;padding:14px 18px}.section-editor>header>span{color:var(--accent);font:700 11px DM Sans}.section-order-actions{display:flex;gap:4px}.section-title-field{flex:1;gap:5px}.section-title-field>span{color:#756d66;font-size:9px;font-weight:700}.section-title-field input{min-height:40px;padding:8px 11px;border-color:#d5cabe;border-radius:8px;background:#fffdf9;font-size:15px;font-weight:700;box-shadow:0 1px 3px #372a200d}.section-title-field input::placeholder{color:#a79f98;font-weight:400;opacity:1}.section-title-field input:hover{border-color:#b9ada1}.section-title-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e5654f24}.block-list{display:grid;gap:14px;padding:18px}.block-editor{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.block-heading{display:flex;align-items:center;gap:12px;min-height:38px;padding:6px 10px;background:#faf7f2;border-bottom:1px solid #eee8e0}.block-heading>span{flex:1;color:var(--accent);font-size:10px;font-weight:700}.block-heading button{border:0;background:transparent;color:#89817a;cursor:pointer}.block-heading button:disabled{opacity:.3}.block-editor>:not(.block-heading){margin:14px}.block-rich_text>.rich-editor,.block-step>.rich-editor,.block-chart>.chart-payload-editor{margin:0}.block-rich_text>.rich-editor,.block-step>.rich-editor,.block-chart>.chart-payload-editor>.chart-editor:not(.is-fullscreen),.block-chart>.chart-payload-editor>.chart-source-picker{border:0;border-radius:0;box-shadow:none}.block-chart>.chart-payload-editor>.variant-editor{margin:14px}.add-block{padding:13px 18px 17px;border-top:1px solid #eee8e0;display:flex;align-items:center;flex-wrap:wrap;gap:7px}.add-block span{color:var(--muted);font-size:9px;margin-right:5px}.add-block button,.inline-actions button,.chart-tools button,.zoom-control button{border:1px solid var(--line);background:#fff;border-radius:6px;min-height:28px;padding:0 9px;font-size:10px;cursor:pointer}.add-block button:hover{border-color:var(--accent);color:var(--accent)}.section-insert{display:flex;align-items:center;gap:14px;margin:-8px 0}.section-insert:before,.section-insert:after{height:1px;flex:1;background:var(--line);content:""}.section-insert .button{flex:0 0 auto;color:var(--accent-dark)}.rich-editor{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 2px 8px #2f2a2709}.rich-toolbar{display:flex;flex-wrap:wrap;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;border-bottom:1px solid #e5ddd4;background:#faf7f2}.rich-format-tools,.rich-variable-insert{display:flex;align-items:center;gap:7px}.rich-format-tools{flex-wrap:wrap}.rich-format-button{white-space:nowrap}.rich-toolbar-label{margin:0 2px 0 3px;color:#8b837c;font-size:12px;font-weight:700;letter-spacing:.06em}.rich-format-button{display:inline-flex;min-height:36px;align-items:center;gap:6px;padding:0 11px;border:1px solid #d8d0c7;border-radius:7px;background:#fff;color:#554e48;cursor:pointer;font-size:13px;font-weight:700;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.rich-bold-icon{font:900 18px/1 Arial,sans-serif}.rich-icon-button,.rich-color-button{width:36px;justify-content:center;padding:0}.rich-color-icon{display:grid;gap:1px;min-width:19px;font:600 19px/1 Arial,sans-serif}.rich-color-icon>span{height:3px;border-radius:1px}.rich-color-palette{z-index:1600;width:min(250px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto}.rich-format-button:hover,.rich-format-button:focus-visible{border-color:#aca199;background:#fffdf9;color:var(--ink)}.rich-format-button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 2px 7px #2f2a2729}.rich-format-button[aria-pressed=mixed]{border-color:#ba786c;background:#fff1ed;color:var(--accent-dark)}.rich-format-icon{font:800 14px/1 DM Sans,sans-serif}.rich-check-icon{font:700 15px/1 DM Sans,sans-serif}.rich-instruction-button{padding-inline:10px 12px}.rich-link-editor{position:fixed;z-index:1600;width:min(360px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;display:flex;align-items:end;flex-wrap:wrap;gap:7px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 5px 24px #2f2a272e}.rich-link-editor label{display:grid;min-width:0;flex:1 1 100%;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.rich-link-editor input{width:100%;min-height:40px;padding:7px 9px;font-size:16px}.rich-link-editor>p{width:100%;margin:0;color:var(--danger);font-size:10px}.rich-link-caret{position:absolute;z-index:2;width:1.5px;background:var(--ink);pointer-events:none}.rich-variable-insert{margin-left:auto;padding-left:11px;border-left:1px solid #e1d9d0}.rich-variable-insert-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;background:#efe7dc;color:#746a62;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.rich-variable-insert select{width:210px;height:34px;padding:5px 32px 5px 10px;border-color:#d3c9bf;background-color:#fff;font-size:12px;font-weight:700}.rich-variable-insert select:hover{border-color:#aca199}.rich-size-value-editor{padding:14px;border-bottom:1px solid #c5ded9;background:#f4faf8}.rich-size-value-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.rich-size-value-heading strong{color:#2c7772;font-size:14px}.rich-size-value-heading-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.rich-size-value-list{display:grid;gap:6px;max-height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px}.rich-size-value-row{display:flex;flex-wrap:wrap;align-items:end;gap:8px;min-width:0;padding:8px;border:1px solid #d9e7e3;border-radius:7px;background:#fff}.rich-size-value-row.is-active{border-color:#70aaa0}.rich-size-value-row label{display:grid;gap:4px;min-width:0;color:var(--muted);font-size:10px;font-weight:600}.rich-size-value-row input{height:34px;min-width:0;padding:6px 8px;font-size:12px}.rich-size-value-name{flex:1.5 1 120px}.rich-size-value-unit{flex:0 0 48px}.rich-size-value-values{display:flex;flex:3 1 168px;flex-wrap:wrap;gap:6px;min-width:0}.rich-size-value-values label{flex:1 1 50px}.rich-size-value-actions{display:flex;flex:0 0 auto;gap:4px;margin-left:auto}.rich-size-value-action{display:grid;place-items:center;width:30px;height:34px;padding:0;border:1px solid #d3dedb;border-radius:6px;color:#2c7772;background:#fff;cursor:pointer}.rich-size-value-action:hover{border-color:#70aaa0;background:#edf6f3}.rich-size-value-action:disabled{opacity:.4;cursor:default}.rich-size-value-action.rich-size-value-insert{width:auto;padding-inline:9px;font-size:12px;font-weight:600;white-space:nowrap}@media(max-width:480px){.rich-size-value-heading-actions .button{min-height:44px}.rich-size-value-row{display:grid;grid-template-columns:minmax(0,1fr) 56px}.rich-size-value-values,.rich-size-value-actions{grid-column:1 / -1}.rich-size-value-row input,.rich-size-value-action{min-height:44px}.rich-size-value-row input{font-size:16px}.rich-size-value-action{width:44px}}@media(pointer:coarse){.rich-size-value-row input{font-size:16px}.rich-size-value-action{min-width:44px;min-height:44px}}.rich-content gauget-value[role=button]{cursor:pointer}.rich-content gauget-value[role=button]:focus-visible{outline:2px solid #2c7772;outline-offset:2px}.rich-content{position:relative;min-height:180px;padding:18px;outline:none;font-size:16px;line-height:1.85;overflow-wrap:anywhere;font-synthesis:style}.rich-editor.compact .rich-content{min-height:96px;padding:12px 14px;font-size:14px;line-height:1.75}.rich-content[data-empty=true][data-placeholder]:before{position:absolute;content:attr(data-placeholder);color:#a79f98;pointer-events:none}.rich-content:has(p[data-instruction-id])[data-empty=true]:before{display:none}.rich-editor-help{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:10px 14px;border-top:1px solid var(--line);color:var(--muted);background:#faf7f2;font-size:11px;line-height:1.6}.rich-content:focus-visible{box-shadow:inset 0 0 0 3px #e5654f33}.rich-content p:last-child{margin-bottom:0}.rich-content a{color:#24699a;font-weight:inherit;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.16em}.rich-content p[data-instruction-id]{position:relative;min-height:38px;margin:8px 0;padding:8px 11px 8px 42px;border:1px solid #ead4cc;border-radius:8px;background:#fff8f5}.rich-content p[data-instruction-id]:before{position:absolute;top:10px;left:12px;display:grid;width:18px;height:18px;place-items:center;border:2px solid var(--accent);border-radius:5px;color:var(--accent);content:"";pointer-events:none}gauget-value{display:inline-block;background:#dff1ee;border:1px solid #a8d4cf;color:#2c7772;border-radius:5px;padding:0 5px;margin:0 2px;font-size:.9em;font-weight:700}.variant-editor{margin-top:10px;border:1px dashed #d9d0c6;border-radius:7px;padding:9px}.variant-editor summary{cursor:pointer;color:var(--muted);font-size:10px;font-weight:600}.variant-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:12px 0 7px}.variant-controls label{display:grid;gap:4px}.variant-controls select{width:160px}.variant-controls .button{margin-left:auto}.variant-payload-fields{margin-top:12px}.variant-chart-editor>.chart-editor{margin-top:10px}.pattern-image-editor{display:grid;gap:14px;min-width:0}.pattern-image-settings{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.pattern-image-settings>label:first-child{flex:1 1 200px;min-width:0}.pattern-image-size{flex:0 1 240px;min-width:160px}.pattern-image-size>div{display:flex;gap:10px;min-height:41px;align-items:center}.pattern-image-size input{min-width:0;flex:1;padding:0;height:28px}.pattern-image-size output{min-width:40px;color:var(--ink);font-size:12px;font-weight:600;text-align:right}.pattern-image-stage{min-width:0;padding:14px;border:1px solid var(--line);border-radius:9px;background:#faf7f2}.pattern-image-drop-zone{border-style:dashed;transition:border-color .15s,background .15s}.pattern-image-drop-zone.is-dragging{border-color:#267966;background:#edf7f4;box-shadow:inset 0 0 0 1px #267966}.pattern-image-upload-area{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;width:100%;min-height:210px;padding:20px 12px;border:0;border-radius:6px;color:var(--muted);background:transparent;text-align:center;cursor:pointer}.pattern-image-upload-area strong{color:var(--ink);font-size:14px}.pattern-image-upload-area span{font-size:12px}.pattern-image-upload-area small{font-size:10px}.pattern-image-upload-area:hover,.pattern-image-upload-area:focus-visible{background:#edf7f4}.pattern-image-preview-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.pattern-image-preview-trigger:focus-visible{outline:2px solid #267966;outline-offset:3px}.pattern-image-upload-hint{margin:18px 0 0;color:var(--muted);font-size:11px;text-align:center}.pattern-image-stage-content{width:100%}.pattern-image-frame{position:relative;outline:1px solid #7dada3}.pattern-image-frame img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.pattern-image-resize{position:absolute;right:-10px;bottom:-10px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #5b978a;border-radius:6px;color:#246d60;background:#fff;cursor:nwse-resize;touch-action:none;box-shadow:0 2px 5px #0001}.pattern-image-empty{display:grid;min-height:160px;place-items:center;margin:0;color:var(--muted);font-size:13px;text-align:center}@media(max-width:600px),(pointer:coarse){.pattern-image-settings input:not([type=range]){font-size:16px}.pattern-image-resize{min-width:44px;min-height:44px;right:-12px;bottom:-12px}.pattern-image-stage{padding:18px}}.drafting-image-editor{display:grid;gap:12px}.drafting-source-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;padding:16px;border:1px solid #bcd8d3;border-radius:10px;background:#f3faf8}.drafting-source-picker>div{display:grid;gap:4px;align-self:center}.drafting-source-picker strong{color:var(--ink);font-size:11px}.drafting-source-picker span{color:var(--muted);font-size:9px;line-height:1.5}.drafting-source-picker label{display:grid;gap:5px;color:var(--ink);font-size:9px;font-weight:700}.drafting-source-picker .inline-error{grid-column:1 / -1}.drafting-source-picker .drafting-import-status{grid-column:1 / -1;margin:0;color:var(--muted);font-size:11px}.drafting-block-preview{max-width:720px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#eee9e2}.drafting-block-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.drafting-block-preview-heading strong{color:var(--ink);font-size:11px}.drafting-block-preview-heading span{padding:3px 7px;border-radius:999px;background:#dff1ee;color:#267966;font-size:8px;font-weight:800}.drafting-block-preview .drafting-canvas-shell{width:min(100%,520px);margin-inline:auto}.drafting-block-preview .drafting-canvas{max-height:360px;object-fit:contain;background:#fffdf8;box-shadow:0 5px 16px #372a2017}.drafting-inserted-note{margin:0;color:#267966;font-size:10px;font-weight:700}.table-block-editor{min-width:0}.pattern-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.pattern-table-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:4px}.pattern-table-toolbar .context-help{margin-left:auto}.pattern-table-toolbar>button,.pattern-table-color-trigger{min-height:34px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 9px;cursor:pointer;font-size:11px}.pattern-table-toolbar .inline-actions{margin-top:0}.pattern-table-toolbar .inline-actions button{min-height:34px;font-size:11px}.pattern-table-toolbar button:disabled{opacity:.4;cursor:default}.pattern-table-color-sample{width:17px;height:17px;flex:none;border:1px solid #0002;border-radius:4px}.pattern-table-palette{position:fixed;z-index:100;width:250px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px #0002;font-size:12px}.pattern-table-palette header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pattern-table-palette button{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:6px;padding:6px;background:#fff;cursor:pointer;color:var(--ink);font-size:11px}.pattern-table-palette header button{border:0;padding:4px}.pattern-table-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.pattern-table-palette .pattern-table-swatch{width:100%;aspect-ratio:1;padding:0;border:1px solid #0002;border-radius:50%}.pattern-table-swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.pattern-table-custom-color{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.pattern-table-custom-color label{display:flex;align-items:center;gap:8px}.pattern-table-custom-color input{width:42px;height:32px;padding:3px}.pattern-table-palette .pattern-table-color-reset{width:100%;margin-top:8px}.pattern-table-scroll{overflow-x:auto;padding:3px 2px 7px}.pattern-table-layout{padding-right:0}.pattern-table-grid{position:relative;touch-action:pinch-zoom}.pattern-table-grid table{width:100%;table-layout:fixed;border-collapse:collapse}.pattern-table-grid th,.pattern-table-grid td{border:1px solid var(--line);padding:0;background:#fff;vertical-align:top}.pattern-table-grid th{background:#f5f1eb}.pattern-table-grid textarea{display:block;width:100%;min-height:0;resize:none;border:0;border-radius:0;padding:10px;margin:0;box-sizing:border-box;background:transparent;color:inherit;font:inherit;line-height:1.4}.pattern-table-grid th textarea{font-weight:700}.pattern-table-grid .is-selected{position:relative;box-shadow:inset 0 0 0 2px var(--accent)}.pattern-table-grid .is-selected:after{position:absolute;inset:2px;content:"";background:#e5654f14;pointer-events:none}.pattern-table-grid:focus{outline:none}.pattern-table-grid textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.pattern-table-column-resizer,.pattern-table-row-resizer{position:absolute;z-index:2;touch-action:none}.pattern-table-column-resizer{width:10px;height:100%;top:0;transform:translate(-50%);cursor:col-resize}.pattern-table-row-resizer{height:10px;width:100%;left:0;transform:translateY(-50%);cursor:row-resize}.pattern-table-column-resizer:hover:after,.pattern-table-column-resizer:focus-visible:after{content:"";position:absolute;width:2px;height:100%;left:4px;background:var(--accent)}.pattern-table-row-resizer:hover:after,.pattern-table-row-resizer:focus-visible:after{content:"";position:absolute;height:2px;width:100%;top:4px;background:var(--accent)}@media(max-width:600px){.pattern-table-toolbar{gap:7px}}@media(pointer:coarse){.pattern-table-toolbar>button,.pattern-table-toolbar .inline-actions button{min-height:44px}.pattern-table-column-resizer{width:18px}.pattern-table-row-resizer{height:18px}}.table-payload-editor>label{display:grid;gap:4px;margin-top:10px}.inline-actions{display:flex;gap:6px;margin-top:8px}.divider-preview{display:flex;align-items:center;color:var(--muted);font-size:9px;gap:10px}.divider-preview:before,.divider-preview:after{content:"";flex:1;height:1px;background:var(--line)}.missing-chart{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--muted);font-size:10px}.chart-source-picker{display:grid;gap:20px;min-width:0;padding:20px;border:1px solid var(--line);border-radius:10px;background:#faf7f2}.chart-source-heading,.chart-source-library-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.chart-source-heading h3,.chart-source-library-heading h4{margin:0;color:var(--ink);font-size:14px}.chart-source-heading p,.chart-source-library-heading p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.chart-source-heading>button{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:38px}.chart-source-heading>button[hidden]{display:none}.chart-source-library-heading{padding-top:16px;border-top:1px solid var(--line)}.chart-source-search{display:flex;align-items:center;gap:6px;min-width:0;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted)}.chart-source-search:focus-within{outline:2px solid var(--accent);outline-offset:1px}.chart-source-search input{width:190px;max-width:100%;min-width:0;min-height:36px;padding:5px 0;border:0;background:transparent;color:var(--ink);font-size:12px;outline:none}.chart-source-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:12px;max-height:360px;overflow-y:auto;padding:3px;overscroll-behavior:contain;scrollbar-width:thin}.chart-source-card-holder{display:flex;flex-direction:column;min-width:0}.chart-source-card{display:flex;flex-direction:column;width:100%;min-width:0;height:100%;padding:0;overflow:hidden;border:1px solid #ddd3c7;border-radius:9px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.chart-source-card:hover:not(:disabled){border-color:var(--accent);box-shadow:0 3px 12px #302b2810}.chart-source-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-source-card:disabled{cursor:wait}.chart-source-card-holder>.chart-source-card{height:auto;flex:1}.chart-source-thumbnail{display:grid;place-items:center;width:100%;height:112px;flex:none;min-width:0;padding:10px;overflow:hidden;border-bottom:1px solid var(--line);background:#eeeae4}.chart-source-thumbnail .chart-thumbnail{display:block;width:100%;height:100%}.chart-source-preview-status{color:var(--muted);font-size:11px;line-height:1.6;text-align:center}.chart-source-card-caption{display:grid;gap:8px;width:100%;min-width:0;padding:12px}.chart-source-card-caption>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.chart-source-card-caption>span{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chart-source-card-caption small{color:var(--muted);font-size:11px;line-height:1.5}.chart-source-card-caption .chart-craft-tag{font-size:10px;padding:3px 7px}.chart-source-retry{width:100%;margin-top:5px;min-height:32px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--accent-dark);font-size:12px;cursor:pointer}.chart-source-crafts{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:16px}.chart-source-crafts .chart-source-thumbnail{height:130px}.chart-source-crafts .chart-source-card-caption>strong{display:flex;align-items:center;flex-wrap:wrap;gap:6px;overflow:visible;white-space:normal}.chart-source-crafts .crochet-beta-badge{vertical-align:middle}.chart-source-empty{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.chart-payload-editor>.chart-editor{margin-top:0}.chart-editor{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#f6f2ec;box-shadow:0 5px 16px #2f2a270f}.chart-tools{display:flex;min-height:52px;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #ddd5cc;background:#fffdf9}.chart-tool-group,.chart-tool-actions{display:flex;align-items:center;gap:4px}.chart-tool-group{padding:3px;border:1px solid #e2dbd2;border-radius:9px;background:#f2ede7}.chart-tools .chart-tool-group button{display:inline-flex;min-height:32px;align-items:center;gap:5px;padding:0 11px;border-color:transparent;border-radius:7px;background:transparent;color:#5f5852;font-weight:700}.chart-tools .chart-tool-group button:hover,.chart-tools .chart-tool-group button:focus-visible{border-color:#ddd4ca;background:#fff;color:var(--ink)}.chart-tools .chart-tool-group button.active,.stitch-palette>button.active,.stitch-palette>button:active:not(:disabled){border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 2px 6px #e5654f33}.chart-tool-group kbd{min-width:15px;padding:1px 4px;border:1px solid #d8d0c7;border-radius:4px;background:#ffffffb3;color:#817870;font:600 8px/1.4 system-ui,sans-serif;text-align:center}.chart-tool-group button.active kbd{border-color:#ffffff73;background:#ffffff24;color:#fff}.chart-tool-actions>button{min-height:32px;border-color:#ddd4ca;background:#fff;color:#4d4742;font-weight:600}.chart-tool-actions>button:hover:not(:disabled),.chart-tool-actions>button:focus-visible:not(:disabled){border-color:#ada299;background:#faf7f3}.chart-tool-actions>button:disabled{cursor:default;opacity:.42}.chart-tool-actions>.reader-chart-preview-trigger{display:inline-flex;align-items:center;gap:6px;min-height:34px;border-color:#e7b5aa;background:#fff7f3;color:var(--accent-dark);font-weight:700}.chart-tool-actions>.reader-chart-preview-trigger:hover,.chart-tool-actions>.reader-chart-preview-trigger:focus-visible{border-color:var(--accent);background:#ffede6}.chart-action-divider{width:1px;height:24px;margin:0 2px;background:#ddd5cc}.chart-shape-settings{display:flex;flex:0 0 auto;max-width:100%;align-items:flex-end;flex-wrap:wrap;gap:12px}.chart-transform-controls{display:grid;width:210px;max-width:100%;gap:4px}.chart-transform-controls small{color:var(--muted);font-size:9px;line-height:1.4}.chart-rotation-actions{display:flex;gap:5px}.chart-rotation-actions>button{gap:6px;font-size:10px}.chart-rotation-actions svg{flex:none}.chart-editor-bar{display:flex;flex-wrap:wrap;min-height:72px;align-items:flex-end;gap:12px;padding:10px 12px 11px;border-bottom:1px solid #d9d1c8;background:#f4efe9}.chart-settings-title{align-self:center;padding:0 4px;color:#756d67;font-size:10px;font-weight:800;white-space:nowrap}.chart-editor-bar label{display:grid;gap:4px;color:#625b55;font-size:9px;font-weight:700}.chart-editor-bar input,.chart-editor-bar select{height:34px;padding:6px 9px;border-color:#d8cfc5;background:#fff;font-size:11px;font-weight:600}.chart-caption-field{width:min(230px,22vw);min-width:170px}.chart-format-field{width:min(230px,25vw);min-width:190px}.chart-gauge-fields{display:grid;flex:0 0 auto;gap:4px;color:#625b55;font-size:9px;font-weight:700}.chart-gauge-inputs{display:flex;align-items:center;gap:6px}.chart-gauge-inputs>label{display:flex;align-items:center;gap:4px}.chart-gauge-inputs input{width:72px;padding-right:30px}.chart-fabric-controls{display:flex;flex:0 0 auto;gap:6px}.knitting-editor:not(.has-left-palette) .chart-fabric-controls{align-self:stretch;margin-right:3px;padding-right:8px;border-right:1px solid #ddd6ce}.chart-fabric-controls>button{display:flex;flex-direction:column;width:72px;min-height:49px;align-items:center;justify-content:center;gap:4px;padding:5px 4px;border:1px solid #d0c6bb;border-radius:8px;background:#fff;color:var(--ink);font-weight:800}.chart-fabric-controls>button>small{margin:0;font-size:10px;line-height:1.35}.chart-fabric-controls>button>svg{flex:0 0 auto}.chart-fabric-controls .chart-has-stitch-swatch .stitch-glyph{width:18px;height:18px;margin:0}.chart-fabric-controls>button:hover:not(:disabled):not(.active){border-color:#9f948b;background:#fffdf9}.chart-has-stitch-toggle.active,.chart-has-stitch-toggle:active:not(:disabled),.chart-no-stitch-toggle.active,.chart-no-stitch-toggle:active:not(:disabled){border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 2px 6px #e5654f33}.chart-no-stitch-toggle:disabled{border-color:#ddd6ce;background:#f2eee9;color:#aaa19a;cursor:not-allowed;opacity:.62}.chart-has-stitch-swatch,.chart-no-stitch-swatch{display:grid;flex:0 0 auto;place-items:center;width:20px;height:20px;border:1px solid rgba(48,43,40,.22);border-radius:3px}.chart-has-stitch-swatch{background:#fff;color:#302b28}.chart-no-stitch-toggle.active .chart-no-stitch-swatch{border-color:#fffc}.chart-fabric-lock-toggle.active{border-color:#d85d49;background:#fff0ed;color:#a34235}.chart-settings-divider{width:1px;height:37px;align-self:flex-end;margin:0 2px;background:#d8d0c7}.chart-dimensions{display:flex;align-items:flex-end;gap:8px}.chart-dimensions label{width:78px}.chart-dimension-error{flex:1 0 100%;margin:0}.chart-dimensions>span{display:grid;height:34px;place-items:center;color:#948b84;font-size:11px}.chart-editor{container:chart-editor / inline-size}.chart-editor .chart-tools{overflow:visible}.chart-toolbar-scroll{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:8px;flex-wrap:wrap;overflow:visible}.chart-toolbar-scroll>.chart-tool-group{flex:0 0 auto}.chart-toolbar-scroll>.chart-tool-actions{flex:0 1 auto;min-width:0;max-width:100%;flex-wrap:wrap}.chart-action-divider,.chart-tool-actions .zoom-control{flex:none}.chart-toolbar-view-action{display:flex;flex:0 0 auto;align-items:center;padding-left:10px;border-left:1px solid #e2d9d0}.chart-tools .chart-fullscreen-toggle{display:inline-flex;min-width:0;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid #a8d0c9;border-radius:8px;background:#eaf5f2;color:#246c60;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 2px 7px #25695e14;cursor:pointer}.chart-fullscreen-toggle svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-tools .chart-fullscreen-toggle:hover:not(:disabled),.chart-tools .chart-fullscreen-toggle:focus-visible:not(:disabled){border-color:#5ba99a;background:#d8eee8;color:#17584e}.chart-tools .chart-fullscreen-toggle:focus-visible{outline:2px solid #347d70;outline-offset:2px}.chart-tools .chart-fullscreen-toggle[aria-pressed=true]{border-color:#286b60;background:#286b60;color:#fff}.chart-tools .chart-fullscreen-toggle[aria-pressed=true]:hover,.chart-tools .chart-fullscreen-toggle[aria-pressed=true]:focus-visible{border-color:#19574e;background:#19574e;color:#fff}.tool-spacer{flex:1}.canvas-host{position:relative;height:560px;overflow:hidden;background:#f4f0e9}.chart-paste-preview-label{position:absolute;top:8px;right:12px;pointer-events:none;padding:4px 8px;border:1px dashed #28796d;border-radius:4px;background:#f4fbf8;color:#245d54;font-size:11px}.canvas-host.has-chart-annotations{height:660px}.pattern-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.pattern-canvas:focus-visible:not([data-focus-origin=pointer]){outline:2px solid var(--accent);outline-offset:-2px}.pattern-canvas.tool-draw,.pattern-canvas.tool-erase{cursor:cell}.pattern-canvas.tool-select{cursor:crosshair}.pattern-canvas.tool-select.fill-handle-hover{cursor:nwse-resize}.pattern-canvas.tool-select.selection-border-hover{cursor:move}.pattern-canvas.tool-pan{cursor:grab}.pattern-canvas.annotation-mode{cursor:text}.chart-selection-size-position{position:absolute;left:6px;right:6px;z-index:2;display:flex;height:24px;pointer-events:none}.chart-selection-size-spacer{flex:0 1 auto;min-width:0}.chart-selection-size{flex:0 0 auto;height:24px;padding:0 7px;border:1px solid #edb3a8;border-radius:4px;background:#fff8f3;color:#a83e2e;font:600 11px/22px system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 1px 3px #302b2814}.chart-annotation-inline-editor{z-index:5;box-sizing:border-box;padding:9px 11px;resize:none;border:2px solid var(--accent);border-radius:8px;outline:0;background:#fffffff7;box-shadow:0 8px 24px #2f2a2733;color:var(--ink);font:600 11px/1.45 system-ui,sans-serif}.canvas-hint{position:absolute;right:9px;bottom:8px;background:#ffffffe0;border:1px solid var(--line);border-radius:5px;padding:4px 7px;color:var(--muted);font-size:8px;pointer-events:none}.chart-footer{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:16px;padding:11px 12px 16px;border-top:1px solid #e5ddd4;background:#fffdf9}.chart-palette{display:flex;min-width:0;flex:1 1 auto;align-items:stretch;flex-wrap:nowrap;gap:7px;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;scrollbar-width:thin}.chart-palette-heading{display:none}.stitch-palette,.color-palette{display:flex;flex:0 0 auto;align-items:flex-start;flex-wrap:nowrap;gap:5px}.palette-divider{width:1px;min-height:51px;flex:0 0 1px;align-self:stretch;margin:0 3px;background:#ddd6ce}.stitch-palette>button{width:50px;height:49px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}.stitch-palette>button:disabled{border-color:#ddd6ce;background:#f2eee9;color:#aaa19a;box-shadow:none;cursor:not-allowed;opacity:.62}.stitch-palette span,.stitch-palette small{display:block}.stitch-palette span{font-size:16px}.stitch-palette .stitch-glyph{display:block;width:25px;height:25px;margin:0 auto;color:currentColor;font-size:15px;line-height:25px}.stitch-palette .yarn-swatch{width:24px;height:24px;margin:0 auto;border:1px solid rgba(48,43,40,.2);border-radius:4px;font-size:11px;line-height:22px}.stitch-palette small{font-size:7px;margin-top:2px}.color-palette-item{position:relative;display:block;height:49px}.color-palette-item>button,.color-palette-clear{display:grid;width:50px;height:49px;padding:0;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}.color-palette-item>button:hover,.color-palette-clear:hover{border-color:#b9afa5;background:#faf7f2}.color-palette-item>button.active,.color-palette-clear.active,.color-palette-item>button:active:not(:disabled),.color-palette-clear:active:not(:disabled){border-color:var(--accent);background:#fff8f5;box-shadow:0 0 0 2px #e5654f29}.color-swatch,.color-palette-clear>span{width:29px;height:29px;border:1px solid rgba(48,43,40,.22);border-radius:5px}.color-palette-clear>span{position:relative;overflow:hidden;background:linear-gradient(45deg,#eee9e3 25%,transparent 25%,transparent 75%,#eee9e3 75%),linear-gradient(45deg,#eee9e3 25%,#fff 25% 75%,#eee9e3 75%);background-position:0 0,5px 5px;background-size:10px 10px}.color-palette-clear>span:after{position:absolute;inset:13px -3px auto;height:2px;background:#d85d49;content:"";transform:rotate(-45deg)}.color-palette-item>input[type=color]{box-sizing:border-box;position:absolute;top:-4px;right:-4px;width:18px;height:18px;padding:2px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #c8beb4;cursor:pointer}.color-palette-item>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-palette-item>input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.color-palette-item>input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.color-palette-item>input[type=color]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-selection-actions{display:flex;flex:0 1 auto;align-items:center;flex-wrap:wrap;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--line)}.chart-selection-actions>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px;max-width:100%}.chart-selection-actions>div+div{padding-left:8px;border-left:1px solid var(--line)}.chart-selection-actions button{display:inline-flex;flex:0 0 auto;width:34px;min-height:34px;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;color:#4d4742;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.chart-selection-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.chart-selection-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-selection-actions button:disabled{cursor:default;opacity:.42}.chart-shaping-tools{display:grid;gap:4px;flex:0 0 auto}.chart-shaping-tools-label{color:#675c54;font-size:9px;font-weight:700;line-height:1.4;white-space:nowrap}.chart-shaping-tools-actions{display:flex;gap:4px}.chart-shaping-tools-actions button{min-height:34px;padding:2px 8px;border:1px solid #daccc0;border-radius:5px;background:#fff;color:#4f433c;cursor:pointer;font:inherit;font-size:10px;font-weight:700;white-space:nowrap}.chart-shaping-tools-actions button:hover:not(:disabled){border-color:var(--accent);background:#fff4f0;color:var(--accent-dark)}.chart-shaping-tools-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-shaping-tools-actions button:disabled{cursor:default;opacity:.5}.chart-selection-actions .frame-icon{flex:none;width:17px;height:15px;border:3px solid currentColor}.chart-selection-actions .frame-remove-icon{display:grid;flex:none;width:17px;height:15px;place-items:center;border:1.5px solid currentColor;color:currentColor;font-size:14px;line-height:1}@container chart-editor (max-width: 620px){.chart-selection-actions{flex:1 1 100%;margin-left:0;padding-left:0;border-left:0}}@media(pointer:coarse){.chart-selection-actions button{width:44px;min-height:44px}}.chart-editor-notice{position:absolute;right:12px;bottom:63px;z-index:8;max-width:min(420px,calc(100% - 24px));padding:6px 9px;border:1px solid #d5cbc0;border-radius:6px;background:#fffdf9f5;color:#625b55;box-shadow:0 3px 12px #2f2a271a;font-size:8px;font-weight:600;pointer-events:none}.palette-context-menu{position:fixed;z-index:10000;display:grid;width:212px;gap:7px;padding:9px;border:1px solid #cfc5ba;border-radius:8px;background:#fffdf9;color:var(--ink);box-shadow:0 10px 28px #2f2a2733}.stitch-palette-name-editor{position:fixed;z-index:10000;display:grid;width:min(280px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;gap:12px;padding:14px;border:1px solid #cfc5ba;border-radius:8px;background:#fffdf9;color:var(--ink);box-shadow:0 10px 28px #2f2a2733}.stitch-palette-name-editor>label{display:grid;gap:6px;font-size:12px;font-weight:700}.stitch-palette-name-editor input{min-width:0;width:100%}.stitch-palette-name-editor .stitch-name-editor-actions{justify-content:flex-end}.palette-context-menu strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.palette-context-menu button{min-height:30px;padding:5px 8px;border:0;border-radius:5px;background:#fff0ec;color:#b84735;cursor:pointer;font-size:9px;font-weight:700;text-align:left}.palette-context-menu button:hover:not(:disabled),.palette-context-menu button:focus-visible:not(:disabled){background:#ffe2da}.palette-context-menu button:disabled{background:#f3efea;color:#a49c95;cursor:default}.palette-context-menu small{color:#746c65;font-size:8px;line-height:1.45}.yarn-palette-add,.stitch-symbol-add{display:flex;height:49px;align-items:stretch;overflow:hidden;border:1px dashed #b9afa5;border-radius:6px;background:#fff}.yarn-palette-add>button,.stitch-symbol-add>button{width:auto;height:100%;padding:0 9px;border:0;background:#fff;color:var(--ink);cursor:pointer;font-size:9px;font-weight:700;white-space:nowrap}.stitch-symbol-add>button+button{border-left:1px solid var(--line)}.yarn-palette-add>button:hover,.stitch-symbol-add>button:hover{background:#f5efe8}.yarn-palette-add>button[aria-expanded=true],.stitch-symbol-add>button[aria-expanded=true]{background:#f5efe8;color:var(--accent)}.yarn-palette-add>button:disabled,.stitch-symbol-add>button:disabled{cursor:not-allowed;opacity:.45}.yarn-color-picker{position:fixed;z-index:1100;width:min(240px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 28px #2f2a2733;color:var(--ink)}.yarn-color-picker>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:11px}.yarn-color-picker>header>button{width:24px;height:24px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;font-size:18px}.yarn-color-options{display:grid;grid-template-columns:repeat(5,1fr);justify-items:center;gap:10px}.yarn-color-option{width:30px;height:30px;padding:0;border:1px solid rgba(48,43,40,.2);border-radius:50%;cursor:pointer}.yarn-color-option:hover,.yarn-color-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.yarn-color-custom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:10px}.yarn-color-custom>label{display:grid;gap:6px}.yarn-color-custom input[type=color]{width:36px;height:28px;padding:2px;border:1px solid var(--line);border-radius:5px;background:#fff;cursor:pointer}.yarn-color-custom>button{padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#faf7f2;color:var(--ink);cursor:pointer;font-size:10px;font-weight:700}.stitch-symbol-picker{max-height:330px;overflow:auto;padding:14px 16px 16px;border-top:1px solid #d7cec4;border-bottom:1px solid #d7cec4;background:#fffdf9;box-shadow:inset 0 8px 20px #2f2a270a}.stitch-symbol-picker>header{position:sticky;top:-14px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:-2px 0 12px;padding:9px 0 8px;background:#fffdf9}.stitch-symbol-picker>header strong{display:block;font-size:12px}.stitch-symbol-picker>header p{margin:3px 0 0;color:var(--muted);font-size:9px}.stitch-symbol-picker>header button{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);cursor:pointer;font-size:16px}.stitch-symbol-picker-group+.stitch-symbol-picker-group{margin-top:14px}.stitch-symbol-picker-group h3{margin:0 0 7px;color:#625a54;font-size:10px}.stitch-symbol-picker-group>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}.stitch-symbol-picker-group button{display:grid;min-height:48px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);cursor:pointer;text-align:left}.stitch-symbol-picker-group button:hover,.stitch-symbol-picker-group button:focus-visible{border-color:var(--accent);background:#fff8f5}.stitch-symbol-picker-group .stitch-glyph{width:30px;height:30px;justify-self:center}.stitch-symbol-picker-group button>span{font-size:9px;line-height:1.35}.stitch-symbol-picker-empty{margin:12px 0;color:var(--muted);font-size:10px;text-align:center}.stitch-glyph-variant-list{display:grid;gap:9px}.stitch-symbol-settings-group{display:grid;gap:7px}.stitch-symbol-settings-group>h3{margin:5px 0 0;color:#625a54;font-size:10px}.stitch-symbol-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stitch-glyph-variant-row{display:grid;align-content:start;gap:8px;min-width:0;padding:9px 10px;border:1px solid #e2dad1;border-radius:9px;background:#fff}.stitch-glyph-variant-name{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.stitch-glyph-variant-name>.stitch-glyph{width:30px;height:30px}.stitch-glyph-variant-name label{min-width:0;display:grid;gap:3px;color:var(--muted);font-size:9px}.stitch-glyph-variant-name input{width:100%;min-width:0;height:32px;padding:5px 8px;color:var(--ink);font-size:11px}.stitch-name-display,.stitch-name-editor{display:grid;gap:5px;min-width:0}.stitch-name-display strong{overflow-wrap:anywhere;color:var(--ink);font-size:11px;line-height:1.35}.stitch-name-display>button{justify-self:start;padding:0;border:0;background:transparent;color:var(--accent);cursor:pointer;font-size:9px;font-weight:700}.stitch-name-display>button:hover,.stitch-name-display>button:focus-visible{text-decoration:underline}.stitch-name-editor-actions{display:flex;flex-wrap:wrap;gap:5px}.stitch-name-editor-actions button{min-height:28px;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);cursor:pointer;font-size:9px;font-weight:700}.stitch-name-editor-actions button:first-child{border-color:var(--accent);background:#fff0ec;color:#a84031}.stitch-name-editor-actions button:disabled{cursor:not-allowed;opacity:.4}.stitch-glyph-variant-options{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px solid #eee7df}.stitch-glyph-variant-options button{display:flex;width:54px;height:48px;min-height:48px;align-items:center;justify-content:center;padding:5px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);cursor:pointer}.stitch-glyph-variant-options button:hover,.stitch-glyph-variant-options button:focus-visible{border-color:var(--accent);background:#fff8f5}.stitch-glyph-variant-options button[aria-pressed=true]{border-color:var(--accent);background:#fff0ec;box-shadow:inset 0 0 0 1px var(--accent);color:#a84031}.stitch-glyph-variant-options .stitch-glyph{width:30px;height:30px}.zoom-control{display:flex;flex:0 0 auto;align-items:center;gap:4px;padding:3px 4px;border:1px solid #e2dbd2;border-radius:8px;background:#f7f3ee}.zoom-control input{width:96px;padding:0;accent-color:var(--accent)}.chart-tool-actions .zoom-control>button{min-width:28px;min-height:28px;padding-inline:7px;border-color:#ddd4ca;background:#fff;color:#4d4742}.chart-tool-actions .zoom-control>button:hover,.chart-tool-actions .zoom-control>button:focus-visible{border-color:#ada299;background:#fffdf9}.chart-tool-actions .zoom-control>button:last-of-type{min-width:43px;font-variant-numeric:tabular-nums}.chart-editor.is-fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;margin:0;z-index:1000;display:flex;flex-direction:column;border-radius:0;background:#f6f2ec;box-shadow:none}.chart-editor.is-fullscreen .chart-editor-bar{min-height:64px;flex:0 0 auto;padding:7px 18px 8px;background:#f4efe9}.chart-editor.is-fullscreen .chart-tools{min-height:44px;flex:0 0 auto;padding:4px 18px}.chart-editor.is-fullscreen .canvas-host{height:auto;min-height:0;flex:1 1 0;border:0}.chart-editor.is-fullscreen .chart-footer{flex:0 0 auto;overflow:hidden;padding:12px 18px max(22px,env(safe-area-inset-bottom));background:#fffdf9}.chart-editor.is-fullscreen .stitch-symbol-picker{flex:0 1 300px}.preview-mode-tabs{display:flex;justify-content:center;gap:8px;margin:22px 0 12px}.preview-mode-tabs button{min-width:170px;border:1px solid var(--line);border-radius:8px;background:#f6f2ec;padding:10px 18px;cursor:pointer;color:var(--muted);font-size:12px;font-weight:700}.preview-mode-tabs button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.preview-size-tabs{display:flex;justify-content:center;gap:7px;margin-bottom:20px}.preview-size-tabs button{min-width:70px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:7px 14px;cursor:pointer;font-size:11px}.preview-size-tabs button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.preview-stage{min-height:700px;border-radius:12px}.preview-stage.mobile{display:grid;place-items:center;padding:36px;background:radial-gradient(circle at 50% 20%,#fff,#ece4d9)}.preview-stage.pdf{min-width:0;padding:10px;background:#e5ded5}.pdf-preview-shell{display:grid;min-width:0;gap:14px}.pdf-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 4px 16px #2f2a2714}.pdf-preview-toolbar>div{display:grid;gap:3px;min-width:0}.pdf-preview-toolbar strong{font-size:12px}.pdf-preview-toolbar span{color:var(--muted);font-size:10px;line-height:1.6}.pdf-preview-toolbar .button{flex:0 0 auto}.pdf-preview-toolbar .pdf-preview-actions{display:flex;grid-auto-flow:column;gap:8px;flex:0 0 auto}.pdf-preview-frame{display:block;width:100%;height:min(1050px,calc(100vh - 210px));min-height:720px;border:1px solid #cfc7bd;border-radius:10px;background:#d9d4cd;box-shadow:0 12px 30px #2f2a2724}.phone-frame{width:390px;height:710px;border:10px solid #2e2b29;border-radius:46px;background:var(--pattern-background, white);box-shadow:0 25px 50px #2b231d3d;overflow:hidden;position:relative;padding-top:15px}.phone-speaker{width:70px;height:6px;position:absolute;left:50%;top:7px;transform:translate(-50%);background:#2e2b29;border-radius:5px}.mobile-pattern{height:100%;overflow-y:auto;padding:22px 24px 50px;background:var(--pattern-background, #fff);color:var(--ink);font-size:11px;line-height:1.8}.mobile-pattern>header{padding-bottom:16px;border-bottom:1px solid var(--pattern-border, #eee8e0)}.mobile-pattern>header>span{color:var(--accent);font-size:8px;font-weight:700;letter-spacing:.1em}.mobile-pattern h1{font-size:21px;margin:7px 0 3px}.mobile-creator-profile{display:flex;align-items:center;gap:9px;margin:9px 0 10px}.mobile-creator-avatar{width:30px;height:30px;display:block;flex:0 0 30px;border:2px solid var(--pattern-background, #fff);border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--pattern-border, #ddd4ca)}.mobile-creator-profile>div{min-width:0;display:grid;gap:1px;line-height:1.25}.mobile-creator-profile small{color:var(--muted);font-size:8px}.mobile-creator-profile strong{overflow-wrap:anywhere;font-size:10px}.mobile-pattern h2{font-size:14px;margin:25px 0 10px}.mobile-material{margin-bottom:10px}.mobile-material strong,.mobile-tool strong{color:#282421}.mobile-material>div,.mobile-tool>div{color:var(--muted)}.mobile-tool{margin-bottom:10px}.mobile-material small{display:block;color:var(--muted);line-height:1.55}.mobile-pattern p{margin-bottom:7px}.mobile-measurements,.mobile-abbreviations{margin:0}.mobile-measurements>div,.mobile-abbreviations>div{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,2fr);gap:10px;padding:5px 0;border-bottom:1px solid var(--pattern-border, #eee8e0)}.mobile-measurements dt,.mobile-abbreviations dt{color:var(--muted)}.mobile-measurements dd,.mobile-abbreviations dd{margin:0}.mobile-gauge{padding:7px 0}.mobile-gauge+.mobile-gauge{margin-top:5px;padding-top:12px;border-top:1px solid var(--pattern-border, #eee8e0)}.mobile-gauge-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}.mobile-gauge-heading span{color:var(--muted);font-size:9px;text-align:right}.mobile-gauge-counts{color:var(--accent);font-weight:700;margin:2px 0 5px}.mobile-gauge .mobile-placeholder{min-height:70px}.mobile-description{color:var(--muted);margin-top:18px}.mobile-rich-fragment p{margin:0 0 7px}.mobile-rich-fragment p:last-child{margin-bottom:7px}.mobile-instruction{display:grid;grid-template-columns:23px minmax(0,1fr);align-items:start;gap:8px;margin:9px 0;padding:9px 10px;border:1px solid var(--pattern-border, #eadbd1);border-radius:8px;background:var(--pattern-accent-soft, #fdf8f5);transition:opacity .16s ease,background-color .16s ease}.mobile-instruction-toggle{display:grid;width:19px;height:19px;margin:1px 0 0;padding:0;place-items:center;border:1.5px solid var(--pattern-border, #bcaaa0);border-radius:5px;background:var(--pattern-surface, #fff);color:var(--pattern-on-accent, #fff);cursor:pointer;font:inherit;font-size:12px;font-weight:800;line-height:1}.mobile-instruction-toggle:hover{border-color:var(--accent)}.mobile-instruction-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 32%,transparent);outline-offset:2px}.mobile-instruction.is-complete{border-color:var(--pattern-border, #dfd9d3);background:var(--pattern-complete, #f7f5f2)}.mobile-instruction.is-complete .mobile-instruction-toggle{border-color:var(--accent);background:var(--accent)}.mobile-instruction.is-complete .mobile-instruction-body{color:var(--muted);text-decoration:line-through;text-decoration-color:#aaa09a}.mobile-instruction-body{min-width:0}.mobile-instruction-body p{margin:0}.mobile-image,.mobile-table-wrap,.mobile-chart{margin:10px 0}.mobile-chart{max-width:100%;overflow-x:auto;padding-bottom:2px}.mobile-chart-link{display:grid;width:100%;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin:11px 0;padding:12px;border:1px solid var(--pattern-border, #eadbd1);border-radius:10px;background:var(--pattern-accent-soft, #fdf8f5);color:var(--ink);cursor:pointer;font:inherit;text-align:left}.mobile-chart-link:hover{border-color:var(--accent);background:var(--pattern-surface, #fff4ee)}.mobile-chart-link:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 32%,transparent);outline-offset:2px}.mobile-chart-link-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;background:var(--accent);color:var(--pattern-on-accent, #fff);font-size:24px;line-height:1}.mobile-chart-link-body{display:grid;min-width:0;gap:1px}.mobile-chart-link-body strong{overflow:hidden;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.mobile-chart-link-body>span:not(.mobile-chart-link-eyebrow){color:var(--muted);font-size:9px}.mobile-chart-link-body small{color:var(--muted);font-size:8px;line-height:1.45}.mobile-chart-link-eyebrow{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.08em}.mobile-chart-link-arrow{color:var(--accent);font-size:25px;line-height:1}.mobile-chart-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 12px;padding:5px 9px;border:1px solid var(--pattern-border, #e2d8cf);border-radius:999px;background:var(--pattern-surface, #fff);color:var(--ink);cursor:pointer;font:inherit;font-size:9px;font-weight:700}.mobile-chart-back:hover{border-color:var(--accent);color:var(--accent)}.mobile-chart-back:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 32%,transparent);outline-offset:2px}.mobile-chart-screen>header p{margin:0;color:var(--muted)}.mobile-chart-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:11px 12px;border:1px solid var(--pattern-border, #eadbd1);border-radius:10px;background:var(--pattern-accent-soft, #fdf8f5)}.mobile-chart-progress>div:first-child{display:grid;gap:1px}.mobile-chart-progress span{color:var(--muted);font-size:8px}.mobile-chart-progress strong{font-size:11px}.mobile-chart-counter-controls{display:flex;gap:6px}.mobile-chart-counter-controls button{display:grid;width:30px;height:30px;padding:0;place-items:center;border:1px solid var(--accent);border-radius:9px;background:var(--pattern-surface, #fff);color:var(--accent);cursor:pointer;font:inherit;font-size:15px;font-weight:800;line-height:1}.mobile-chart-counter-controls button:last-child{background:var(--accent);color:var(--pattern-on-accent, #fff)}.mobile-chart-counter-controls button:disabled{border-color:#d8d1ca;background:#f1eeea;color:#aaa19a;cursor:default}.mobile-chart-counter-controls button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 32%,transparent);outline-offset:2px}.mobile-chart-preview-note{margin:10px 0 13px;color:var(--muted);font-size:8px;line-height:1.55}.mobile-chart-screen .mobile-chart{margin-top:0}.mobile-image div,.mobile-placeholder{display:grid;place-items:center;min-height:120px;border-radius:7px;background:var(--pattern-complete, #eee8e0);color:var(--muted)}.mobile-image img{display:block;width:100%;height:auto;border-radius:7px}.mobile-image figcaption{color:var(--muted);font-size:8px;margin-top:5px}.mobile-table-wrap{overflow-x:auto}.mobile-table-wrap figcaption,.mobile-chart figcaption{color:var(--muted);font-size:8px;margin-top:5px}.mobile-pattern table{width:100%;border-collapse:collapse}.mobile-pattern td{border:1px solid var(--pattern-border, #ddd4ca);padding:5px}.publish-status-card{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border:1px solid #e4ddd5;border-radius:12px;background:#f8f5f0;padding:20px}.publish-status-card>div{display:grid;min-width:0;gap:5px}.publish-status-card .status-pill{flex:none}.publish-status-card p{margin:0;color:var(--muted);font-size:11px}.publish-status-card time{margin-top:3px;color:var(--muted);font-size:10px}.publish-status-label{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em}.publish-destination{font-size:14px}.publish-visibility-options{min-width:0;margin:16px 0 0;padding:0;border:0}.publish-visibility-options legend{margin-bottom:4px;color:var(--ink);font-size:12px;font-weight:800}.publish-visibility-options>p{margin:0 0 11px;color:var(--muted);font-size:10px;line-height:1.6}.publish-visibility-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.publish-visibility-options label{min-width:0;min-height:82px;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:13px 14px;border:1px solid #ded6cd;border-radius:11px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.publish-visibility-options label:hover{border-color:#c0b6ab;background:#fffdfa}.publish-visibility-options label:focus-within{outline:2px solid rgba(229,101,79,.34);outline-offset:2px}.publish-visibility-options label.selected{border-color:#df8f7e;background:#fff5f2;box-shadow:0 0 0 2px #e5654f14}.publish-visibility-options input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none}.publish-visibility-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eee9e2;color:#6e655e}.publish-visibility-icon svg{width:22px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.publish-visibility-icon.owner-only svg{width:23px;height:23px}.publish-visibility-options label.selected .publish-visibility-icon{background:#f8d8d1;color:#a84636}.publish-visibility-options label>span:nth-of-type(2){min-width:0;display:grid;gap:4px}.publish-visibility-options label strong{font-size:12px}.publish-visibility-options label small{color:var(--muted);font-size:9px;line-height:1.55}.publish-visibility-check{color:transparent;font-size:14px;font-weight:900}.publish-visibility-options label.selected .publish-visibility-check{color:var(--accent)}.publish-impact{margin-top:16px;border:1px solid #f0d8cf;border-radius:10px;background:#fff8f4;padding:16px 18px}.publish-impact>strong{font-size:12px}.publish-impact ul{display:grid;gap:6px;margin:9px 0 0;padding-left:18px;color:var(--muted);font-size:11px}.publish-impact li::marker{color:var(--accent)}.publish-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:16px}.publish-primary-actions{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.publish-terms{display:flex;align-items:flex-start;gap:9px;width:100%;margin-top:18px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:12px 14px;line-height:1.6}.publish-terms input{width:15px;flex:none;margin-top:2px;accent-color:var(--accent)}.publish-terms-reference{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:7px}.publish-terms-reference a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}.publish-terms-reference small{color:var(--muted);font-size:10px}.publish-requirement{margin:9px 0 0;color:var(--muted);font-size:10px;text-align:right}.publish-requirement.ready{color:#347d70;font-weight:700}.sales-panel{scroll-margin-top:80px}.sales-onboarding-card{display:grid;gap:15px;margin-top:18px;border:1px solid #e0d8cf;border-radius:11px;background:#fffdf9;padding:18px}.sales-onboarding-card>div:first-child{position:relative;padding-left:43px}.sales-onboarding-card strong{display:block;font-size:16px}.sales-onboarding-card p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.sales-onboarding-card .sales-test-notice{margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#f8f5f0;color:var(--ink)}.sales-step-number{width:29px;height:29px;position:absolute;left:0;top:0;display:grid;place-items:center;border-radius:50%;background:#f3d7cf;color:#983d2e;font-size:11px;font-weight:900}.sales-onboarding-card>label:not(.sales-terms){display:grid;gap:6px;color:var(--ink);font-size:10px;font-weight:800}.sales-onboarding-card input[type=text],.sales-onboarding-card>label>input{height:40px;border:1px solid #d7cec4;border-radius:7px;background:#fff;padding:0 11px;font:inherit}.sales-onboarding-card .button{justify-self:end}.sales-state-card{margin-top:18px;border:1px solid #ddd4ca;border-radius:10px;background:#f8f5f0;padding:16px 18px}.sales-state-card.pending{border-color:#ecd7b8;background:#fff9ec}.sales-state-card.attention{border-color:#e8b6aa;background:#fff3f0}.sales-state-card strong{font-size:12px}.sales-state-card p{margin:4px 0 0;color:var(--muted);font-size:10px}.sales-status-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1px;overflow:hidden;margin:18px 0;border:1px solid #e0d8cf;border-radius:9px;background:#e0d8cf}.sales-status-row>div{display:grid;gap:4px;background:#fff;padding:12px 14px}.sales-status-row span{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em}.sales-status-row strong{font-size:11px}.sales-ready,.sales-listing-status.active{color:#347d70}.sales-listing-status.rejected{color:#a84636}.sales-listing-status.pending_review{color:#9a6428}.sales-price-form{display:grid;gap:17px}.sales-field-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.sales-field-grid>label{display:grid;align-content:start;gap:6px;color:var(--ink);font-size:10px;font-weight:800}.sales-field-grid small{color:var(--muted);font-size:8px;font-weight:500;line-height:1.6}.price-input{display:grid;grid-template-columns:35px 1fr;border:1px solid #d7cec4;border-radius:7px;background:#fff}.price-input span{display:grid;place-items:center;border-right:1px solid #e4ddd5;color:var(--muted)}.price-input input{min-width:0;height:41px;border:0;outline:none;padding:0 10px;font:800 14px DM Sans,sans-serif}.sales-field-grid textarea{min-height:73px;resize:vertical;border:1px solid #d7cec4;border-radius:7px;padding:10px;font:inherit}.sales-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #ded6cd;border-radius:9px;background:#fff}.sales-breakdown>div{display:grid;gap:4px;padding:13px 15px;border-right:1px solid #e9e2da}.sales-breakdown>div:last-of-type{border:0;background:#f1f7f4}.sales-breakdown span{color:var(--muted);font-size:8px}.sales-breakdown strong{font-size:12px}.sales-breakdown .proceeds strong{color:#347d70}.sales-breakdown>p{grid-column:1 / -1;margin:0;border-top:1px solid #ece5dd;padding:8px 14px;color:var(--muted);font-size:8px}.sales-breakdown-with-processing{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-breakdown-with-processing>div{border-bottom:1px solid #e9e2da;min-width:0}.sales-breakdown-with-processing span,.sales-breakdown-with-processing>p{font-size:14px;line-height:1.7}.sales-breakdown-with-processing strong{font-size:16px}.sales-terms{display:flex!important;align-items:flex-start;gap:8px!important;border:1px solid var(--line);border-radius:8px;background:#fff;padding:11px 13px;color:var(--muted)!important;font-size:9px!important;font-weight:500!important;line-height:1.6}.sales-terms input{width:15px;height:15px!important;flex:none;margin:2px 0 0;accent-color:var(--accent)}.sales-review-feedback{border-left:3px solid #d48270;background:#fff5f2;padding:11px 13px}.sales-review-feedback strong{font-size:10px}.sales-review-feedback p{margin:3px 0 0;color:var(--muted);font-size:9px}.sales-actions{display:flex;justify-content:flex-end;gap:9px}.sales-admin-page{max-width:1160px}.sales-admin-tabs{display:flex;gap:4px;margin:0 0 18px;border-bottom:1px solid var(--line)}.sales-admin-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:11px 16px;color:var(--muted);font:800 11px inherit;cursor:pointer}.sales-admin-tabs button.active{border-bottom-color:var(--accent);color:var(--accent-dark)}.sales-review-list{display:grid;gap:13px}.sales-review-list>article{display:grid;gap:14px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:18px}.sales-review-list article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.sales-review-list article>header>div{display:grid;gap:2px}.sales-review-list article header span{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em}.sales-review-list article header strong{font-size:13px}.sales-review-list article header small,.sales-review-list article time{color:var(--muted);font-size:9px}.sales-review-list article textarea{min-height:64px;resize:vertical;border:1px solid #d8d0c7;border-radius:7px;padding:9px 10px;font:inherit;font-size:10px}.sales-review-list article>footer{display:flex;justify-content:flex-end;gap:8px}.sales-review-list .review-price{text-align:right}.sales-review-list .review-price strong{font-size:17px}.creator-review-note{margin:0;border-left:3px solid #d7c8b9;background:#faf7f2;padding:9px 12px;color:var(--muted);font-size:10px}.validation-ok{display:grid;gap:4px;padding:16px;background:#e5f3ef;color:#347d70;border-radius:8px;font-size:11px}.validation-ok strong{font-size:12px}.validation-summary{display:grid;gap:4px;margin-bottom:12px;border-radius:8px;padding:13px 14px;font-size:11px}.validation-summary strong{font-size:12px}.validation-summary.has-errors{background:#fff1ef;color:#9b4438}.validation-summary.has-warnings{background:#fff8e9;color:#8b6429}.issue-list{display:grid;gap:8px;padding:0;list-style:none}.issue-list li{display:grid;gap:4px;border-left:3px solid;padding:10px 12px;font-size:11px}.issue-list li.error{border-color:var(--danger);background:#fff1ef}.issue-list li.warning{border-color:#d89b3c;background:#fff8e9}.issue-list li>span{color:var(--muted);font-size:9px;font-weight:700}.wizard-footer{display:flex;justify-content:space-between;padding-top:24px}@media(max-width:1200px){.pattern-grid,.chart-library-grid{grid-template-columns:repeat(2,1fr)}.wizard-content{padding-inline:28px}.variable-head{grid-template-columns:1fr 100px 80px auto 25px}.preview-stage.pdf{padding:8px}.pdf-preview-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:1100px){.chart-editor-bar{flex-wrap:wrap;gap:9px}.chart-settings-title{width:100%;padding:0}.chart-caption-field,.chart-format-field{width:auto;flex:1 1 220px}.chart-settings-divider{display:none}.chart-dimensions{flex:1 1 auto}.stitch-symbol-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.data-table-wrap{overflow:visible}.data-table{display:block;min-width:0}.data-table thead{display:none}.data-table tbody{display:grid;gap:0}.data-table tr{display:flex;flex-wrap:wrap;gap:8px}.data-table tr:not(.measurement-comparison-row){padding:12px;border:1px solid var(--line);border-radius:11px 11px 0 0;background:#fff}.data-table tr:not(.measurement-comparison-row) td{display:grid;flex:1 1 110px;min-width:0;gap:5px;padding:0;border:0}.data-table tr:not(.measurement-comparison-row) td:first-child{flex-basis:100%;display:flex;align-items:center}.data-table tr:not(.measurement-comparison-row) td:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:700}.data-table tr:not(.measurement-comparison-row) td:first-child:before{display:none}.data-table tr:not(.measurement-comparison-row) td input,.data-table tr:not(.measurement-comparison-row) td select{width:100%;min-width:0}.data-table tr:not(.measurement-comparison-row) td.measurement-delete-cell{flex:0 0 auto;margin-left:auto;align-self:end}.data-table tr:not(.measurement-comparison-row) td.measurement-delete-cell:before{display:none}.data-table .measurement-comparison-row{margin-bottom:16px}.data-table .measurement-comparison-row td{display:block;width:100%;padding:10px 12px 14px;border:1px solid var(--line);border-top:0;border-radius:0 0 11px 11px;background:#fff}.gauge-card-fields{grid-template-columns:minmax(0,1fr);padding-right:0}.variable-head,.variable-head.canonical{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.variable-head>:first-child{grid-column:1 / -1}.variable-head>*,.section-editor>header>*{min-width:0}.simple-row,.simple-row.abbreviation{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px}.simple-row>:first-child{grid-column:1 / -1}.wizard-card-heading,.subsection-heading{flex-wrap:wrap}.section-editor>header{flex-wrap:wrap}.block-heading{flex-wrap:wrap}.block-list{padding:10px}.publish-status-card{align-items:stretch;flex-direction:column-reverse;gap:12px}.publish-actions{align-items:stretch;flex-direction:column-reverse}.publish-visibility-options>div{grid-template-columns:1fr}.sales-status-row,.sales-field-grid,.sales-breakdown{grid-template-columns:1fr}.sales-breakdown>div{border-right:0;border-bottom:1px solid #e9e2da}.sales-breakdown>p{grid-column:1}.sales-actions{align-items:stretch;flex-direction:column-reverse}.sales-admin-tabs{overflow-x:auto}.sales-admin-tabs button{flex:none}.sales-review-list article>header{flex-direction:column}.sales-review-list .review-price{text-align:left}.publish-primary-actions{width:100%;margin-left:0}.publish-primary-actions .button{flex:1 1 160px}.chart-tools{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.chart-tool-group,.chart-tool-actions{flex:0 0 auto}.stitch-symbol-settings-grid{grid-template-columns:1fr}}@media(max-width:560px){.rich-toolbar{flex-wrap:wrap}.rich-variable-insert{width:100%;margin-left:0;padding:7px 0 0;border-top:1px solid #e1d9d0;border-left:0}.rich-variable-insert select{width:auto;min-width:0;flex:1}.chart-settings-title{display:none}.chart-caption-field,.chart-format-field{min-width:0;flex-basis:100%}.chart-dimensions{width:100%}.chart-tools .chart-tool-group button{padding-inline:9px}}.settings-page{max-width:1060px}.settings-heading{margin-bottom:28px}.settings-heading h1{letter-spacing:-.035em}.settings-stack{display:grid;gap:20px}.settings-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #372a200b}.settings-card-heading{padding:25px 28px 21px;border-bottom:1px solid #eee8e0;background:linear-gradient(110deg,#f4ede38c,#fffdf900 55%)}.settings-card-kicker{margin:0 0 6px;color:var(--accent);font:700 9px/1 DM Sans,sans-serif;letter-spacing:.16em}.settings-card-heading h2{margin:0 0 6px;font-size:19px;letter-spacing:-.02em}.settings-card-heading>div>p:last-child{max-width:660px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.settings-card-state{min-height:150px;display:flex;align-items:center;justify-content:center;gap:18px;padding:28px;color:var(--muted);font-size:11px;text-align:center}.settings-card-state.error{color:var(--danger)}.settings-card-state .button{flex:0 0 auto;color:var(--danger)}.settings-profile-form{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px 30px;padding:28px}.settings-avatar-editor{grid-column:1 / -1;position:relative;display:flex;align-items:center;gap:22px;padding-bottom:24px;border-bottom:1px solid #eee8e0;border-radius:10px;transition:background .15s,box-shadow .15s}.settings-avatar-editor.drop-active{background:#4ca9a414;box-shadow:0 0 0 2px #4ca9a4,0 0 0 7px #4ca9a41a}.settings-avatar-image{width:112px;height:112px;flex:0 0 112px;overflow:hidden;border:4px solid #fff;border-radius:50%;background:#e9f6f4;box-shadow:0 0 0 1px #ddd4ca,0 8px 22px #355d5821}.settings-avatar-editor.drop-active .settings-avatar-image{box-shadow:0 0 0 2px #4ca9a4,0 8px 22px #355d582b}.settings-avatar-image img{width:100%;height:100%;display:block;object-fit:cover}.settings-avatar-copy{min-width:0}.settings-avatar-copy h3{margin:0 0 6px;font-size:14px}.settings-avatar-copy>p{max-width:600px;margin:0;color:var(--muted);font-size:10px;line-height:1.7}.settings-avatar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.settings-avatar-actions .button.ghost{color:var(--muted)}.settings-avatar-feedback{min-height:18px;margin-top:7px;color:var(--muted);font-size:9px}.settings-avatar-feedback .inline-error{color:var(--danger)}.settings-avatar-drop-message{color:#28756b;font-weight:700}.settings-profile-fields{min-width:0}.settings-profile-fields input{min-height:44px;font-size:14px}.settings-field-meta{display:flex;justify-content:space-between;gap:18px;margin-top:8px;color:var(--muted);font-size:10px;line-height:1.6}.settings-field-meta span:last-child{flex:0 0 auto;font-family:DM Sans,sans-serif}.settings-byline-preview{min-height:112px;align-self:start;display:flex;flex-direction:column;justify-content:center;padding:18px 20px;border:1px solid #e9dfd3;border-radius:12px;background:#f8f2e9}.settings-byline-preview>span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em}.settings-byline-content{min-width:0;display:flex;align-items:center;gap:10px;margin:8px 0 4px}.settings-byline-content img{width:34px;height:34px;flex:0 0 34px;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #ded4c8}.settings-byline-preview p{min-width:0;margin:0;overflow:hidden;color:var(--ink);font:500 16px/1.25 DM Sans,sans-serif;text-overflow:ellipsis;white-space:nowrap}.settings-byline-preview p strong{font-weight:700}.settings-byline-preview p.empty{color:#aaa199}.settings-byline-preview small{color:var(--muted);font-size:9px;line-height:1.55}.settings-form-footer{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:20px;padding-top:20px;border-top:1px solid #eee8e0}.settings-feedback{flex:1;min-width:0}.settings-feedback p{margin:0}.settings-success{color:#347d70;font-size:11px;font-weight:700}.settings-preference-list{padding:0 28px}.settings-preference-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;margin:0;padding:23px 0;border:0;border-bottom:1px solid #eee8e0}.settings-preference-row h3{margin:0 0 5px;color:var(--ink);font-size:13px;font-weight:700}.settings-preference-row p{max-width:650px;margin:0;color:var(--muted);font-size:10px;line-height:1.7}.settings-card-language{position:relative;z-index:2;overflow:visible}.settings-locale-fieldset{min-width:0;margin:0;padding:0;border:0}.settings-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.settings-default-locale-select{width:180px;min-height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 12px;color:var(--ink);cursor:pointer;font-size:13px;font-weight:700}.settings-default-locale-select:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}.settings-autosave-note{min-height:38px;margin:0;padding:10px 28px;color:var(--muted);background:#faf7f2;font-size:9px;text-align:right}.settings-account-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;padding:28px}.settings-account-details{min-width:0;max-width:520px}.settings-account-details>label{max-width:520px}.settings-account-fields{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(220px,1.3fr);align-items:start;gap:16px}.settings-account-fields label{min-width:0}.settings-account-fields small{color:var(--muted);font-size:9px;font-weight:400}.settings-account-row input[readonly]{min-height:44px;border-color:#e8e1d9;background:#f7f4ef;color:#5d5650;cursor:default}.settings-inline-state{min-height:44px;display:flex;align-items:center;gap:12px;margin:0;color:var(--muted);font-size:10px}.settings-inline-state.error{color:var(--danger)}.settings-inline-state .button{flex:0 0 auto;color:var(--danger)}.settings-signout{display:flex;align-items:center;gap:18px}.settings-signout p{max-width:260px;margin:0;color:var(--muted);font-size:10px;line-height:1.6;text-align:right}.settings-signout .button{flex:0 0 auto}.avatar-crop-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:22px;background:#251f1bb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.avatar-crop-dialog{width:min(100%,560px);max-height:calc(100vh - 44px);overflow-y:auto;border:1px solid rgba(255,255,255,.45);border-radius:18px;background:var(--surface);box-shadow:0 28px 70px #14100d52}.avatar-crop-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px 24px 18px;border-bottom:1px solid #eee8e0}.avatar-crop-heading h2{margin:0;font-size:19px}.avatar-crop-close{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;padding:0;border:0;border-radius:50%;background:#f1ece6;color:#625a53;cursor:pointer;font-size:23px;font-weight:300;line-height:1}.avatar-crop-close:hover:not(:disabled){background:#e8e0d8;color:var(--ink)}.avatar-crop-close:disabled{cursor:default;opacity:.45}.avatar-crop-content{display:grid;justify-items:center;padding:22px 24px 8px}.avatar-crop-viewport{width:min(360px,calc(100vw - 92px));aspect-ratio:1;position:relative;overflow:hidden;border-radius:8px;background:#25211e;cursor:grab;outline:0;touch-action:none;-webkit-user-select:none;user-select:none}.avatar-crop-viewport:focus-visible{outline:3px solid rgba(229,101,79,.65);outline-offset:3px}.avatar-crop-viewport:active{cursor:grabbing}.avatar-crop-viewport>img{max-width:none;position:absolute;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none}.avatar-crop-mask{position:absolute;z-index:1;inset:0;border:2px solid rgba(255,255,255,.94);border-radius:50%;box-shadow:0 0 0 999px #18141294;pointer-events:none}.avatar-crop-hint{max-width:390px;margin:13px 0 0;color:var(--muted);font-size:9px;line-height:1.65;text-align:center}.avatar-crop-zoom{width:min(100%,390px);display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:end;gap:10px;margin-top:15px}.avatar-crop-zoom>button{width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;font-size:17px}.avatar-crop-zoom>button:disabled{cursor:default;opacity:.35}.avatar-crop-zoom label{min-width:0;display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:700;text-align:center}.avatar-crop-zoom input{width:100%;height:24px;padding:0;accent-color:var(--accent);cursor:pointer}.avatar-crop-error{width:100%;margin:10px 0 0;text-align:center}.avatar-crop-actions{display:flex;justify-content:flex-end;gap:9px;padding:16px 24px 21px}.new-creation-menu{position:relative;z-index:12}.new-creation-trigger{min-width:126px}.new-creation-chevron{margin-left:4px;font-size:15px;transition:transform .16s}.new-creation-trigger[aria-expanded=true] .new-creation-chevron{transform:rotate(180deg)}.new-creation-options{width:300px;position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:5px;padding:8px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 18px 42px #2f241c2b}.new-creation-options[hidden]{display:none}.new-creation-options:before{height:12px;position:absolute;right:0;bottom:100%;left:0;content:""}.new-creation-options>a{min-height:68px;display:flex;align-items:center;gap:12px;padding:10px;border-radius:9px}.new-creation-options>a:hover,.new-creation-options>a:focus-visible{background:#f7f1e9}.new-creation-options>a>span:last-child{display:grid;gap:3px}.new-creation-options strong{font-size:12px}.new-creation-options small{color:var(--muted);font-size:9px}.new-creation-icon{width:39px;height:39px;display:grid;flex:0 0 39px;place-items:center;border-radius:10px;font-size:19px}.new-creation-icon .creation-type-svg{width:24px;height:24px}.new-creation-icon.pattern{background:#fff0eb;color:var(--accent-dark)}.new-creation-icon.drafting{background:#e5f3f0;color:#347d70}.new-creation-icon.chart{background:#f1ede7;color:#5f5750}.drafting-grid-list .drafting-card{display:flex;flex-direction:column}.drafting-card-preview{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-bottom:1px solid #e7dfd6;background:#eee8df}.drafting-card-preview .drafting-canvas-shell{position:absolute;inset:15px}.drafting-card-preview .drafting-canvas-viewport,.drafting-card-preview .drafting-canvas-zoom-layer{height:100%}.drafting-card-preview .drafting-canvas{width:100%;height:100%;background:transparent;border:0;box-shadow:none}.drafting-card .pattern-card-body{flex:1;display:flex;flex-direction:column}.drafting-card .card-meta small{color:var(--muted);font-size:9px}.drafting-card .pattern-card-body>p{margin-bottom:0}.drafting-card .card-actions{margin-top:auto}.drafting-canvas-shell{min-width:0;outline:0}.drafting-canvas-viewport{min-width:0;overflow:visible;overscroll-behavior:contain}.drafting-canvas-shell:not(.compact) .drafting-canvas-viewport{overflow:auto;touch-action:none}.drafting-canvas-zoom-layer{min-width:0;margin-inline:auto;transform-origin:top left}.drafting-canvas{width:100%;height:auto;display:block;border:1px solid #cfc5b9;background:#fffdf8;box-shadow:0 15px 38px #372a201f;touch-action:none;-webkit-user-select:none;user-select:none}.drafting-canvas-shell.draft.tool-line .drafting-canvas,.drafting-canvas-shell.draft.tool-bezier .drafting-canvas,.drafting-canvas-shell.draft.tool-construction .drafting-canvas{cursor:crosshair}.drafting-canvas-shell.draft.tool-select .drafting-canvas{cursor:default}.drafting-canvas-shell.draft.tool-pan .drafting-canvas{cursor:grab}.drafting-canvas-shell.draft.tool-pan.is-panning .drafting-canvas,.drafting-canvas-shell.draft.is-panning .drafting-canvas{cursor:grabbing}.drafting-canvas-shell.draft.tool-text .drafting-canvas{cursor:text}.drafting-canvas-shell.draft.tool-erase .drafting-canvas{cursor:cell}.chart-tools.drafting-vector-toolbar{flex-wrap:nowrap;margin-bottom:10px;overflow:visible;border:1px solid #ddd5cc;border-radius:10px;box-shadow:none}.drafting-tool-group{flex:0 0 auto;min-width:0;flex-wrap:nowrap}.drafting-tool-group.primary button{white-space:nowrap}.drafting-tool-group.primary .drafting-tool-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor;font-size:13px;line-height:1;text-align:center}.drafting-tool-spacer{min-width:4px;flex:1}.drafting-view-actions{flex:0 0 auto;flex-wrap:nowrap;min-width:0}.drafting-view-actions>button{white-space:nowrap}.drafting-canvas-shell:not(.is-fullscreen) .drafting-view-actions .zoom-control,.drafting-canvas-shell:not(.is-fullscreen) .drafting-view-actions .chart-action-divider{display:none}.drafting-editor-bar{display:flex;min-height:64px;flex:0 0 auto;align-items:flex-end;gap:14px;margin-bottom:0;padding:7px 12px 8px;overflow-x:auto;border:1px solid #d9d1c8;border-radius:11px;background:#f4efe9}.drafting-settings-title{align-self:center;padding:0 4px;color:#756d67;font-size:10px;font-weight:800;white-space:nowrap}.drafting-symmetry-setting{display:grid;gap:4px;flex:0 0 auto;color:#625b55;font-size:9px;font-weight:700}.drafting-symmetry-controls{display:flex;gap:5px}.drafting-symmetry-controls button{display:inline-flex;height:34px;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:1px solid #d0c6bb;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;font-size:10px;font-weight:800;white-space:nowrap}.drafting-symmetry-controls button:hover{border-color:#9f948b;background:#fffdf9}.drafting-symmetry-toggle{min-width:92px}.drafting-symmetry-toggle.active{border-color:#e3a496;background:#fff0ed;color:#a34235}.drafting-symmetry-toggle.active:not(.locked){border-color:var(--accent);background:var(--accent);color:#fff}.drafting-symmetry-remove{min-width:48px}.drafting-frame-size{display:flex;align-items:flex-end;gap:9px}.drafting-frame-size>span{padding-bottom:8px;color:#8b837c;font-size:12px}.drafting-editor-bar label{display:grid;gap:4px;color:#625b55;font-size:9px;font-weight:700;white-space:nowrap}.drafting-editor-bar input{width:108px;height:34px;padding:6px 9px;border-color:#d8cfc5;background:#fff;font-size:11px;font-weight:600}.drafting-settings-divider{width:1px;height:38px;align-self:center;background:#d9d1c8}.drafting-gauge-summary{display:grid;align-self:center;gap:5px;white-space:nowrap}.drafting-gauge-summary span{color:#625b55;font-size:9px;font-weight:700}.drafting-gauge-summary strong{color:#4d4742;font:700 11px DM Sans,sans-serif}.drafting-canvas-paper{fill:#fffdf8}.drafting-canvas-shell.grading .drafting-canvas-paper{fill:#ebe7e1}.drafting-shape{fill:#e5654f3b;fill-rule:nonzero}.drafting-canvas-shell.grading .drafting-shape{fill:#fff6ec}.drafting-outline,.drafting-line{fill:none;stroke:#cc543f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.drafting-segment-hit{fill:none;stroke:transparent;stroke-width:18;cursor:pointer;pointer-events:stroke;vector-effect:non-scaling-stroke}.drafting-segment-hit.selected{stroke:#e5654f3b}.drafting-segment-hit.locked{cursor:not-allowed}.tool-select .drafting-segment-hit{cursor:move}.tool-select .drafting-segment-hit:active{cursor:grabbing}.tool-erase .drafting-segment-hit:hover{stroke:#b43f303d}.drafting-grid,.drafting-centimeter-grid,.drafting-five-centimeter-grid{pointer-events:none}.drafting-grid-line{fill:none;stroke:#433b356e;stroke-width:.7;vector-effect:non-scaling-stroke;shape-rendering:crispEdges}.drafting-centimeter-line{fill:none;stroke:#5e7a7430;stroke-width:.65;vector-effect:non-scaling-stroke;shape-rendering:crispEdges}.drafting-five-centimeter-line{fill:none;stroke:#3f5b556e;stroke-width:1.25;vector-effect:non-scaling-stroke;shape-rendering:crispEdges}.drafting-symmetry-locked-side{fill:#5b5b5b21;pointer-events:none}.drafting-snap-guide{stroke:#3f8f81;stroke-width:1.4;stroke-dasharray:6 5;opacity:.75;pointer-events:none;vector-effect:non-scaling-stroke}.drafting-endpoint-snap{fill:#ffffffdb;stroke:#218979;stroke-width:3;pointer-events:none;vector-effect:non-scaling-stroke}.drafting-selection-marquee{fill:#3e84791a;stroke:#347d70;stroke-width:1.5;stroke-dasharray:7 5;pointer-events:none;vector-effect:non-scaling-stroke}.drafting-symmetry-axis line{stroke:#397f75;stroke-width:2;stroke-dasharray:10 7;pointer-events:none;vector-effect:non-scaling-stroke}.drafting-symmetry-axis.locked line{stroke:#a74a3b;stroke-width:1.7;opacity:.72}.drafting-symmetry-axis>rect{fill:transparent;cursor:ew-resize}.drafting-symmetry-handle{pointer-events:none}.drafting-symmetry-handle circle{fill:#fff;stroke:#397f75;stroke-width:2;vector-effect:non-scaling-stroke}.drafting-symmetry-handle path{fill:none;stroke:#397f75;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.drafting-bezier-controls{pointer-events:none}.drafting-bezier-controls path{fill:none;stroke:#357167ad;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.drafting-bezier-control-hit{fill:transparent;cursor:grab;pointer-events:all}.drafting-bezier-control-marker{fill:#347d70;stroke:#fff;stroke-width:2;pointer-events:none;vector-effect:non-scaling-stroke}.drafting-connection-key .curve-control{background:#347d70;border-color:#347d70}.drafting-anchor{fill:#fff;stroke:#cc543f;stroke-width:2.5;cursor:grab;vector-effect:non-scaling-stroke}.drafting-anchor.connected{fill:#e5654f;stroke:#fff}.drafting-anchor.disconnected{fill:#fff;stroke:#cc543f}.drafting-anchor:active,.drafting-bezier-control-hit:active{cursor:grabbing}.drafting-ruler-guide line{stroke:#348674;stroke-width:1.5;vector-effect:non-scaling-stroke}.drafting-ruler-components{fill:none;stroke:#348674;stroke-dasharray:5 4;stroke-width:1;vector-effect:non-scaling-stroke}.drafting-ruler-point{fill:#fff;stroke:#348674;stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer}.drafting-ruler-point.selected{fill:#348674}.drafting-ruler-point:focus{stroke:#e5654f;outline:none}.tool-measure .drafting-segment-hit{cursor:crosshair}.tool-measure .drafting-segment-hit.selected{stroke:#3486744d}.drafting-ruler-line-distance line{stroke:#348674;stroke-width:2;vector-effect:non-scaling-stroke}.drafting-ruler-line-distance circle{fill:#fffdf8;stroke:#348674;stroke-width:2;vector-effect:non-scaling-stroke}.drafting-ruler-line-distance text{fill:#267966;stroke:#fffdf8fa;stroke-width:5;paint-order:stroke;font:800 14px DM Sans,sans-serif;font-variant-numeric:tabular-nums}.drafting-ruler-measurement text{fill:#267966;stroke:#fffdf8fa;stroke-width:5;paint-order:stroke;cursor:text;font:800 14px DM Sans,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.01em;outline:none;-webkit-user-select:none;user-select:none}.drafting-ruler-measurement text:hover,.drafting-ruler-measurement text:focus{fill:#145f50}.drafting-ruler-editor p,.drafting-construction-editor p{max-width:190px;margin:4px 0 0;color:#b23d30;font:700 9px/1.35 system-ui,sans-serif}.drafting-segment-measurement text{fill:#524b4594;stroke:#fffdf8f5;stroke-width:4;paint-order:stroke;cursor:text;font:700 13px DM Sans,sans-serif;letter-spacing:.01em;outline:none;-webkit-user-select:none;user-select:none}.drafting-segment-measurement text:hover,.drafting-segment-measurement text:focus{fill:#a34235}.drafting-interior-angle text{fill:#346b62ad}.drafting-measurement-editor{overflow:visible}.drafting-measurement-editor form{width:116px;height:32px;display:flex;align-items:center;gap:3px;padding:3px 6px;border:1px solid #d78978;border-radius:7px;background:#fffdf9;box-shadow:0 4px 14px #3e2d232e}.drafting-measurement-editor input{width:78px;min-width:0;height:24px;padding:2px 4px;border:0;background:transparent;color:#3e3935;font:700 13px DM Sans,sans-serif;outline:none}.drafting-measurement-editor span{color:#756d67;font:700 11px DM Sans,sans-serif}.drafting-annotation{fill:#39342f;paint-order:stroke;stroke:#fffdf8eb;stroke-width:5;cursor:default;font-family:system-ui,sans-serif;font-size:20px;font-weight:700;line-height:1.2;pointer-events:none;-webkit-user-select:none;user-select:none}.tool-select .drafting-annotation,.tool-text .drafting-annotation,.tool-erase .drafting-annotation{pointer-events:all}.tool-select .drafting-annotation,.tool-text .drafting-annotation{cursor:move}.tool-erase .drafting-annotation{cursor:cell}.drafting-annotation.selected{fill:var(--accent-dark);text-decoration:underline}.drafting-canvas-hint{margin:13px 0 0;color:var(--muted);font-size:10px;line-height:1.7;text-align:center}.drafting-canvas-shell.is-fullscreen{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;display:flex;flex-direction:column;margin:0;padding:0;background:#f6f2ec}.drafting-canvas-shell.is-fullscreen .drafting-vector-toolbar{min-height:44px;flex:0 0 auto;margin:0;padding:4px 18px;border-width:0 0 1px;border-radius:0;background:#fffdf9;box-shadow:none}.drafting-canvas-shell.is-fullscreen .drafting-editor-bar{margin:0;padding:7px 18px 8px;border-width:0 0 1px;border-radius:0}.drafting-canvas-shell.is-fullscreen .drafting-canvas-viewport{min-height:0;flex:1 1 0;overflow:auto;padding:0 28px 28px;background:#eee9e2}.drafting-canvas-shell.is-fullscreen .drafting-canvas{width:100%;max-width:none;box-shadow:0 15px 42px #372a2029}.drafting-canvas-shell.is-fullscreen .drafting-canvas-hint{flex:0 0 auto;margin:0;padding:9px 18px max(9px,env(safe-area-inset-bottom));border-top:1px solid #d8d0c7;background:#fffdf9}.drafting-editor-page{background:#eee9e2}.drafting-title-field{width:min(440px,38vw);display:block}.drafting-title-field input{height:34px;padding:5px 9px;border-color:var(--line);background:#fff;font-size:14px;font-weight:700}.drafting-title-field input:focus{border-color:var(--accent);background:#fff}.drafting-workspace{min-height:calc(100vh - var(--editor-chrome-height));display:grid;grid-template-columns:330px minmax(0,1fr)}.drafting-sidebar{position:sticky;top:var(--editor-chrome-height);height:calc(100vh - var(--editor-chrome-height));overflow-y:auto;padding:22px;border-right:1px solid var(--line);background:var(--surface)}.drafting-step-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:25px;padding:4px;border-radius:10px;background:#eee9e2}.drafting-step-switch button{min-height:39px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;font-weight:700}.drafting-step-switch button span{font:700 8px DM Sans,sans-serif}.drafting-step-switch button.active{background:#fff;color:var(--accent-dark);box-shadow:0 2px 7px #2f27211a}.drafting-step-switch button:disabled{cursor:default;opacity:.45}.drafting-sidebar section h2{margin-bottom:7px;font-size:19px}.drafting-sidebar section p{margin-bottom:24px;color:var(--muted);font-size:10px;line-height:1.8}.drafting-setting-group{margin-bottom:19px;padding-top:17px;border-top:1px solid #eee8e0}.drafting-setting-group h3,.drafting-results h3{margin:0 0 11px;color:#5c554f;font-size:11px}.drafting-setting-group input{padding:8px 9px}.drafting-sidebar-actions{display:flex;justify-content:center;margin:0 0 18px}.drafting-sidebar-actions>.button{width:min(100%,240px)}.drafting-results{margin:20px 0 14px;padding:16px;border:1px solid #bcdad5;border-radius:11px;background:#eff8f6}.drafting-results dl{display:grid;gap:9px;margin:0}.drafting-results dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.drafting-results dt{color:#52736f;font-size:9px}.drafting-results dd{margin:0;color:#285f59;font-size:12px;font-weight:800}.drafting-import-button{width:100%;margin-top:7px}.drafting-import-button.disabled{pointer-events:none;opacity:.45}.drafting-saved-chart-link{width:100%;min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:8px;padding:9px 12px;border:1px solid #bcdad5;border-radius:10px;background:#fff;color:#285f59;box-shadow:0 5px 13px #347d7014;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s}.drafting-saved-chart-link:hover{border-color:#78b5aa;background:#f4fbf9;box-shadow:0 7px 17px #347d7024;transform:translateY(-1px)}.drafting-saved-chart-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#dcefeb;color:#347d70;font-size:18px}.drafting-saved-chart-link>span:nth-child(2){min-width:0;display:grid;gap:2px}.drafting-saved-chart-link strong{overflow:hidden;text-overflow:ellipsis;color:#285f59;font-size:11px;white-space:nowrap}.drafting-saved-chart-link small{overflow:hidden;text-overflow:ellipsis;color:#66827e;font-size:9px;white-space:nowrap}.drafting-saved-chart-arrow{color:#347d70;font-size:18px;transition:transform .15s}.drafting-saved-chart-link:hover .drafting-saved-chart-arrow{transform:translate(2px)}.drafting-stage{min-width:0;padding:32px 42px 48px}.drafting-stage-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 auto 21px}.drafting-stage-heading h1{margin:5px 0 0;font-size:25px}.drafting-stage-heading>span{color:var(--muted);font:700 11px DM Sans,sans-serif}.drafting-stage>.drafting-canvas-shell{width:min(100%,920px);margin:0 auto}.drafting-stage>.chart-editor{width:100%;margin:0 auto}.drafting-stage>.drafting-canvas-shell.is-fullscreen{width:100vw;max-width:none;margin:0}.drafting-grid-note{max-width:820px;margin:15px auto 0;color:var(--muted);font-size:10px;line-height:1.7;text-align:center}.drafting-import-field{display:grid;gap:12px;margin:0;padding:18px;border:1px solid #d9d1c7;border-radius:11px;background:#f8f4ee}.drafting-import-field legend{padding:0 6px;color:#5c554f;font-size:12px;font-weight:700}.drafting-import-field>p{margin:-4px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.drafting-import-summary{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #c8dfdb;border-radius:9px;background:#f0f8f6}.drafting-import-summary>span{width:32px;height:32px;display:grid;flex:0 0 32px;place-items:center;border-radius:8px;background:#dcefeb;color:#347d70;font-size:18px}.drafting-import-summary>div{min-width:0;display:grid;gap:2px}.drafting-import-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.drafting-import-summary small{color:var(--muted);font-size:9px}.drafting-import-summary>a{margin-left:auto;color:#347d70;font-size:9px;font-weight:700;text-decoration:underline;white-space:nowrap}@media(max-width:1200px){.drafting-workspace{grid-template-columns:300px minmax(0,1fr)}.drafting-stage{padding-inline:26px}}@media(max-width:900px){.settings-profile-form{grid-template-columns:1fr}.settings-byline-preview{max-width:none}.settings-form-footer{grid-column:1}.settings-preference-row,.settings-account-row{grid-template-columns:1fr;align-items:start}.settings-account-fields{grid-template-columns:1fr}.settings-signout{justify-content:space-between}.settings-signout p{text-align:left}.chart-tools.drafting-vector-toolbar{align-items:center}.drafting-tool-group{flex-wrap:wrap}.drafting-tool-group.secondary{padding-top:5px;padding-left:0;border-top:1px solid #e6ded5;border-left:0}}@media(max-width:560px){.settings-avatar-editor{align-items:flex-start}.settings-avatar-image{width:86px;height:86px;flex-basis:86px}.avatar-crop-overlay{align-items:end;padding:0}.avatar-crop-dialog{max-height:calc(100dvh - 12px);border-radius:18px 18px 0 0}.avatar-crop-heading{padding:18px 18px 15px}.avatar-crop-content{padding:18px 18px 7px}.avatar-crop-viewport{width:min(360px,calc(100vw - 52px))}.avatar-crop-actions{padding:14px 18px max(18px,env(safe-area-inset-bottom))}}.blank-stitch-choice{margin:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff}.blank-stitch-choice legend{padding:0 5px;font-size:11px;font-weight:700}.blank-stitch-options{display:flex;flex-wrap:wrap;gap:8px}.blank-stitch-options label{display:flex;align-items:center;gap:6px;min-height:44px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;font-size:11px;cursor:pointer}.blank-stitch-options label:has(:checked){border-color:var(--accent);background:#fff0ec}.blank-stitch-options input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.blank-stitch-choice p{margin:10px 0 0;font-size:10px;line-height:1.6;color:var(--muted)}.blank-stitch-hint{align-self:center;font-size:10px;color:var(--muted)}.stitch-glyph-variant-options button:disabled{opacity:.35;cursor:default;background:#f7f3ee}.committed-number{position:relative;display:flex;min-width:0}.committed-number>input{padding-right:30px}.committed-number-steppers{position:absolute;right:4px;top:4px;bottom:4px;width:24px;display:grid;grid-template-rows:1fr 1fr}.committed-number-steppers button{border:0;border-radius:3px;padding:0;background:transparent;color:var(--muted);font-size:12px;line-height:1;cursor:pointer}.committed-number-steppers button:hover:not(:disabled){background:var(--surface-warm);color:var(--accent-dark)}.committed-number-steppers button:disabled{opacity:.35;cursor:default}.drafting-connection-key{display:flex;align-items:center;gap:7px;padding:6px 12px;margin:0;font-size:11px;color:var(--muted)}.drafting-connection-key>span{width:11px;height:11px;border-radius:50%;border:1px solid var(--accent);background:#fff}.drafting-connection-key>.connected{background:var(--accent)}.drafting-connection-key>.disconnected{margin-left:12px}.drafting-text-box-frame{fill:transparent;stroke:transparent;stroke-width:1.5;vector-effect:non-scaling-stroke}.tool-select .drafting-text-box,.tool-text .drafting-text-box{cursor:move}.drafting-text-box.selected .drafting-text-box-frame{stroke:var(--accent);stroke-dasharray:5 3}.drafting-text-box .drafting-annotation{pointer-events:none}.drafting-text-font-control{display:grid;gap:3px;height:100%;padding:5px 7px;border:1px solid #d8cfc5;border-radius:6px;background:#fffdf9;box-shadow:0 3px 10px #372a201f;color:#5d5650;font:700 10px system-ui,sans-serif}.drafting-text-font-control>.committed-number>input{width:100%;height:30px;padding:4px 30px 4px 7px;border:1px solid #d8cfc5;border-radius:4px;background:#fff;color:#322d29;font:600 12px system-ui,sans-serif}.drafting-text-font-control .committed-number-steppers{top:3px;bottom:3px}.drafting-text-box-editor textarea{display:block;width:100%;height:100%;padding:6px;resize:none;border:2px solid var(--accent);border-radius:3px;background:#fffdf9f7;font-family:system-ui,sans-serif;font-weight:700;line-height:1.35}.chart-preview-link{display:block;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:inherit}.drafting-unit-setting{display:grid;gap:5px;color:var(--muted);font-size:11px}.drafting-unit-setting select{min-height:32px;width:100%;padding:4px 8px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:#fffdf9;font-size:11px}.drafting-editor-bar .drafting-unit-setting{flex:0 0 126px;min-width:0}.drafting-sidebar .drafting-unit-setting{margin-bottom:14px}.hand-drawn-stitch{margin-top:20px;padding-top:16px;border-top:1px solid #d7cec4}.hand-drawn-stitch h3{margin:0;font-size:13px}.hand-drawn-stitch p{font-size:12px;color:var(--muted)}.hand-drawn-stitch-fields{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.hand-drawn-stitch-pad{width:160px;height:160px;flex:0 0 160px;border:1px solid #b8aea2;border-radius:8px;background:#fff;color:#302b28;touch-action:none;cursor:crosshair}.hand-drawn-stitch-pad:focus-visible{outline:2px solid #348674;outline-offset:3px}.hand-drawn-stitch-actions{display:flex;gap:8px;margin:10px 0}.hand-drawn-stitch .stitch-glyph{width:24px;height:24px}.cover-crop-ratio{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:16px;font-size:13px}.cover-crop-ratio select{width:auto;margin-left:auto}.cover-crop-mask{position:absolute;inset:0;border:2px solid #fff;pointer-events:none}.cover-crop-dialog .avatar-crop-hint{font-size:12px}.cover-crop-dialog .text-button{margin-top:12px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--accent);font:inherit;font-size:13px;cursor:pointer}.cover-crop-dialog .text-button:hover{background:var(--accent-soft)}.cover-crop-dialog .text-button:disabled{opacity:.5;cursor:default}.cover-crop-dialog{display:flex;flex-direction:column;overflow:hidden}.cover-crop-dialog .avatar-crop-heading,.cover-crop-dialog .avatar-crop-actions{flex-shrink:0}.cover-crop-dialog .avatar-crop-content{min-height:0;overflow-y:auto;align-content:start;grid-auto-rows:max-content}.cover-crop-dialog .avatar-crop-actions{border-top:1px solid var(--line)}.cover-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-block:10px}.grading-help{padding:10px;border:1px solid var(--line);border-radius:8px;font-size:12px;line-height:1.6}.grading-help summary{cursor:pointer}[data-validation-path]{scroll-margin-top:calc(var(--editor-chrome-height, 100px) + 20px)}.standalone-pdf-dialog{width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--paper, #fffdf9)}.standalone-pdf-dialog::backdrop{background:#1e191680}.standalone-pdf-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.standalone-pdf-dialog h2{margin:0;font-size:18px}.standalone-pdf-dialog>p{font-size:13px}.standalone-pdf-dialog .pdf-preview-frame{height:65dvh}.drafting-construction-stroke{stroke:#758396;stroke-width:1.5;stroke-dasharray:7 5;vector-effect:non-scaling-stroke;pointer-events:none}.drafting-construction-vertex{fill:#fff;stroke:#526986;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.drafting-construction-line.selected .drafting-construction-stroke{stroke:#348674;stroke-width:2.5}.drafting-construction-live-endpoint{fill:#fffdf8;stroke:#526986;stroke-width:3;pointer-events:none;vector-effect:non-scaling-stroke}.drafting-construction-live-endpoint.snapped{fill:#348674;stroke:#fffdf8;stroke-width:3}.drafting-construction-length{fill:#526986;stroke:#fffdf8f5;stroke-width:4;paint-order:stroke;font:700 13px DM Sans,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}.drafting-construction-length.editable{cursor:text;pointer-events:all}.drafting-construction-length.editable:hover,.drafting-construction-length.editable:focus{fill:#246c60;outline:none;text-decoration:underline}.drafting-construction-hit{stroke:transparent;stroke-width:16;fill:none;cursor:move}.tool-line .drafting-construction-hit,.tool-bezier .drafting-construction-hit{cursor:pointer}.drafting-construction-hit:focus{outline:none;stroke:#506ea026}.drafting-construction-handle{fill:#fff;stroke:#526986;stroke-width:2;cursor:crosshair}.wheel-input-setting{display:grid;gap:6px;margin-block:12px}.wheel-input-setting select{width:100%}.global-profile-menu{position:relative;flex-shrink:0}.global-profile-menu>summary{cursor:pointer;list-style:none}.global-profile-menu>summary::-webkit-details-marker{display:none}.global-profile-options{position:absolute;top:calc(100% + 12px);right:0;z-index:100;width:245px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface, #fffdfa);box-shadow:0 12px 32px #34282024}.global-profile-options:before{position:absolute;inset:-12px 0 auto;height:12px;content:""}.global-profile-options a{display:flex;align-items:center;gap:12px;padding:14px 12px;color:var(--ink);border-radius:8px;text-decoration:none;font-size:14px;font-weight:700}.global-profile-options a:hover{background:#fff0eb}.global-profile-options .global-nav-icon{color:var(--accent)}.publish-flow .publish-visibility-options>div{grid-template-columns:repeat(3,minmax(0,1fr))}.publish-flow .publish-visibility-options legend{margin:22px 0 12px;font-size:16px}.publish-flow .publish-visibility-options label{padding:18px 14px}.publish-flow .publish-visibility-options label strong{font-size:15px}.publish-flow .publish-visibility-options label small{font-size:12px}.publish-flow .publish-visibility-options label:has(input:disabled){opacity:.6;cursor:default}.publish-flow .publish-small-note{color:var(--muted);font-size:13px;line-height:1.75;margin:16px 0 0}.publish-sale-settings{display:grid;gap:20px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.publish-seller-readiness,.publish-review-notice{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.publish-seller-readiness>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.publish-seller-readiness span{font-size:13px}.publish-price-fields{min-width:0;border:0;padding:0;margin:0}.publish-price-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:12px}.publish-price-summary>div{display:grid;gap:10px;padding:18px}.publish-price-summary span{font-size:12px;color:var(--muted)}.publish-price-summary strong{font-size:21px}.publish-price-summary .proceeds{background:#edf6f2;color:#29776a}.publish-final-step>h3{margin-top:0}.publish-final-step>p,.publish-check-details{font-size:14px;line-height:1.8}.publish-check-details{padding:14px 18px;border-radius:10px;background:#f7f3ed;color:var(--muted)}.publish-check-details summary{cursor:pointer;font-weight:700;color:var(--ink)}.publish-check-details ul{padding-left:20px}.publish-review-notice{margin-top:16px;padding:18px;border-radius:12px;background:#edf6f2}.publish-review-notice>div{flex:1 1 300px}.publish-review-notice p{font-size:13px;line-height:1.75;margin:8px 0 0}@media(max-width:800px){.publish-flow .publish-visibility-options>div{grid-template-columns:1fr}.publish-price-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-flow .sales-field-grid{grid-template-columns:1fr}}@media(max-width:1100px){body{min-width:0}.global-header{padding-inline:16px}.global-header .brand{padding-inline-start:0}.global-menu-toggle{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border:1px solid var(--nav-border);border-radius:10px;background:#00000014;color:#fff;cursor:pointer}.global-nav{position:absolute;top:100%;right:0;left:0;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:calc(100dvh - var(--global-header-height));overflow-y:auto;margin:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-bottom:1px solid var(--nav-border);background:var(--nav-background);box-shadow:0 16px 26px #2d1e1833}.global-nav[data-open=true]{display:grid}.global-nav-item{min-height:44px;justify-content:flex-start;padding-inline:12px;font-size:13px}.global-profile-menu{grid-column:1 / -1;position:relative;display:block;padding:2px 10px}.global-profile-link{margin-left:0}.global-profile-options{position:static;width:100%;margin-top:6px;box-shadow:none}.global-profile-options:before{display:none}.page-container{padding:32px 24px 64px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:18px}.page-heading:has(>.new-creation-menu){flex-direction:column}.new-creation-options{left:0;right:auto;max-width:calc(100vw - 48px)}.pattern-grid,.chart-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.narrow-page{width:min(100% - 48px,680px)}.wizard-layout{display:block}.wizard-nav{position:sticky;z-index:20;top:var(--editor-chrome-height);display:flex;align-items:center;gap:6px;width:100%;height:auto;overflow-x:auto;padding:8px 16px;scrollbar-width:thin}.wizard-nav .eyebrow,.wizard-nav .wizard-progress,.wizard-nav>small,.wizard-nav>button small{display:none}.wizard-nav>button{flex:0 0 auto;width:auto;min-height:44px;gap:8px;margin:0;padding:6px 11px;white-space:nowrap}.wizard-nav>button>span{flex-basis:25px;width:25px;height:25px}.wizard-content{padding:24px 24px 64px;scroll-margin-top:calc(var(--editor-chrome-height) + 60px)}.drafting-workspace{display:flex;flex-direction:column}.drafting-sidebar{position:static;width:100%;height:auto;overflow:visible;border-right:0;border-bottom:1px solid var(--line)}.drafting-stage{min-width:0;padding:20px 24px 48px}.drafting-canvas-viewport{overflow:auto}.chart-source-picker{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){:root{--editor-header-height: 100px}.global-header{gap:8px;padding-inline:12px}.page-container{padding:26px 16px 48px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:26px}.pattern-grid,.chart-library-grid{grid-template-columns:minmax(0,1fr);gap:16px}.new-creation-options{max-width:calc(100vw - 32px)}.narrow-page{width:calc(100% - 32px);padding-block:30px 48px}.login-page{grid-template-columns:minmax(0,1fr)}.login-intro{padding:32px 24px 16px}.login-intro .brand{margin-bottom:20px}.login-intro h1{font-size:30px;margin-bottom:10px}.login-card{width:calc(100% - 32px);padding:24px;margin:16px auto 40px}.form-card{padding:24px}.editor-header{min-height:var(--editor-header-height);height:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:6px 12px}.editor-heading{width:100%;min-width:0;display:grid;grid-template-columns:auto 1px minmax(0,1fr)}.editor-title-group{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto}.editor-title-group h1{max-width:none;font-size:13px}.pattern-title-field{width:100%}.editor-locale-select{width:min(140px,40vw);min-width:0;min-height:44px}.pattern-language-picker-menu{position:static;margin-top:5px;box-shadow:0 6px 14px #30241c14}.pattern-language-picker summary,.pattern-language-picker-options label{min-height:44px}.basic-info-fields>label>select,.basic-info-fields .pattern-language-picker>summary{height:44px;font-size:16px}.editor-header-actions{justify-content:flex-end;gap:6px}.editor-header-actions .save-state{margin-right:auto;padding-right:6px}.editor-icon-action{width:40px;min-height:40px}.editor-history-actions{height:42px}.editor-save-button{min-height:42px}.wizard-content{padding:16px 12px 48px}.wizard-stack,.pattern-theme-editor{grid-template-columns:minmax(0,1fr)}.wizard-card,.section-editor{min-width:0;padding:18px 14px}.section-editor{padding:0}.wizard-card-heading{gap:10px;margin-bottom:18px}.wizard-card-heading h2{font-size:17px}.form-grid.two,.form-grid.gauge-grid,.size-mode-options{grid-template-columns:minmax(0,1fr)}.span-two,.span-four{grid-column:auto}.cover-field{grid-template-columns:minmax(0,1fr)}.cover-preview{width:min(180px,100%)}.theme-editor-grid{grid-template-columns:minmax(0,1fr);gap:14px}.theme-live-preview{min-width:0;padding:16px}.wizard-footer{flex-wrap:wrap;gap:10px}.wizard-footer .button{flex:1 1 140px;min-height:44px}.chart-source-picker,.chart-project-stage,.drafting-stage{padding:12px}.drafting-sidebar{max-height:min(42dvh,360px);overflow-y:auto;overscroll-behavior:contain;padding:16px}.drafting-title-field{width:min(100%,280px)}.drafting-editor-bar{max-width:100%}.canvas-host{height:min(560px,60dvh)}.preview-mode-tabs{gap:6px}.preview-mode-tabs button{min-width:0;flex:1;padding-inline:6px}.preview-stage.mobile{overflow-x:auto;padding:12px}.phone-frame{width:min(390px,100%)}.settings-card-heading,.settings-profile-form,.settings-account-row{padding:18px}.settings-avatar-editor{flex-wrap:wrap}.settings-signout{align-items:flex-start;flex-direction:column}}@media(max-width:360px){.global-header .brand-mark{width:32px;height:32px}}.drafting-conversion-actions{margin:12px 0 24px}.drafting-conversion-buttons{display:flex;flex-wrap:wrap;gap:8px}.drafting-conversion-buttons>.button{flex:1}.drafting-text-format-controls{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:6px;height:100%}.drafting-text-color-control{display:grid;gap:3px;padding:5px 7px;background:#fffdf9;border:1px solid #d8cfc5;border-radius:6px;color:#5d5650;font:700 10px system-ui,sans-serif}.drafting-text-color-control input{width:100%;height:30px;padding:2px}.drafting-selection-frame{fill:transparent;stroke:#66a8aa;stroke-width:1;stroke-dasharray:6 4;cursor:move}.drafting-display-menu{position:relative}.drafting-display-menu>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:7px 10px;border:1px solid #d8cfc5;border-radius:6px;background:#fff;color:#5c554f;cursor:pointer;font-size:10px;font-weight:700;list-style:none;white-space:nowrap}.drafting-display-menu>summary::-webkit-details-marker{display:none}.drafting-display-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drafting-display-options{position:absolute;z-index:10;top:calc(100% + 6px);right:0;display:grid;gap:5px;min-width:172px;padding:8px;border:1px solid #d8cfc5;border-radius:8px;background:#fffdf9;box-shadow:0 8px 24px #372a2024}.drafting-display-options>button{width:100%;justify-content:flex-start;white-space:nowrap}.drafting-toolbar-scroll{display:flex;flex:1 1 auto;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin}.drafting-toolbar-fixed{flex:0 0 auto;flex-wrap:nowrap;gap:6px;padding-left:8px;border-left:1px solid #e2d9d0}.chart-tools.drafting-vector-toolbar .drafting-tool-group.primary button{padding-inline:7px}.drafting-view-actions .zoom-control input{width:64px}.chart-tools.drafting-vector-toolbar .drafting-fullscreen-toggle{padding-inline:10px}.chart-tool-actions>.editor-history-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;padding:0}.drafting-action-scroll{display:flex;flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin}.drafting-display-options:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:6px}.drafting-text-format-controls>label{grid-template-rows:12px 30px;align-content:center}.responsive-editor-settings{min-width:0;flex:0 0 auto}.editor-settings-toggle{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:var(--surface-warm);color:var(--ink);font-size:13px;font-weight:700;cursor:pointer}.editor-settings-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.responsive-editor-settings.is-desktop-collapsible{position:relative}.is-desktop-collapsible>.editor-settings-toggle{min-height:28px;padding:4px 12px;font-size:11px}.is-desktop-collapsible>.editor-settings-toggle[aria-expanded=true]{position:absolute;top:6px;right:6px;z-index:1;width:28px;min-height:28px;justify-content:center;padding:4px;border:1px solid var(--line);border-radius:5px;background:#fffdf9}.is-desktop-collapsible>.editor-settings-toggle[aria-expanded=true]>span{display:none}.chart-editor .is-desktop-collapsible .chart-editor-bar{padding-right:44px}@media(max-width:760px),(max-height:500px)and (pointer:coarse){.drafting-sidebar{max-height:none;overflow:visible;padding:10px 12px}.drafting-sidebar .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.drafting-sidebar input,.drafting-sidebar select,.drafting-title-field input,.pattern-title-field input{min-height:44px;font-size:16px}.drafting-step-switch{margin-bottom:8px}.drafting-step-switch button{min-height:44px}.drafting-sidebar-actions{margin-bottom:8px}.drafting-sidebar-actions>.button{width:100%;min-height:44px}.sidebar-settings .editor-settings-toggle{border:1px solid var(--line);border-radius:8px;background:#fff}.editor-settings-content{max-height:min(36dvh,260px);overflow:auto;overscroll-behavior:contain}.sidebar-settings .editor-settings-content{max-height:min(45dvh,340px);padding-top:12px}.sidebar-settings .editor-settings-content>section>h2{display:none}.drafting-stage-heading{gap:8px;margin-bottom:12px}.drafting-stage-heading h1{font-size:20px}.drafting-stage-heading .eyebrow{margin-bottom:6px}.chart-editor,.drafting-canvas-shell{min-width:0;max-width:100%}.chart-editor .chart-tools:not(.drafting-vector-toolbar){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:6px;overflow:visible}.chart-toolbar-scroll{display:contents}.chart-editor .chart-tool-group{grid-column:1 / -1;width:100%;max-width:100%;overflow-x:auto;scrollbar-width:thin}.chart-toolbar-scroll>.tool-spacer{display:none}.chart-toolbar-scroll>.chart-tool-actions{grid-column:1;min-width:0;overflow-x:auto;scrollbar-width:thin}.chart-toolbar-view-action{grid-column:2}.chart-tools .chart-tool-group button,.chart-tools .chart-tool-actions>button,.chart-tools .zoom-control>button{min-width:44px;min-height:44px;flex-shrink:0;font-size:12px}.chart-tools .chart-tool-group kbd,.chart-tools .chart-fullscreen-toggle>span{display:none}.chart-tools .chart-fullscreen-toggle{width:44px;padding-inline:0}.chart-tools .zoom-control{flex:0 0 auto}.chart-tools .zoom-control input{width:72px;min-height:44px}.chart-tools .context-help-trigger{min-width:44px;min-height:44px}.chart-editor .chart-editor-bar{gap:10px;padding:10px 12px}.chart-editor-bar input,.chart-editor-bar select{height:44px;font-size:16px}.chart-dimensions{flex:0 0 auto;width:auto}.chart-dimensions>span{height:44px}.chart-dimensions label{width:76px}.chart-gauge-inputs input{width:80px}.chart-format-field{width:100%;flex-basis:100%;min-width:0}.chart-fabric-controls>button,.chart-shaping-tools-actions>button,.chart-rotation-actions>button{min-height:44px}.chart-shape-settings{gap:10px}.chart-transform-controls{width:auto}.chart-editor .chart-footer{padding:8px 6px max(8px,env(safe-area-inset-bottom));gap:6px}.chart-palette{padding:2px 0 5px}.canvas-host{height:min(560px,60dvh)}.chart-editor.is-fullscreen{width:100%}.chart-editor.is-fullscreen .canvas-host{min-height:100px}.chart-tools.drafting-vector-toolbar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:6px;padding:6px}.drafting-toolbar-scroll{display:contents}.drafting-toolbar-scroll>.drafting-tool-group.primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1 / -1;grid-row:1;width:100%}.chart-tools.drafting-vector-toolbar .drafting-tool-group.primary button{flex-direction:column;gap:4px;min-width:0;min-height:54px;padding:4px 2px}.drafting-tool-group.primary .drafting-tool-label{font-size:12px;line-height:1.2;white-space:normal}.drafting-tool-group.primary .drafting-tool-icon{display:flex;align-items:center;justify-content:center;height:18px;font-size:18px}.drafting-toolbar-scroll>.context-help{grid-column:2;grid-row:2}.drafting-toolbar-scroll>.drafting-tool-spacer{display:none}.drafting-display-menu{grid-column:1;grid-row:2}.drafting-display-menu>summary{min-height:44px;font-size:12px}.drafting-display-options{left:0;right:auto}.drafting-display-options>button{min-height:44px}.drafting-action-scroll{grid-column:3;grid-row:2}.drafting-toolbar-fixed{grid-column:4;grid-row:2;padding-left:0;border-left:0}.drafting-canvas-shell .drafting-view-actions .zoom-control{display:none}.drafting-canvas-shell .drafting-editor-bar{flex-wrap:wrap;overflow:visible;gap:12px;padding:10px 12px}.drafting-settings-title,.drafting-settings-divider{display:none}.drafting-symmetry-controls{flex-wrap:wrap}.drafting-symmetry-controls button{height:auto;min-height:44px;font-size:12px}.drafting-editor-bar input{width:108px;height:44px;font-size:16px}.drafting-canvas-viewport{max-height:65dvh;overflow:auto}.drafting-canvas-shell.is-fullscreen{width:100%}.drafting-canvas-shell.is-fullscreen .drafting-vector-toolbar{padding:6px}.drafting-canvas-shell.is-fullscreen .drafting-canvas-viewport{max-height:none;padding:12px}.drafting-canvas-shell.is-fullscreen .drafting-canvas-hint{display:none}}@media(min-width:600px)and (max-height:500px){.drafting-toolbar-scroll>.drafting-tool-group.primary{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:760px),(max-height:500px)and (pointer:coarse){.chart-editor.is-fullscreen>.responsive-editor-settings,.drafting-canvas-shell.is-fullscreen>.responsive-editor-settings{position:relative;z-index:4}.chart-editor.is-fullscreen>.responsive-editor-settings>.editor-settings-content,.drafting-canvas-shell.is-fullscreen>.responsive-editor-settings>.editor-settings-content{position:absolute;inset:100% 0 auto;max-height:min(48dvh,340px);box-shadow:0 10px 22px #372a2026}}.chart-text-box{position:absolute;z-index:3;padding:0;border:2px solid #cfc5b9;border-radius:6px;background:#fffdf9;outline:none}.chart-text-box.selected{z-index:4;border:2px solid var(--accent);box-shadow:0 2px 8px #302b281a}.chart-text-box>textarea{display:block;width:100%;min-width:0;padding:7px 14px 7px 5px;border:0;border-radius:3px;background:transparent;font-family:system-ui,sans-serif;font-weight:600;line-height:1.3;resize:none;outline:none}.chart-text-box>.chart-text-box-delete{padding:0;min-height:0;line-height:1;position:absolute;top:-8px;right:-6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:50%;background:#fffdf9;color:var(--accent-dark);cursor:pointer}.chart-text-box-settings{position:absolute;top:calc(100% + 7px);overflow:auto;padding:10px;border:1px solid #d8cec2;border-radius:7px;background:#fffdf9;box-shadow:0 4px 14px #302b2820}.chart-text-format-fields{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:8px}.chart-text-format-fields label,.chart-text-color-field{display:grid;gap:4px;min-width:0;color:#665e56;font-size:10px;font-weight:700}.chart-text-format-fields input,.chart-text-format-fields select{width:100%;min-width:0;height:34px;padding:4px 7px;border:1px solid #d8cec2;border-radius:5px;background:#fff;font:600 12px system-ui,sans-serif}.chart-text-format-fields input[type=color]{padding:3px}.chart-text-range-fields{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(pointer:coarse){.chart-text-format-fields input,.chart-text-format-fields select{min-height:44px;font-size:16px}.chart-text-box>.chart-text-box-delete{width:32px;height:32px}}.chart-text-box-delete>svg{width:16px;height:16px;flex-shrink:0}.chart-text-color-field .text-color-picker{height:34px;border-style:solid;border-color:#d8cec2;border-radius:5px}.text-color-picker>button{width:100%;padding:4px}.text-color-picker>button>span{display:block;width:100%;height:100%;border:1px solid #302b282e;border-radius:2px}.yarn-color-option[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}@media(pointer:coarse){.chart-text-color-field .text-color-picker{height:44px}}.chart-trace-panel{flex:0 0 auto;min-width:0;padding:10px 18px;border-bottom:1px solid var(--line);background:#fffdf9}.chart-trace-toolbar{display:flex;align-items:center;gap:8px;min-width:0}.chart-trace-image-actions{display:flex;flex:1;align-items:center;gap:12px;min-width:0;overflow-x:auto;overflow-y:hidden}.chart-trace-image-actions>*{flex-shrink:0}.chart-trace-image-actions .button{display:inline-flex;align-items:center;gap:6px;min-height:34px;white-space:nowrap}.trace-file-button{position:relative;cursor:pointer}.trace-file-button.disabled{opacity:.5;cursor:wait}.trace-file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.trace-layer-select{width:180px;height:34px;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:12px;text-overflow:ellipsis}.chart-trace-image-actions .trace-visible-toggle{display:flex;align-items:center;gap:5px;width:auto;white-space:nowrap;font-size:11px}.trace-visible-toggle input{flex:0 0 auto;width:14px;height:14px;margin:0}.trace-close,.trace-remove{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);cursor:pointer}.trace-remove{color:var(--accent-dark)}.chart-trace-image-actions .trace-opacity{display:flex;align-items:center;gap:8px;width:auto;height:34px;font-size:11px;white-space:nowrap}.trace-opacity input{width:120px;height:20px;padding:0;margin:0;border:0;background:transparent;accent-color:var(--accent)}.trace-opacity output{min-width:34px;text-align:right}.trace-shortcuts{width:100%;border-collapse:collapse;font-size:12px}.trace-shortcuts th,.trace-shortcuts td{padding:4px 6px;border-bottom:1px solid var(--line);text-align:left}.trace-shortcuts th{width:40%;font-weight:600}.trace-shortcuts kbd{font:11px system-ui,sans-serif}.chart-trace-fit{position:absolute;z-index:2;width:116px;min-height:28px;padding:4px 6px;border:1px solid var(--line);border-radius:5px;background:#fffdf9;color:var(--ink);font:600 10px/1.4 system-ui,sans-serif;cursor:pointer;box-shadow:0 1px 4px #302b2814}.chart-trace-fit:hover{border-color:var(--accent);color:var(--accent-dark)}.chart-trace-fit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(pointer:coarse){.chart-trace-fit{min-height:44px}}@media(max-width:760px){.chart-trace-panel{padding:8px 12px}.chart-trace-image-actions .button,.trace-close,.trace-remove,.trace-layer-select,.chart-trace-image-actions .trace-opacity{min-height:44px}.trace-layer-select{font-size:16px}}.editor-tool-tooltip{position:fixed;z-index:1200;display:inline-flex;align-items:center;gap:6px;max-width:calc(100vw - 16px);padding:5px 7px;border:1px solid #d8d0c7;border-radius:5px;background:#fffdf9;color:#302b28;box-shadow:0 2px 8px #302b2826;font:11px/1.4 system-ui,sans-serif;pointer-events:none}.editor-tool-tooltip.is-rich{z-index:11050;display:grid;gap:8px;padding:10px;border-radius:10px;box-shadow:0 10px 28px #302b2829;font:12px/1.6 Noto Sans JP,system-ui,sans-serif;animation:rich-tooltip-in .18s ease-out}.editor-tool-tooltip.is-rich .operation-demo{border:1px solid #ece4d9}.editor-tool-tooltip-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-tool-tooltip-head strong{font-size:13px}.editor-tool-tooltip-text{color:#5c544d}@keyframes rich-tooltip-in{0%{opacity:0;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.editor-tool-tooltip.is-rich{animation:none}}.editor-tool-tooltip kbd{padding:0 4px;border:1px solid #d8d0c7;border-radius:3px;background:#f2ede7;color:#6b625b;font:10px/1.4 system-ui,sans-serif}@media(max-width:1100px){.chart-tool-group .chart-tool-label,.chart-tool-group kbd{display:none}.chart-tools .chart-tool-group button{min-width:34px;justify-content:center;padding-inline:0}.chart-tool-icon{flex:none;font-size:17px;line-height:1}svg.chart-tool-icon{width:18px;height:18px}.chart-toolbar-scroll{flex-wrap:wrap;overflow:visible}.chart-toolbar-scroll>.tool-spacer{display:none}.chart-toolbar-scroll>.chart-tool-actions{flex:0 1 auto;min-width:0;max-width:100%;flex-wrap:wrap;overflow:visible}.chart-action-divider,.chart-tool-actions .zoom-control{flex:none}}@container chart-editor (max-width: 620px){.chart-editor .chart-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.chart-toolbar-scroll{display:contents}.chart-toolbar-scroll>.tool-spacer{display:none}.chart-editor .chart-tool-group{grid-column:1;width:fit-content;max-width:100%;min-width:0;flex-wrap:wrap;overflow:visible}.chart-toolbar-scroll>.chart-tool-actions{grid-column:1 / -1;grid-row:2}.chart-toolbar-view-action{grid-column:2;grid-row:1;align-self:start}}@container chart-editor (max-width: 760px){.chart-tools .chart-tool-group button{min-width:44px;min-height:44px}.chart-action-divider{display:none}}.chart-toolbar-icon-button .chart-tool-label{display:none}.chart-tool-actions>.chart-toolbar-icon-button{display:inline-flex;flex:0 0 34px;width:34px;min-width:34px;min-height:34px;align-items:center;justify-content:center;padding:0}.chart-tool-actions>.chart-toolbar-icon-button[aria-pressed=true]{border-color:#a8d0c9;background:#eaf5f2;color:#246c60}.standalone-pdf-trigger{display:inline-flex;align-items:center;gap:6px}.editor-export-menu{position:fixed;z-index:2400;min-width:190px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:0 8px 26px #2f241c2e}.editor-export-menu>button{display:flex;width:100%;min-height:42px;align-items:center;gap:10px;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer;font-size:13px;font-weight:700}.editor-export-menu>button:hover,.editor-export-menu>button:focus-visible{background:#f4ede3}.editor-export-menu small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:500}.editor-export-notice{position:fixed;z-index:2500;bottom:20px;left:50%;display:flex;max-width:calc(100vw - 32px);align-items:center;gap:14px;transform:translate(-50%);padding:12px 16px;border:1px solid #b7d5cc;border-radius:10px;background:#f2faf6;color:#245c4b;font-size:13px;box-shadow:var(--shadow)}.editor-export-notice.is-error{border-color:#e6b4a8;background:#fff4ef;color:var(--danger)}.editor-export-notice>button{display:grid;flex-shrink:0;place-items:center;padding:3px;border:0;background:transparent;color:inherit;cursor:pointer}@container chart-editor (min-width: 621px){.chart-editor .chart-tools:not(.drafting-vector-toolbar){display:flex}.chart-toolbar-scroll{display:flex}.chart-editor .chart-tool-group{width:fit-content;flex-wrap:nowrap;overflow:visible}.chart-toolbar-scroll>.chart-tool-actions{flex-wrap:nowrap;overflow:visible}}@media(max-width:900px){.chart-tools .chart-fullscreen-toggle>span{display:none}.chart-tools .chart-fullscreen-toggle{width:38px;padding-inline:0}.chart-toolbar-view-action{padding-left:6px}.chart-tool-actions .zoom-control input{width:72px}}@media(pointer:coarse){.chart-tool-actions>.chart-toolbar-icon-button{flex-basis:44px;width:44px;min-width:44px;min-height:44px}.chart-tools .chart-fullscreen-toggle{min-width:44px}}@media(min-width:1101px){.chart-tool-actions>.reader-chart-preview-trigger.chart-toolbar-icon-button{flex-basis:auto;width:auto;padding-inline:9px}.reader-chart-preview-trigger.chart-toolbar-icon-button .chart-tool-label{display:inline}}.chart-editor .chart-tools:not(.drafting-vector-toolbar){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.chart-editor .chart-toolbar-scroll{display:contents}.chart-editor .chart-toolbar-scroll>.chart-tool-group{grid-column:1;grid-row:1;min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.chart-editor .chart-toolbar-scroll>.chart-tool-group::-webkit-scrollbar{display:none}.chart-editor .chart-toolbar-scroll>.chart-tool-group>button{flex-shrink:0}.chart-editor .chart-toolbar-scroll>.chart-tool-actions{grid-column:1 / -1;grid-row:2;flex-wrap:wrap}.chart-editor .chart-toolbar-view-action{grid-column:2;grid-row:1;align-self:center}.hand-drawn-stitch-dimensions{display:flex;align-items:end;gap:10px;margin:12px 0}.hand-drawn-stitch-dimensions label{display:grid;gap:5px;font-size:12px}.hand-drawn-stitch-dimensions input{width:88px}.hand-drawn-stitch-drawing-scroll{max-width:min(480px,100%);max-height:320px;overflow:auto;border:1px solid #b8aea2;background:#fff}.hand-drawn-stitch-drawing-scroll>.hand-drawn-stitch-pad{display:block;max-width:none;flex:none;border:0;border-radius:0}.stitch-symbol-search{display:grid;gap:6px;margin:12px 0;font-size:12px}.stitch-symbol-references{margin:12px 0;font-size:12px;color:var(--muted)}.stitch-symbol-references a{display:inline-block;margin:4px 14px 4px 0}.chart-editor.knitting-editor{display:flex;flex-direction:column}.chart-editor.knitting-editor.has-bottom-panels{height:min(840px,86dvh);min-height:0}.chart-editor.knitting-editor.has-bottom-panels.is-fullscreen{height:100dvh}.knitting-editor.has-bottom-panels>.knitting-chart-body{flex:1 1 0;min-height:0}.chart-editor.knitting-editor.has-bottom-panels>.knitting-chart-body>.canvas-host{flex:1 1 0;height:auto;min-height:0}.chart-editor.knitting-editor.has-bottom-panels>.chart-footer,.knitting-bottom-settings{display:block;flex:0 1 auto;min-height:0;max-height:var(--knitting-bottom-panel-height, min(36dvh, 300px));overflow:auto;overscroll-behavior:contain;padding:12px 12px 16px;border:0;border-top:1px solid var(--line);background:#fffdf9;scrollbar-width:thin}.chart-editor.knitting-editor.has-bottom-panels>.chart-footer[hidden],.knitting-bottom-settings[hidden]{display:none}.knitting-panel-heading{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;padding-bottom:6px;background:#fffdf9}.knitting-panel-heading h3{margin:0;font-size:14px}.knitting-panel-heading>button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);cursor:pointer}.knitting-palette-navigation{display:flex;gap:4px;margin-left:auto}.knitting-palette-navigation>button{min-width:44px;min-height:44px;padding:4px 7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:12px;cursor:pointer}.chart-editor.knitting-editor.has-bottom-panels .chart-fabric-controls{position:static}.knitting-editor.has-bottom-panels .knitting-symbol-catalog{min-height:0;max-height:none;overflow:visible;padding-right:0}.knitting-editor .knitting-bottom-settings .chart-editor-bar{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:18px;min-height:0;padding:0;border:0;background:transparent}.knitting-bottom-settings>.knitting-panel-heading{margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.knitting-bottom-settings .chart-editor-bar label{gap:6px;font-size:12px}.knitting-bottom-settings .chart-dimensions,.knitting-bottom-settings .chart-gauge-inputs{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:8px;width:100%}.knitting-bottom-settings .chart-dimensions label{width:auto;min-width:0}.knitting-bottom-settings .chart-dimensions input,.knitting-bottom-settings .chart-gauge-inputs input{width:100%;min-width:0}.knitting-bottom-settings .chart-gauge-fields{gap:6px;font-size:12px}.knitting-bottom-settings .chart-gauge-inputs>label{min-width:0}.knitting-bottom-settings .chart-gauge-inputs .committed-number{flex:1}.knitting-bottom-settings .chart-caption-field,.knitting-bottom-settings .chart-format-field{width:100%;min-width:0}.knitting-bottom-settings .chart-settings-title{display:none}.knitting-bottom-settings .chart-shape-settings{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:18px}.knitting-bottom-settings .chart-shaping-tools-label,.knitting-bottom-settings .chart-transform-controls small{font-size:12px;line-height:1.5}.knitting-bottom-settings .chart-shaping-tools-actions,.knitting-bottom-settings .chart-rotation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.knitting-bottom-settings .chart-shaping-tools-actions>button,.knitting-bottom-settings .chart-rotation-actions>button{min-height:44px;font-size:12px}.knitting-bottom-settings .chart-settings-divider{display:none}.knitting-editor.has-bottom-panels :is(.chart-footer,.knitting-bottom-settings) :is(input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea){font-size:16px;min-height:44px}.knitting-editor.has-bottom-panels .stitch-symbol-picker{position:absolute;inset:auto 0 0;z-index:9;max-height:100%;overflow:auto}.chart-editor.knitting-editor.has-bottom-panels .stitch-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.chart-editor.knitting-editor.has-bottom-panels .knitting-recent-symbols{grid-template-columns:repeat(5,minmax(0,1fr))}.editor-bottom-panel-tabs{grid-column:1;grid-row:4;display:grid;flex:0 0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px 10px max(6px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffdf9}.editor-bottom-panel-tabs>button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;padding:6px;border:1px solid transparent;border-radius:8px;background:transparent;color:#645b52;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.editor-bottom-panel-tabs>button[aria-pressed=true]{color:#226e67;background:#eaf5f2;border-color:#9fcfc5}.editor-bottom-panel-tabs>button:focus-visible{outline:2px solid #226e67;outline-offset:-2px}.chart-editor.crochet-editor.has-bottom-panels{--chart-tool-columns: 5}.chart-editor.has-bottom-panels>.chart-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:6px}.chart-editor.has-bottom-panels .chart-toolbar-scroll{display:contents}.chart-editor.has-bottom-panels .chart-toolbar-scroll>.chart-tool-group{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:repeat(var(--chart-tool-columns, 6),minmax(0,1fr));width:100%;min-width:0;max-width:100%;overflow:visible}.chart-editor.has-bottom-panels .chart-toolbar-scroll>.chart-tool-group>button{flex:none;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:52px;padding:4px 1px}.chart-editor.has-bottom-panels .chart-toolbar-scroll>.chart-tool-group .chart-tool-label{display:block;font-size:clamp(9px,2.6vw,10px);line-height:1.2;white-space:nowrap}.chart-editor.has-bottom-panels .chart-tool-group .chart-tool-icon{display:inline-flex;align-items:center;justify-content:center;height:18px;font-size:18px}.chart-editor.has-bottom-panels .chart-tool-group kbd{display:none}.chart-editor:is(.knitting-editor,.crochet-editor).has-bottom-panels>.chart-tools .chart-toolbar-scroll>.chart-tool-actions{grid-column:1;grid-row:2;min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.chart-editor.has-bottom-panels>.chart-tools .chart-toolbar-view-action{grid-column:2;grid-row:2;align-self:start;gap:4px;padding-left:0;border-left:0}.chart-editor.has-bottom-panels .chart-toolbar-view-action .chart-fullscreen-toggle{width:44px;min-width:44px;min-height:44px}.chart-editor.has-bottom-panels .crochet-beta-badge{padding:2px 5px;font-size:10px}.knitting-chart-body{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0}.knitting-chart-body>.responsive-editor-settings{flex:0 0 auto}.knitting-chart-body>.canvas-host{flex-shrink:0}.knitting-chart-body>.stitch-symbol-picker{flex:0 1 auto;min-height:0}.knitting-editor.is-fullscreen>.knitting-chart-body{flex:1 1 0}.knitting-editor .chart-palette-position{display:flex;flex:0 0 auto;gap:4px;padding:0 5px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.chart-palette-position>button{display:flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:50px;min-height:34px;padding:0 6px}.chart-palette-position>button[aria-pressed=true]{border-color:#a8d0c9;background:#eaf5f2;color:#246c60}.knitting-editor.has-left-palette{--knitting-palette-width: min(var(--knitting-palette-preferred-width, 280px), max(180px, calc(100% - 120px) ));display:grid;grid-template-columns:var(--knitting-palette-width) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:min(840px,86dvh);min-height:480px}.knitting-editor.has-left-palette.is-fullscreen{height:100dvh;min-height:0}.knitting-editor.has-left-palette>.chart-tools{grid-column:2;grid-row:1;min-width:0}.knitting-editor.has-left-palette>.knitting-chart-body{grid-column:2;grid-row:2}.knitting-editor.has-left-palette>.knitting-chart-body>.canvas-host{flex:1 1 0;height:auto;min-height:0}.knitting-editor.has-left-palette>.chart-footer{grid-column:1;grid-row:1 / 3;display:block;width:auto;height:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 12px;border-top:0;border-right:1px solid var(--line);scrollbar-width:thin}.editor-sidebar-resizer{position:relative;z-index:6;grid-column:1;grid-row:1 / 3;justify-self:end;align-self:stretch;width:9px;margin-right:-4px;cursor:col-resize;touch-action:none;outline:none}.editor-sidebar-resizer.is-right{grid-column:3;justify-self:start;margin-right:0;margin-left:-4px}.editor-sidebar-resizer:after{position:absolute;inset:0 3px;content:"";background:transparent;transition:background .12s}.editor-sidebar-resizer:hover:after,.editor-sidebar-resizer:focus-visible:after,.is-sidebar-resizing .editor-sidebar-resizer:after{background:var(--mint)}.chart-editor.is-sidebar-resizing,.chart-editor.is-sidebar-resizing *{cursor:col-resize;-webkit-user-select:none;user-select:none}.knitting-editor.has-catalog-palette .chart-palette{flex-direction:column;gap:8px;padding:0;overflow:visible}.knitting-editor.has-catalog-palette .chart-palette-heading{display:flex;align-items:center;gap:7px;margin:0;color:#4e4840;font-size:14px}.knitting-editor.has-catalog-palette .chart-palette-heading>svg{flex:0 0 auto;color:#82786d}.knitting-editor.has-catalog-palette .stitch-palette.knitting-recent-symbols{grid-template-columns:repeat(5,minmax(0,1fr));flex:0 0 auto}.knitting-editor.has-catalog-palette .stitch-palette.knitting-recent-symbols>button{min-height:42px;padding:5px 2px}.knitting-editor.has-catalog-palette .knitting-symbol-search{width:100%;min-width:0;padding:9px;font-size:12px}.knitting-editor.has-catalog-palette .chart-fabric-controls{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:4px;padding-bottom:8px;background:#fffdf9}.knitting-editor.has-catalog-palette .chart-fabric-controls>button{width:auto;min-width:0;min-height:64px}.knitting-symbol-catalog{max-height:clamp(200px,42dvh,400px);min-height:160px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:5px}.knitting-symbol-group+.knitting-symbol-group{margin-top:14px}.knitting-symbol-group>h4{margin:0 0 7px;font-size:12px;color:#756a5f}.knitting-palette-empty{margin:0;font-size:12px;line-height:1.5;color:#82786d}.knitting-symbol-actions>.stitch-symbol-add{display:flex;width:100%}.palette-context-menu>button:has(>svg){display:flex;align-items:center;gap:6px}.knitting-editor.has-catalog-palette .stitch-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));align-items:stretch;gap:6px}.knitting-editor.has-catalog-palette .stitch-palette>button{width:auto;min-width:0;height:auto;min-height:70px;padding:6px 3px}.knitting-editor.has-catalog-palette .stitch-palette .stitch-glyph{max-width:100%}.knitting-editor.has-catalog-palette .stitch-palette small{font-size:10px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.knitting-editor.has-catalog-palette .stitch-symbol-add{grid-column:1 / -1;height:40px}.knitting-editor.has-catalog-palette .stitch-symbol-add>button{flex:1;min-width:0;padding-inline:4px}.knitting-editor.has-catalog-palette .palette-divider{width:auto;height:1px;min-height:1px;flex-basis:1px;margin:6px 0}.knitting-editor.has-catalog-palette .color-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:6px}.knitting-editor.has-catalog-palette .color-palette-item>button,.knitting-editor.has-catalog-palette .color-palette-clear{width:100%}.knitting-editor.has-catalog-palette .yarn-palette-add{grid-column:1 / -1;height:40px}.knitting-editor.has-catalog-palette .yarn-palette-add>button{width:100%}.knitting-editor.has-left-palette>.chart-editor-notice{bottom:12px;max-width:min(420px,calc(100% - var(--knitting-palette-width) - 24px))}@container chart-editor (max-width: 760px){.knitting-editor.has-left-palette>.chart-tools{grid-column:1 / -1}.knitting-editor.has-left-palette>.chart-footer{grid-row:2;padding:12px 8px}.knitting-editor.has-left-palette>.editor-sidebar-resizer{grid-row:2}}@media(max-width:760px),(max-height:500px)and (pointer:coarse){.knitting-editor .chart-toolbar-scroll>.chart-tool-actions{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:3px;scrollbar-width:thin}.knitting-editor .chart-selection-actions{flex:0 0 auto;flex-wrap:nowrap}.knitting-editor .chart-selection-actions>div{flex-wrap:nowrap}.knitting-editor .chart-selection-actions button{width:44px;min-height:44px}.knitting-chart-body>.responsive-editor-settings{position:relative;z-index:4}.knitting-chart-body>.responsive-editor-settings>.editor-settings-content{position:absolute;inset:100% 0 auto;max-height:min(48dvh,340px);box-shadow:0 10px 22px #372a2026}}@media(pointer:coarse){.chart-palette-position>button{min-width:52px;min-height:44px}}.drafting-project-stage{flex-direction:column}.drafting-project-stage>.drafting-canvas-shell:not(.is-fullscreen){display:flex;flex:1 1 0;flex-direction:column;width:100%;min-height:0;margin:0}.drafting-project-stage>.drafting-canvas-shell:not(.is-fullscreen)>.drafting-vector-toolbar{flex:0 0 auto;margin:0;border-width:0 0 1px;border-radius:0}.drafting-project-stage>.drafting-canvas-shell:not(.is-fullscreen) .drafting-editor-bar{margin:0;border-width:0 0 1px;border-radius:0}.drafting-project-stage>.drafting-canvas-shell:not(.is-fullscreen)>.responsive-editor-settings{flex:0 0 auto}.drafting-project-stage>.drafting-canvas-shell:not(.is-fullscreen)>.drafting-canvas-viewport{flex:1 1 0;width:100%;height:0;min-height:0;max-height:none;overflow:auto;background:#eee9e2}.drafting-project-stage>.drafting-canvas-shell:not(.is-fullscreen) .drafting-canvas{border:0;box-shadow:none}.drafting-project-stage>.drafting-grid-note{flex:0 0 auto;max-width:none;margin:0;padding:8px 12px;border-top:1px solid var(--line);background:var(--surface)}@media(max-width:760px),(max-height:500px)and (pointer:coarse){.drafting-project-stage>.drafting-canvas-shell>.responsive-editor-settings{position:relative;z-index:4}.drafting-project-stage>.drafting-canvas-shell>.responsive-editor-settings>.editor-settings-content{position:absolute;inset:100% 0 auto;max-height:min(48dvh,340px);box-shadow:0 10px 22px #372a2026}}@media(max-width:980px),(any-pointer:coarse){#root :is(input,select,textarea){font-size:max(16px,1em)}}