@import "https://fonts.googleapis.com/css2?family=DynaPuff:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&display=swap";:root{--bg:#f6f6fc;--paper:#fff;--ink:#2b2f55;--muted:#5f6388;--line:#dfe1f3;--rose:#5e67b2;--rose-2:#cdd1ef;--rose-3:#f0f1fb;--sec:#f68637;--orange-deep:#d4641a;--display:"DynaPuff", "Comic Sans MS", cursive;--mint:#1a7d41;--err:#b83232;--err-bg:#fde4e4;--warn:#9a5b06;--warn-bg:#fdf1dc;--mono:"Cascadia Mono", "Consolas", "SFMono-Regular", ui-monospace, monospace;--radius:14px;--shadow:0 1px 2px #3237780f, 0 8px 24px #32377812;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 Nunito,Segoe UI,system-ui,sans-serif}#app{flex-direction:column;height:100dvh;display:flex}main{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}a{color:var(--rose)}h1,h2,h3{font-family:var(--display);margin:0 0 .5em;font-weight:600}h3{margin-top:1.2em;font-size:1rem}.muted{color:var(--muted)}.small{font-size:.85rem}button,.button{font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:.4em;padding:.5em .95em;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}button:hover,.button:hover{border-color:var(--rose)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--rose);border-color:var(--rose);color:#fff}button.primary:hover{background:#4c549a}button.link{color:var(--rose);background:0 0;border:none;padding:.3em .4em}button.icon{background:0 0;border-color:#0000;padding:.3em .6em}button.icon.danger:hover{color:var(--err);border-color:var(--err-bg)}:focus-visible{outline:3px solid color-mix(in srgb, var(--rose) 45%, transparent);outline-offset:2px}input,select{font:inherit;color:inherit;border:1px solid var(--line);background:var(--paper);border-radius:10px;width:100%;padding:.45em .7em}label{color:var(--muted);flex-direction:column;gap:.25em;font-size:.85rem;font-weight:700;display:flex}.topbar{background:var(--paper);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:1.5rem;padding:.6rem 1.2rem;display:flex;position:sticky;top:0}.brand{font-family:var(--display);color:var(--ink);align-items:center;gap:.55em;font-size:1.9rem;text-decoration:none;display:flex}.brand-logo{width:auto;height:38px;display:block}.topbar nav{gap:1rem;display:flex}.topbar nav a{color:var(--ink);font-weight:700;text-decoration:none}.topbar nav a:hover{color:var(--rose)}.account{align-items:center;gap:.4rem;margin-left:auto;display:flex}.brand,.topbar nav a,.account button{white-space:nowrap}@media (width<=600px){.topbar{gap:.8rem;padding:.5rem .8rem}.brand-logo{height:32px}.account .muted{display:none}}@media (width<=520px){.nav-home{display:none}.topbar{gap:.5rem;padding:.4rem .6rem}.brand-logo{height:28px}.topbar nav{gap:.5rem}.topbar nav a,.account button{font-size:.82rem}.account{gap:0;min-width:0}.account button.link{padding:.3em .2em}.account .user{text-overflow:ellipsis;max-width:5.5em;display:block;overflow:hidden}}@media (width<=360px){.brand-logo{height:23px}}.pattern-item{gap:.6rem;padding-left:.4rem}.pattern-item .thumb{background:var(--rose-3);border-radius:10px;flex:none;place-items:center;width:48px;height:48px;font-size:1.3rem;text-decoration:none;display:grid;overflow:hidden}.pattern-item .thumb img{object-fit:cover;width:100%;height:100%;display:block}.item-main{min-width:0}.item-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-actions{gap:.1rem;display:flex}.item-actions .icon{font-size:.95rem}@media (width<=600px){.item-actions .icon{padding:.3em .35em}.pattern-item .thumb{width:40px;height:40px}.item-main strong{white-space:normal;overflow-wrap:anywhere}.home{padding:1.5rem .8rem 3rem}.home .card{padding:1rem}}.list-search{width:100%;margin-bottom:.5rem}.rename-input{padding:.2em .4em;font-weight:700}.list-more{align-self:flex-start;margin-top:.2rem}.home{width:100%;max-width:1100px;margin:0 auto;padding:2.5rem 1.2rem 4rem}.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.hero em{color:var(--orange-deep);font-style:normal}.hero p{max-width:640px;color:var(--muted);font-size:1.08rem}.home-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;margin-top:2rem;display:grid}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.list{flex-direction:column;gap:.4rem;display:flex}.item{border:1px solid var(--line);border-radius:12px;align-items:center;padding:.25rem .4rem .25rem .9rem;display:flex}.item:hover{border-color:var(--rose-2);background:var(--rose-3)}.item-main{color:inherit;flex-direction:column;flex:1;padding:.4rem 0;text-decoration:none;display:flex}.mini-bar{background:var(--line);border-radius:4px;height:4px;margin-top:.3rem;overflow:hidden}.mini-bar span{background:var(--sec);height:100%;display:block}.share-row{gap:.5rem;display:flex}.showcase{margin-top:2rem}.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;display:grid}.showcase-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.showcase-image{aspect-ratio:1;background:var(--rose-3);display:block}.showcase-image img{object-fit:cover;width:100%;height:100%;display:block}.showcase-body{flex-direction:column;flex:1;align-items:flex-start;gap:.3rem;padding:.8rem;display:flex}.showcase-body strong{overflow-wrap:anywhere;max-width:100%}.showcase-kind{margin-left:0}.showcase-action{justify-content:center;align-self:stretch;margin-top:auto;font-size:.88rem}.showcase-report{color:var(--muted);align-self:flex-end;font-size:.78rem;font-weight:600}.showcase-box{margin-top:.4rem}.showcase-preview{border:1px solid var(--line);border-radius:12px;align-self:center;width:168px;height:168px;display:block}.admin-publication{flex-wrap:wrap;gap:1rem;display:flex}.admin-publication>img{border-radius:10px;flex:none}.admin-publication>div{flex:240px;min-width:0}@media (width<=520px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.showcase-body{padding:.6rem}}.loading,.empty-state{text-align:center;color:var(--muted);max-width:480px;margin:4rem auto;padding:0 1rem}.workspace{grid-template-columns:var(--panel-w,minmax(340px, 470px)) 1fr;flex:1;grid-template-rows:minmax(0,1fr);height:100%;min-height:0;display:grid}.panel{background:var(--paper);border-right:1px solid var(--line);flex-direction:column;gap:.8rem;padding:1rem;display:flex;overflow-y:auto}.panel-head{align-items:center;gap:.6rem;display:flex}.title-input{font-family:var(--display);border-color:#0000;padding-left:.2em;font-size:1.3rem}.title-input:hover,.title-input:focus{border-color:var(--line)}.save-state{color:var(--mint);white-space:nowrap;font-size:.8rem}.undo-row{align-items:center;gap:.15rem;display:flex}button.undo-btn{padding:.15em .45em;font-size:1.05rem;line-height:1}button.undo-btn:disabled{opacity:.3}.save-state.busy{color:var(--muted)}.save-state.error{color:var(--err)}details{border:1px solid var(--line);border-radius:12px;padding:.5rem .8rem}summary{cursor:pointer;font-weight:800}details[open] summary{margin-bottom:.6rem}.yarn-grid{grid-template-columns:1.3fr .8fr 1fr;gap:.5rem;display:grid}.color-row{margin-top:.7rem}.color-row .small{color:var(--muted);margin-bottom:.3rem;font-weight:700}.swatch-line{align-items:center;gap:.5rem;display:flex}.swatches{flex-wrap:wrap;gap:5px;display:flex}.swatch{background:var(--c);border:1px solid #0000001f;border-radius:50%;width:22px;height:22px;padding:0}.swatch.on{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--rose)}.swatch-line input[type=color]{flex:none;width:36px;height:30px;padding:2px}.advice{color:var(--warn);margin:.5rem 0 0;font-size:.85rem}.advice:empty{display:none}.editor-label{justify-content:space-between;align-items:baseline;font-weight:800;display:flex}.editor-label .muted{font-size:.8rem;font-weight:400}.editor{border:1px solid var(--line);resize:vertical;background:#fdfdff;border-radius:12px;flex-direction:column;flex:none;height:max(340px,100vh - 300px);min-height:220px;display:flex;overflow:hidden}.ed-body{font:13.5px/22px var(--mono);flex:1;display:flex;position:relative;overflow:hidden}.ed-gutter{text-align:right;color:#a6a9cf;border-right:1px solid var(--line);-webkit-user-select:none;user-select:none;background:#f8f8fe;flex:none;width:2.8em;padding:8px 0}.ed-num{height:22px;padding-right:.6em}.ed-num.error{color:#fff;background:var(--err)}.ed-num.warning{color:#fff;background:var(--warn)}.ed-code{flex:1;position:relative;overflow:hidden}.ed-backdrop,.ed-code textarea{font:inherit;white-space:pre;tab-size:2;margin:0;padding:8px 10px}.ed-backdrop{min-width:100%;color:var(--ink);pointer-events:none;position:absolute;inset:0 auto auto 0}.ed-line{border-radius:4px;height:22px;margin:0 -6px;padding:0 6px}.ed-line.active{background:var(--rose-3)}.ed-line.error{background:var(--err-bg);box-shadow:inset 3px 0 0 var(--err);-webkit-text-decoration:underline wavy var(--err) 1px;text-decoration:underline wavy var(--err) 1px;text-underline-offset:4px}.ed-line.warning{background:var(--warn-bg);box-shadow:inset 3px 0 0 var(--warn);-webkit-text-decoration:underline dotted var(--warn) 2px;text-decoration:underline dotted var(--warn) 2px;text-underline-offset:4px}.ed-code textarea{resize:none;color:#0000;width:100%;height:100%;caret-color:var(--rose);background:0 0;border:none;outline:none;position:absolute;inset:0;overflow:auto}.ed-code textarea::selection{color:#0000;background:#5e67b238}.ed-status{border-top:1px solid var(--line);padding:.4rem .8rem;font-size:.85rem;display:none}.ed-status.show{display:block}.ed-status.error{background:var(--err-bg);color:var(--err)}.ed-status.warning{background:var(--warn-bg);color:var(--warn)}.issues ul{max-height:160px;margin:.3rem 0 0;padding:0;list-style:none;overflow-y:auto}.issues li{cursor:pointer;border-radius:8px;padding:.25rem .5rem;font-size:.85rem}.issues li:hover{background:var(--rose-3)}.issues li.error b{color:var(--err)}.issues li.warning b{color:var(--warn)}.issues-head{gap:.8rem;font-size:.85rem;font-weight:800;display:flex}.err{color:var(--err)}.warn{color:var(--warn)}.ok{color:var(--mint);font-size:.9rem;font-weight:700}.help table{border-collapse:collapse;font-size:.82rem}.help td{border-bottom:1px solid var(--line);vertical-align:top;padding:.25rem .3rem}.help code{font-family:var(--mono);color:var(--rose);font-size:.8rem}.stage{background:radial-gradient(at 50% 35%,#fdfdff 0%,#eceefa 70%,#dfe1f5 100%);min-width:0;min-height:0;position:relative}.canvas-host{position:absolute;inset:0}.mobile-switch{z-index:20;background:#2b2f55e0;border-radius:999px;gap:4px;padding:4px;display:none;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #2b2f6e40}.mobile-switch button{color:#fff;background:0 0;border:none;border-radius:999px;padding:.5em 1.1em;font-weight:800}.mobile-switch button[aria-pressed=true]{color:var(--ink);background:#fff}.help-btn{white-space:nowrap;font-weight:800}.help-modal{max-height:70vh;overflow-y:auto}.stage-loading{color:var(--muted);pointer-events:none;place-items:center;font-weight:700;animation:1.4s ease-in-out infinite alternate stage-pulse;display:grid;position:absolute;inset:0}@keyframes stage-pulse{0%{opacity:.45}to{opacity:1}}.panel-resizer{z-index:4;cursor:col-resize;touch-action:none;width:9px;position:absolute;top:0;bottom:0;left:-4px}.panel-resizer:hover,.panel-resizer:focus-visible,.panel-resizer.dragging{background:linear-gradient(90deg, transparent 3px, var(--rose-2) 3px, var(--rose-2) 6px, transparent 6px);outline:none}.canvas-host canvas{touch-action:none;width:100%;height:100%;display:block}.toolbar{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex;position:absolute;top:.8rem;left:.8rem;right:.8rem}.toolbar>*{pointer-events:auto}.chips,.tool-group{flex-wrap:wrap;gap:.35rem;display:flex}.chip,.toggle,.tool-group button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffdb;padding:.4em .8em;font-size:.85rem}.tool-group button.primary{background:var(--rose)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.toggle[aria-pressed=true]{border-color:var(--mint);color:var(--mint)}.toggle[aria-pressed=true]:before{content:"●";font-size:.7em}.hud{color:#fff;white-space:nowrap;background:#2b2f55d1;border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:700;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.stage.crocheting .hud:before{content:"🧶 "}.follow-title{flex:1;margin:0;font-size:1.4rem}.badge{background:var(--rose-3);color:var(--rose);white-space:nowrap;border-radius:999px;margin-left:.4em;padding:.15em .6em;font-size:.72rem;font-weight:800}.progress{align-items:center;gap:.6rem;font-size:.9rem;font-weight:800;display:flex}.progress-bar{background:var(--line);border-radius:10px;flex:1;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--sec), #fba76e);height:100%;transition:width .3s}.resume{color:var(--mint);margin:0;font-size:.85rem;font-weight:700}.resume:empty{display:none}.step-card{border:2px solid var(--rose-2);background:var(--rose-3);border-radius:var(--radius);padding:1rem}.step-piece{color:var(--rose);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:800}.step-row{font-family:var(--mono);margin:.4rem 0 .8rem;font-size:.95rem}.next-action{background:var(--paper);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:.8rem;display:flex}.next-action strong{font-size:2.4rem;line-height:1.1;font-family:var(--display);font-weight:600}.next-action.done strong{color:var(--mint);font-size:1.6rem}.counter{justify-content:space-between;margin-top:.6rem;font-size:.9rem;font-weight:700;display:flex}.controls{gap:.5rem;display:flex}.controls .big{padding:.75em 1.1em;font-size:1.1rem}.controls .big.primary{flex:1;justify-content:center}.controls.small button{flex:1;justify-content:center;font-size:.85rem}.step-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.step-head{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.6rem;font-size:.8rem;font-weight:800}.step{cursor:pointer;border-radius:8px;gap:.5rem;padding:.3rem .5rem;font-size:.88rem;display:flex}.step:hover{background:var(--rose-3)}.step.done{color:var(--muted)}.step.current{background:var(--rose-2);font-weight:700}span.check{width:1.1em;color:var(--mint);flex:none}.overlay{z-index:20;background:#2b2f5559;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--paper);width:min(480px,100%);max-height:calc(100vh - 2rem);box-shadow:var(--shadow);border-radius:18px;padding:1.3rem 1.4rem;overflow:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0}.auth-form,.share{flex-direction:column;gap:.8rem;display:flex}.tabs{gap:.4rem;display:flex}.tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.form-error{color:var(--err);margin:0;font-size:.9rem}.form-error:empty{display:none}.warn-box{background:var(--warn-bg);color:var(--warn);border-radius:10px;margin:0;padding:.5rem .8rem}.share-url{font-family:var(--mono);font-size:.82rem}.share-qr{background:#fff;border-radius:12px;align-self:center;width:168px;height:168px;padding:6px}.share-qr svg{width:100%;height:100%;display:block}.toast{opacity:0;background:var(--ink);color:#fff;z-index:30;border-radius:999px;padding:.6rem 1.1rem;font-weight:700;transition:all .25s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,20px)}.toast.error{background:var(--err)}.toast.show{opacity:1;transform:translate(-50%)}button.primary-soft{background:var(--rose-3);border-color:var(--rose-2);color:var(--rose)}.play-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);width:min(560px,100% - 2rem);box-shadow:var(--shadow);background:#ffffffeb;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex;position:absolute;bottom:3.4rem;left:50%;transform:translate(-50%)}.play-bar button{padding:.35em .8em;font-size:.85rem}.play-mid{flex-direction:column;flex:1;gap:.2rem;font-size:.8rem;font-weight:700;display:flex}.play-mid .progress-bar{height:6px}.play-track{cursor:pointer;box-sizing:border-box;background-clip:content-box;padding:5px 0;height:16px!important}.live-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;background:#ffffffeb;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .4rem .3rem .9rem;font-size:.85rem;font-weight:700;display:flex;position:absolute;bottom:3.4rem;left:50%;transform:translate(-50%)}.live-bar button{padding:.3em .8em;font-size:.82rem}.live-dot{background:var(--rose);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.place-banner{background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:.45rem 1rem;font-size:.88rem;font-weight:700;position:absolute;top:3.6rem;left:50%;transform:translate(-50%)}.stage.placing canvas{cursor:crosshair}.add-piece-btn{border-style:dashed;border-color:var(--rose);color:var(--rose);background:var(--rose-3);justify-content:center}.add-piece{border:1px solid var(--rose-2);background:var(--rose-3);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.6rem;display:flex}.add-piece input:not([type]){flex:160px}.add-piece select{width:auto}.asm-block{border:1px solid var(--line);background:#fafaff;border-radius:12px;padding:.7rem .8rem}.asm-head{flex-direction:column;margin-bottom:.5rem;display:flex}.asm-head h3{margin:0}.asm-list{flex-direction:column;gap:.5rem;display:flex}.asm-item{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:.5rem .6rem}.asm-item.placing{border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-3)}.asm-item-head{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.asm-item-head select{width:auto;padding:.2em .4em;font-size:.85rem}.small-btn{margin-left:auto;padding:.25em .7em;font-size:.8rem}.asm-item-head .small-btn+.small-btn{margin-left:0}.backup-row{margin-top:.6rem}.backup-row .small-btn{margin-left:0}.asm-del{color:var(--muted)}.asm-del:hover{color:var(--err)}.asm-group{align-items:center;gap:.4rem;margin-top:.35rem;display:flex}.asm-group select{width:auto;padding:.2em .4em;font-size:.85rem}.asm-pos{flex-wrap:wrap;align-items:center;gap:.3rem .8rem;margin:.3rem 0;display:flex}.asm-pos>.muted:last-child{margin-left:auto}.asm-field{flex-direction:row;align-items:center;gap:.3em;font-weight:700}.asm-num{width:4.6em;padding:.2em .4em}.check{flex-direction:row;align-items:center;gap:.3em;font-weight:600}.check input{width:auto}.asm-sliders{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.slider span{justify-content:space-between;display:flex}.slider input{accent-color:var(--rose);padding:0}.asm-add{gap:.4rem;margin-top:.6rem;display:flex}.asm-add select{flex:1}.asm-issue{color:var(--warn);margin:.3rem 0 0;font-size:.82rem}.ed-num{cursor:pointer}.ed-num:hover{color:var(--rose)}.ed-num.clip{background:var(--ink);color:#fff}.ed-num.playing,.ed-line.playing{background:#fff1c2}.ed-line.playing{box-shadow:inset 3px 0 #e0a800}.ed-line.after-clip{opacity:.45}.piece-picker{flex-wrap:wrap;flex:none;align-items:center;gap:.3rem;display:flex}.piece-picker[hidden]{display:none}.piece-picker>.muted{flex:none}.piece-chip{white-space:nowrap;flex:none;align-items:center;gap:.3rem;padding:.2em .55em;font-size:.78rem;display:inline-flex}.piece-chip .dot{width:8px;height:8px}.piece-count{opacity:.75;font-size:.72rem}.follow-panel.steps-expanded .supplies{display:none}.follow-panel.steps-expanded .piece-picker{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:.2rem;overflow-x:auto}.steps-box{border:1px solid var(--line);border-radius:12px;flex-direction:column;min-height:180px;max-height:42vh;display:flex}.steps-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .8rem;display:flex}.steps-head .small-btn{white-space:nowrap;margin-left:0}.follow-nav{background:var(--paper);border-top:1px solid var(--line);z-index:2;flex-direction:column;gap:.5rem;margin:auto -1rem -1rem;padding:.7rem 1rem 1rem;display:flex;position:sticky;bottom:-1rem;box-shadow:0 -6px 16px #3237780f}.nav-row{gap:.5rem;display:flex}.nav-btn,.nav-here{flex:1;justify-content:center;padding:.7em 1em;font-size:1rem}.nav-here{background:var(--mint);border-color:var(--mint);color:#fff}.nav-here:disabled{opacity:1;color:var(--mint);background:#e8f4ef;border-color:#cfe7dc}kbd{font:700 .7rem/1 var(--mono);opacity:.75;border:1px solid;border-radius:5px;padding:.25em .45em}.here-hint{color:var(--rose);font-size:.72rem;font-weight:700}.follow-panel.steps-expanded .steps-box{flex:auto;max-height:none}.follow-panel.steps-expanded .explain{display:none}.follow-panel.steps-expanded .follow-steps .step{font-size:.95rem}.follow-steps{padding:.3rem .4rem .6rem;position:relative;overflow-y:auto}.follow-steps .step-head:first-child{margin-top:.2rem}.step{align-items:center}.step-text{flex:1}.follow-steps .step{min-height:1.9rem}.step.here{box-shadow:inset 3px 0 0 var(--mint)}.here-btn{background:var(--mint);border-color:var(--mint);color:#fff;white-space:nowrap;padding:.25em .7em;font-size:.78rem}.progress-box{flex-direction:column;gap:.3rem;display:flex}.where{color:var(--mint);margin:0;font-size:.85rem;font-weight:700}.explain{border:2px solid var(--rose-2);background:var(--rose-3);border-radius:var(--radius);padding:.9rem 1rem}.explain-head{justify-content:space-between;align-items:baseline;display:flex}.explain-list{flex-direction:column;gap:.35rem;margin:0;padding-left:1.1rem;font-size:.95rem;display:flex}.counter{align-items:stretch;gap:.5rem;margin:.6rem 0;display:flex}.counter-plus{background:var(--paper);border:2px solid var(--rose);flex-direction:column;flex:1;justify-content:center;gap:.1rem;padding:.55em 1em}.counter-plus.done{border-color:var(--mint);background:#e8f4ef}.counter-value{font-size:1.5rem;line-height:1.1}.counter-next{color:var(--muted);font-size:.8rem}.counter-minus,.counter-reset{justify-content:center;min-width:3rem;font-size:1.3rem}.supplies{border:1px solid var(--line);border-radius:12px;padding:.5rem .8rem}.supplies summary{cursor:pointer}.supplies .yarn-needs{margin-top:.5rem}.supply-list{flex-direction:column;gap:.15rem;margin:.5rem 0 .2rem;padding-left:1.1rem;font-size:.85rem;display:flex}.follow-steps .step-text .dot,.follow-steps .step-head .dot{vertical-align:-1px;margin-left:.4rem;display:inline-block}.loop-mark{font:800 .66rem/1 var(--mono);background:var(--rose-3);color:var(--rose);border-radius:4px;margin-left:.4rem;padding:.15em .35em}.only-narrow{display:none}.step-of{float:right;color:var(--muted);text-transform:none;letter-spacing:0}.recipe{background:var(--paper);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;padding:.9rem;display:flex}.recipe strong{font-family:var(--display);font-size:1.7rem;font-weight:600;line-height:1.2}.legend{color:var(--muted);text-align:center;margin:.5rem 0 0;font-size:.8rem}@media (width<=860px){.workspace{flex:none;grid-template-rows:55vh auto;grid-template-columns:1fr;height:auto}.stage{order:-1;min-height:55vh}.panel{border-right:none;overflow:visible}.yarn-grid{grid-template-columns:1fr 1fr}.follow-card{order:-1}.panel-resizer{display:none}.creator-workspace{grid-template-rows:auto}.creator-workspace .stage{order:0;min-height:calc(100dvh - 70px)}.creator-workspace:not(.show-3d) .stage,.creator-workspace.show-3d .panel{display:none}.creator-workspace .panel{padding-bottom:4.5rem}.mobile-switch{display:flex}.creator-workspace .hud{bottom:4.8rem}.creator-workspace .play-bar,.creator-workspace .live-bar{bottom:7.4rem}.ed-body{font:16px/24px var(--mono)}.ed-line,.ed-num{height:24px}.only-narrow{display:inline-flex}.follow-workspace{grid-template-rows:34vh auto}.follow-workspace .stage{min-height:34vh}.follow-workspace.stage-hidden{grid-template-rows:auto}.follow-workspace.stage-hidden .stage{display:none}.follow-workspace .canvas-host canvas{touch-action:pan-y!important}.follow-panel{min-width:0}.follow-panel>.piece-picker{flex-wrap:nowrap;order:1;padding-bottom:.2rem;overflow-x:auto}.piece-chip{padding:.4em .8em;font-size:.85rem}.follow-panel>.progress-box{order:2}.follow-panel>.explain{order:3}.follow-panel>.steps-box{order:4}.follow-panel>.follow-nav{order:5}}@media (hover:none) and (pointer:coarse){.follow-nav kbd{display:none}}.eye-style{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:700;display:flex}.eye-style .swatch{width:18px;height:18px}.yarn-grid .span3{grid-column:1/-1}.relief-scale{justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.yarn-grid .span2{grid-column:span 2}.swatches.catalog{max-height:128px;padding:3px;overflow-y:auto}.swatches.catalog .swatch{width:20px;height:20px}.yarn-needs{margin-top:.6rem}.yarn-needs .small{color:var(--muted);font-weight:700}.yarn-needs ul{flex-direction:column;gap:.2rem;margin:.3rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.yarn-needs li{align-items:center;gap:.5rem;display:flex}.yarn-needs li .muted{margin-left:auto}.dot{background:var(--c);border:1px solid #00000026;border-radius:50%;flex:none;width:12px;height:12px}.editor-actions{gap:.5rem;display:flex}.editor-actions .add-piece-btn{flex:1}.modal:has(.importer){width:min(980px,100%)}.importer{flex-direction:column;gap:.6rem;display:flex}.import-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem;min-width:0;display:grid}.import-grid>*{min-width:0}.importer .share-row{background:var(--paper);border-top:1px solid var(--line);margin:0 -1.4rem -1.3rem;padding:.7rem 1.4rem;position:sticky;bottom:-1.3rem}.import-src,.import-preview{width:100%;height:min(46vh,520px);font:12.5px/1.5 var(--mono);border:1px solid var(--line);resize:none;white-space:pre;color:var(--ink);background:#fdfdff;border-radius:10px;margin:0;padding:.6rem;overflow:auto}.import-summary{color:var(--mint);margin:0;font-weight:700}.help h4{margin:.8rem 0 .3rem;font-size:.9rem}.help th{text-align:left;color:var(--muted);padding:.2rem .3rem;font-size:.75rem}@media (width<=860px){.import-grid{grid-template-columns:1fr}}.row-builder{background:#fafaff}.rb-head{margin-bottom:.3rem}.rb-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:.5rem 0 .25rem;font-size:.75rem;font-weight:800}.rb-quick,.rb-stitches,.rb-chips,.rb-options,.rb-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.rb-quick-btn{border-radius:12px;flex-direction:column;align-items:flex-start;gap:0;padding:.35em .8em;font-size:.85rem}.rb-quick-btn .small{font-family:var(--mono);color:var(--muted);font-size:.72rem;font-weight:600}.rb-st{font-family:var(--mono);justify-content:center;min-width:2.8em;padding:.35em .7em}.rb-chip{background:var(--paper);border:1px solid var(--rose-2);font-family:var(--mono);border-radius:999px;align-items:center;gap:.2rem;padding:.1rem .15rem .1rem .25rem;font-size:.85rem;display:inline-flex}.rb-chip button{background:var(--rose-3);border:none;padding:0 .45em;font-size:.85rem}.rb-chip .icon{background:0 0}.rb-stepper{align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.rb-stepper button{padding:.1em .55em}.rb-stepper output{text-align:center;min-width:1.4em;font-weight:800}.rb-options{gap:.6rem;margin-top:.5rem}.rb-options select{width:auto;padding:.2em .4em}.rb-result{background:var(--paper);border:1px dashed var(--line);border-radius:10px;flex-direction:column;gap:.2rem;margin:.6rem 0;padding:.5rem .6rem;display:flex}.rb-preview{font-family:var(--mono);min-height:1.2em;font-size:.9rem}.rb-status{font-size:.82rem;font-weight:700}.rb-status.ok{color:var(--mint)}.rb-status.err{color:var(--err)}.rb-status.warn{color:var(--warn)}.stitch-pop{z-index:6;background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:.25rem;width:min(340px,100% - 16px);max-height:calc(100% - 70px);padding:.7rem .8rem;display:flex;position:absolute;overflow-y:auto;box-shadow:0 10px 30px #3237782e}.pop-head{justify-content:space-between;align-items:flex-start;gap:.4rem;display:flex}.pop-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.5rem;font-size:.72rem;font-weight:800}.pop-scope{gap:.25rem;margin:.2rem 0 .35rem;display:flex}.pop-scope button{padding:.2em .6em;font-size:.78rem}.pop-scope button.on,.pop-stitches button.on{background:var(--ink);border-color:var(--ink);color:#fff}.pop-swatches{gap:4px}.pop-swatches.catalog{max-height:96px;overflow-y:auto}.pop-swatches .swatch{width:20px;height:20px}.pop-stitches{flex-wrap:wrap;gap:.25rem;display:flex}.pop-stitches .rb-st{min-width:2.6em;padding:.25em .5em;font-size:.82rem}.pop-yarn{gap:.35rem;display:grid}.pop-yarn select{padding:.25em .4em;font-size:.82rem}.pop-actions{justify-content:flex-end;margin-top:.5rem;display:flex}.pop-actions button{padding:.3em .8em;font-size:.8rem}.stitch-pop>.pop-scope{margin:.1rem 0 .2rem}.stitch-pop>.pop-scope button{flex:1;padding:.4em .6em;font-size:.85rem}.pop-hint{margin:0 0 .2rem}.ed-del{z-index:2;color:#a6a9cf;cursor:pointer;background:0 0;border:none;border-radius:6px;width:22px;padding:0;font:600 16px/1 system-ui,sans-serif;position:absolute}.ed-del:hover{color:var(--err);background:#fde3ea}.clip-hint{align-items:baseline;gap:.5em;display:inline-flex}.clip-all{border:1px solid var(--rose);background:var(--rose-3);color:var(--rose);cursor:pointer;border-radius:999px;padding:.1em .7em;font-size:.78rem;font-weight:700}.rb-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.rb-edit{padding:.25em .7em;font-size:.8rem}.rb-quick-btn{border:1.5px solid var(--rose-2);background:#fff;flex:9rem;font-weight:700}.rb-quick-btn:hover:not(:disabled){border-color:var(--rose);background:var(--rose-3)}.rb-done{color:var(--mint);background:#e8f5ef;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.45rem;padding:.3rem .4rem .3rem .7rem;font-size:.85rem;font-weight:700;display:flex}.rb-done button{padding:.2em .7em;font-size:.8rem}.rb-custom{border-top:1px dashed var(--line);margin-top:.6rem;padding-top:.4rem}.rb-custom>summary{cursor:pointer;color:var(--rose);font-size:.88rem;font-weight:700}.color-bar{z-index:3;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:.45rem;margin:0 -1rem;padding:.6rem 1rem .7rem;display:flex;position:sticky;top:-1rem}.cb-head{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.cb-scopes{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.cb-scope{border-radius:999px;padding:.15em .7em;font-size:.78rem}.cb-scope.on{background:var(--ink);border-color:var(--ink);color:#fff}.color-bar .swatches.catalog{max-height:84px;overflow-y:auto}.pop-color-hint{color:var(--muted);align-items:center;gap:.45rem;margin:.2rem 0 .4rem;font-size:.82rem;display:flex}.pop-color-hint .dot{background:var(--c);border:1px solid #00000026;border-radius:50%;flex:none;width:14px;height:14px}.ed-note-text{color:var(--muted);font-style:italic}.ed-notes{z-index:2;pointer-events:none;position:absolute;inset:0 auto auto 0}.ed-note-btn{cursor:pointer;pointer-events:auto;opacity:.75;background:0 0;border:none;border-radius:6px;height:22px;padding:0 .3em;font-size:13px;line-height:22px;position:absolute}.ed-note-btn:hover,.ed-note-btn.open{opacity:1;background:#fff4c8}.ed-note-pop{width:max-content;max-width:300px;box-shadow:var(--shadow);color:var(--ink);white-space:normal;pointer-events:auto;background:#fff8db;border:1px solid #f0dc8a;border-radius:10px;padding:.45rem .65rem;font:12.5px/1.45 system-ui,sans-serif;position:absolute}.importer .import-src{white-space:pre-wrap}.piece-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;flex-direction:column;gap:.55rem;padding:.6rem .8rem .7rem;display:flex}.pc-head{flex-wrap:wrap;align-items:center;gap:.4rem .6rem;display:flex}.pc-head>label{flex:8rem;min-width:0}.pc-new{border-style:dashed;border-color:var(--rose);color:var(--rose);background:var(--rose-3);margin-left:auto;padding:.25em .8em;font-size:.82rem}.pc-current{font-weight:700}.pc-toggle{padding:.25em .7em;font-size:.82rem}.pc-add{flex-wrap:wrap;gap:.4rem;display:flex}.pc-add input{flex:10rem}.pc-grid{grid-template-columns:1fr 1fr;gap:.45rem .6rem;font-size:.86rem;display:grid}.pc-grid label{flex-direction:column;gap:.15rem;min-width:0;font-weight:700;display:flex}.pc-grid label.check{flex-direction:row;font-weight:600}.pc-grid .span2{grid-column:span 2}.pc-yarn{padding:.35rem .7rem}.pc-yarn summary{font-size:.86rem;font-weight:700}.pc-badge{background:var(--rose-3);color:var(--rose);border-radius:999px;margin-left:.5em;padding:0 .5em;font-size:.75rem}.pc-actions{justify-content:flex-end;display:flex}.pc-del{color:var(--muted);background:0 0;border-color:#0000;padding:.2em .7em;font-size:.78rem}.pc-del:hover,.pc-del.confirm{color:var(--err);border-color:var(--err);background:var(--err-bg)}.project-summary{color:var(--muted);font-size:.8rem;font-weight:500}@media (width<=420px){.pc-grid{grid-template-columns:1fr}.pc-grid .span2{grid-column:auto}}.step-note{background:#fff8db;border:1px solid #f0dc8a;border-radius:10px;margin:.4rem 0 0;padding:.45rem .65rem;font-size:.88rem}.tip-3d{z-index:4;background:var(--ink);color:#fff;max-width:calc(100% - 2rem);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.6rem;padding:.55rem .6rem .55rem .9rem;font-size:.86rem;display:flex;position:absolute;bottom:3.4rem;left:50%;transform:translate(-50%)}.tip-3d button{color:#fff;background:#ffffff2e;border:none;border-radius:999px;padding:.1em .55em}.import-intro{margin:0}.import-tip{background:#fff8db;border:1px solid #f0dc8a;border-radius:10px;margin:0;padding:.45rem .7rem;font-size:.86rem}.import-review{flex-direction:column;gap:.35rem;display:flex}.ir-verdict{border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;padding:.45rem .7rem;font-size:.88rem;display:flex}.ir-verdict.good{color:#1f7a4d;background:#e6f6ee}.ir-verdict.rework{background:var(--warn-bg);color:var(--warn)}.ir-verdict.hard{background:var(--err-bg);color:var(--err)}.ir-verdict span{color:var(--ink)}.ir-pieces{gap:.15rem;max-height:9.5rem;margin:0;padding:0;font-size:.86rem;list-style:none;display:grid;overflow-y:auto}.ir-icon{width:1.3em;display:inline-block}.ir-pieces li.ok .ir-icon{color:var(--mint)}.ir-pieces li.warn .ir-icon{color:var(--warn)}.ir-loose{color:var(--rose)}.import-details,.import-rights{margin:0}.asm-loose{background:var(--rose-3);border:1px dashed var(--rose-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.45rem .6rem;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.modal:focus{outline:none}.follow-foot,.site-foot{text-align:center;margin:.8rem 0 0}.legal,.admin{max-width:760px}.legal h2,.admin-list>h2{margin-top:1.6rem}.legal mark{background:var(--warn-bg);color:var(--warn);border-radius:4px;padding:0 .3em}.admin-report{margin-bottom:.8rem}.admin-report.done{opacity:.75}.admin-report h2{margin-top:0}.admin-message{white-space:pre-wrap;overflow-wrap:anywhere}.admin-link{white-space:nowrap}@media (width<=640px){.admin-label{display:none}.account:has(.admin-link) .user{display:none}}.admin-section{margin-top:2.4rem}.admin .admin-list{margin-top:.8rem}.admin input[type=search]{width:100%}.admin-count{font-weight:700}.editor-label-main{align-items:center;gap:8px;display:inline-flex}.issues-chip{white-space:nowrap;box-shadow:none;border:0;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:600;line-height:1.5}.issues-chip.ok{color:var(--mint);background:0 0;padding-left:0}.issues-chip.warn{color:#8a5a00;cursor:pointer;background:#fdf0d5}.issues-chip.err{background:var(--err);color:#fff;cursor:pointer}.error-banner{z-index:4;color:#8e2430;background:#fff4f4;border:1px solid #e6a5ab;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);padding:7px 12px;font-size:13px;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000001a}.error-banner[hidden]{display:none}.fix-btn{border-color:var(--err);color:#a02c39;background:#fff;margin-left:6px;font-weight:600}.toast-action{color:inherit;box-shadow:none;background:0 0;border:1px solid;border-radius:999px;margin-left:12px;padding:2px 10px;font-weight:700}.start-hint{background:var(--warn-bg);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin:.5rem 0;padding:.5rem .7rem;font-size:.85rem;display:flex}.import-file{border:1.5px dashed var(--rose-2);background:var(--rose-3);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:.6rem 0;padding:.7rem .9rem;display:flex}.asm-fine>summary{cursor:pointer;color:var(--muted);margin-top:.3rem;font-size:.82rem;font-weight:700}.help-search{width:100%;margin-bottom:.6rem}.help-section{border-bottom:1px solid var(--line)}.help-section>summary{cursor:pointer;padding:.6rem .1rem;font-weight:800}.help-body{padding-bottom:.8rem}.help-list{margin:.3rem 0 .6rem;padding-left:1.1rem;font-size:.9rem}.help-list li{margin-bottom:.3rem}.help-row{background:var(--rose-3);border-radius:10px;flex-wrap:wrap;gap:6px 14px;margin-bottom:.7rem;padding:.6rem .8rem;display:flex}.help-row span{flex-direction:column;display:flex}.help-row small{color:var(--muted)}.help-figs{flex-wrap:wrap;gap:8px;margin:.4rem 0 .6rem;display:flex}.help-fig{text-align:center;margin:0;font-size:.8rem;font-weight:700}.help-svg{color:var(--ink);display:block}.help-svg svg{margin:0 auto;display:block}.help-more>summary{cursor:pointer;margin:.5rem 0;font-size:.88rem;font-weight:700}.help-page{max-width:760px;margin:0 auto;padding:1.5rem 16px 3rem}.start-line{flex-wrap:wrap;align-items:center;gap:8px;margin-top:.6rem;font-size:.88rem;display:flex}.start-picker{z-index:5;background:var(--paper);width:max-content;max-width:calc(100% - 24px);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;padding:10px 14px;font-size:.88rem;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%)}.face-menu{flex-wrap:wrap;align-items:center;gap:6px;margin-top:.5rem;display:flex}.view-pad{z-index:3;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.zoom-group{grid-template-columns:44px 44px;gap:2px;display:grid}.recenter-btn{background:#ffffffd9;border-radius:8px;grid-column:1/-1;height:30px;padding:0;font-size:12px}.zoom-btn{white-space:nowrap;background:#ffffffd9;border-radius:8px;height:30px;padding:0;font-size:12px}.detail-pop{z-index:6;background:var(--paper);width:250px;max-width:calc(100% - 16px);box-shadow:var(--shadow);border-radius:14px;padding:10px 12px;font-size:.88rem;position:absolute}.detail-head,.detail-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.detail-actions{margin-top:8px}.pan-pad{grid-template-rows:repeat(3,30px);grid-template-columns:repeat(3,30px);gap:2px;display:grid}.pan-btn{touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffffd9;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:flex}.pan-up{grid-area:1/2}.pan-left{grid-area:2/1}.pan-right{grid-area:2/3}.pan-down{grid-area:3/2}@media (width<=700px){.pan-pad{display:none}}.stage .hud{white-space:normal;max-width:calc(100% - 240px);left:12px;right:auto;transform:none}.recenter-btn,.zoom-btn,.pan-btn{background:#ffffffeb;justify-content:center;align-items:center;font-weight:700;display:flex}@media (width<=700px){.stage .hud{max-width:calc(100% - 120px)}}