.tapestry-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 26px}.tapestry-reward{display:flex;align-items:center;gap:18px;padding:12px 0 20px}.tapestry-reward[hidden],.is-admiring .tapestry-reward{display:none}.tapestry-reward img{width:72px;height:72px;border-radius:10px}.tapestry-reward h2{margin:0 0 4px;font:inherit}.tapestry-reward p{margin:0;color:var(--muted);font-size:14px}.tapestry-reward>div{flex:1}@media(max-width:540px){.tapestry-reward{gap:12px;flex-wrap:wrap}.tapestry-reward>div{min-width:160px}.tapestry-reward>button{width:100%}}.tapestry-heading h1{margin:0 0 10px}.tapestry-heading p{margin:0}.tapestry-landscapes{display:flex;gap:22px;margin:0;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;flex-wrap:nowrap}.tapestry-landscapes button{flex:0 0 auto;max-width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:0;border-bottom:2px solid transparent;padding:6px 2px 10px;text-align:left;color:var(--muted)}.tapestry-landscapes button[aria-pressed=true]{border-bottom-color:var(--green);color:var(--ink)}.tapestry-landscapes img{flex-shrink:0;width:72px;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.tapestry-landscapes span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tapestry-stage{position:relative;overflow:hidden;background:#3f4738;background-size:100% 100%;border-radius:18px;aspect-ratio:1672/940}.tapestry-stage>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.tapestry-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:14px 0 32px;font-size:13px}.tapestry-controls h2{margin:0 0 8px;font-size:28px}.tapestry-controls>p{font-size:14px;margin:0 0 24px;max-width:660px}.tapestry-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.tapestry-pattern{display:flex;align-items:center;gap:18px;min-width:0}.tapestry-pattern.is-window-required{border-radius:12px;background:#b0c5a62b;box-shadow:0 0 0 8px #b0c5a62b}.tapestry-pattern>img{width:100px;aspect-ratio:1;object-fit:cover;border-radius:12px;flex-shrink:0}.tapestry-navigation{display:flex;align-items:center;gap:24px;margin-bottom:24px}.tapestry-all{flex-shrink:0;white-space:nowrap;min-height:44px}.tapestry-stage[hidden],.tapestry-toolbar[hidden],.tapestry-banner[hidden]{display:none}.tapestry-banner{display:grid;grid-template-columns:minmax(0,.625fr) minmax(0,1.625fr);align-items:start;gap:36px;padding-block:8px 36px;border-bottom:1px solid var(--line);margin-bottom:36px}.tapestry-banner-picture{--tapestry-preview-object-opacity: .5;position:relative;padding:0;border:0;background:transparent;overflow:hidden;border-radius:14px}.tapestry-banner-picture img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.tapestry-banner-picture .tapestry-banner-objects{position:absolute;inset:0;height:100%;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out}.tapestry-banner-picture:focus-visible .tapestry-banner-objects{opacity:var(--tapestry-preview-object-opacity)}@media(hover:hover)and (pointer:fine){.tapestry-banner-picture:hover .tapestry-banner-objects{opacity:var(--tapestry-preview-object-opacity)}}@media(hover:none),(pointer:coarse){.tapestry-banner-picture .tapestry-banner-objects{animation:tapestry-preview-reveal 5s ease-in-out infinite;animation-play-state:paused;transition:none}.is-preview-playing .tapestry-banner-objects{animation-play-state:running}}@keyframes tapestry-preview-reveal{0%,80%,to{opacity:0}30%,50%{opacity:var(--tapestry-preview-object-opacity)}}.tapestry-banner h2{font-size:32px;margin:0 0 12px}.tapestry-banner p{margin:0 0 16px;font-size:16px;max-width:44ch}.tapestry-state{display:block;color:var(--muted);font-size:14px;margin-bottom:18px}.tapestry-shelf{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.tapestry-pattern-picture{position:relative;border:0;padding:0;background:none;flex:0 0 125px;border-radius:12px;overflow:hidden}.tapestry-pattern-picture img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.tapestry-pattern .tapestry-pattern-picture{padding:0}.tapestry-pattern p{margin:0 0 8px;font-size:14px;color:var(--muted)}.tapestry-pattern .text-button{padding-inline:0;text-align:left}.tapestry-window{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tapestry-window[hidden]{display:none}.tapestry-window-frame{width:100%;height:100%}.tapestry-window-items img,.tapestry-window-photos img{position:absolute}.tapestry-window-photos img{width:5.2%;height:16%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(1px 3px 2px #32281b80)}.tapestry-window-controls section{margin-top:44px}.tapestry-window-controls section>p{margin:8px 0 24px;font-size:14px;color:var(--muted)}.tapestry-photo-places{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tapestry-photo-places button{display:flex;align-items:center;gap:12px;min-height:72px;text-align:left}.tapestry-photo-places button:nth-child(-n+3){grid-column:1}.tapestry-photo-places button:nth-child(n+4){grid-column:2}.tapestry-photo-places button:nth-child(3n+1){grid-row:1}.tapestry-photo-places button:nth-child(3n+2){grid-row:2}.tapestry-photo-places button:nth-child(3n){grid-row:3}.tapestry-photo-places img{width:42px;height:48px;object-fit:contain}.tapestry-photo-note{font-size:13px;color:var(--muted)}.tapestry-rotate{position:absolute;bottom:16px;left:50%;transform:translate(-50%);max-width:min(320px,88%);width:max-content;margin:0;background:#282a25;color:#e7dfce;padding:10px 14px;border-radius:10px;font-size:13px;text-align:center}.tapestry-dialog{width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:32px;border:0;border-radius:16px;color:var(--ink);background:var(--paper)}.tapestry-dialog::backdrop{background:#0f140fa6}.tapestry-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:20px}.tapestry-dialog-heading h2{font-size:32px;margin:0}.tapestry-dialog-heading>button{flex-shrink:0;min-height:44px}.tapestry-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.tapestry-catalog-grid>button{text-align:left;padding:0;background:transparent;color:var(--ink);border:0;align-self:start}.tapestry-catalog-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.tapestry-catalog-grid h3{margin:12px 0 6px;font-size:24px}.tapestry-catalog-grid p{margin:0;color:var(--muted);font-size:14px}.tapestry-offers{display:grid;gap:20px;margin-block:24px}.tapestry-offer{display:flex;gap:14px;align-items:start;border:1px solid var(--line);padding:20px;border-radius:12px;cursor:pointer}.tapestry-offer:has(input:checked){border-color:var(--green);background:color-mix(in srgb,var(--green) 9%,var(--paper))}.tapestry-offer>div{flex:1;min-width:0}.tapestry-offer input{accent-color:var(--green);width:20px;height:20px;margin:5px 0 0}.tapestry-offer h3{margin:0 0 8px;font-size:24px}.tapestry-offer p{margin:0 0 12px}.tapestry-offer-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tapestry-offer-images.is-single{grid-template-columns:minmax(0,220px)}.tapestry-offer-images figure{margin:0;min-width:0;max-width:220px}.tapestry-offer-images img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.tapestry-offer-images figcaption{font-size:13px;margin-top:6px}.tapestry-purchase-actions{display:flex;justify-content:flex-end;gap:14px}.is-admiring .tapestry-navigation,.is-admiring .tapestry-banner,.is-admiring .tapestry-background-work{display:none}@media(max-width:700px){.tapestry-banner{grid-template-columns:1fr;gap:18px;padding-bottom:24px;margin-bottom:28px}.tapestry-banner-picture{width:50%}.tapestry-banner h2{font-size:26px}.tapestry-navigation{gap:16px}.tapestry-shelf{grid-template-columns:1fr}.tapestry-pattern-picture{flex-basis:100px}.tapestry-dialog{padding:20px}.tapestry-dialog-heading h2{font-size:26px}.tapestry-catalog-grid{grid-template-columns:1fr;gap:24px}.tapestry-offer{padding:14px;gap:10px}.tapestry-offer-images{gap:8px}.tapestry-offer-images figcaption{font-size:12px}.tapestry-purchase-actions{flex-wrap:wrap}}.tapestry-pattern h3{font-size:22px;margin:0 0 10px;overflow-wrap:anywhere}.tapestry-pattern button{min-height:44px;padding:10px 16px;font-size:13px}.tapestry-exports{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);padding-top:18px;margin-top:36px}.tapestry-exports button{font-size:13px}.tapestry-loading{position:absolute;inset:0;z-index:2;margin:0;display:grid;place-items:center;padding:30px;background:#414738;color:#f7efda}.tapestry-return{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:3;width:44px;height:44px;padding:0;background:#292d25d9;color:var(--ink);border-radius:50%;opacity:0;pointer-events:none;transition:opacity .18s}.has-view-controls .tapestry-return,.tapestry-return:hover,.tapestry-return:focus-visible{opacity:1;pointer-events:auto}.tapestry-pin{position:absolute;bottom:16px;right:16px;font-size:12px;opacity:.75}.tapestry-admiring{overflow:hidden}.tapestry-admiring #tapestry-screen,#tapestry-screen:fullscreen{position:fixed;z-index:110;inset:0;width:100%;height:100%;height:100dvh;max-width:none;margin:0;padding:0;overflow:hidden;background:#292d25;display:grid;place-items:center}.is-admiring:not(.has-view-controls){cursor:none}.is-admiring .tapestry-heading,.is-admiring .tapestry-controls,.is-admiring .tapestry-toolbar,.is-admiring .tapestry-landscapes,.is-admiring .tapestry-pin{display:none}.is-admiring .tapestry-stage{border-radius:0;width:min(100vw,calc(100vh * 1672 / 940));width:min(100vw,calc(100dvh * 1672 / 940));margin:auto;max-height:100vh;max-height:100dvh}@media(max-width:900px){.tapestry-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tapestry-pattern>img{width:80px}.tapestry-pattern h3{font-size:20px}}@media(max-width:620px){.tapestry-heading{gap:12px;align-items:flex-start}.tapestry-heading h1{font-size:32px}.tapestry-heading p{font-size:14px}.tapestry-heading>.secondary-button{padding:12px;font-size:13px}.tapestry-landscapes{gap:12px}.tapestry-landscapes img{width:50px}.tapestry-landscapes button{font-size:12px;gap:8px}.tapestry-stage{border-radius:12px}.tapestry-toolbar{margin-bottom:22px}.tapestry-shelf{grid-template-columns:1fr;gap:18px}.tapestry-pattern>img{width:85px}.tapestry-pattern{gap:20px}.tapestry-controls h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.tapestry-return{transition:none}}.tapestry-background-work{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 36px;padding:24px 0;border-block:1px solid var(--line)}.tapestry-background-work h2{margin:0 0 8px;font-size:22px}.tapestry-background-work p{margin:0 0 12px;max-width:680px}.tapestry-background-work span{color:var(--muted);font-size:14px}.tapestry-background-work button{flex-shrink:0}@media(max-width:700px){.tapestry-background-work{align-items:flex-start;flex-direction:column;gap:18px}}@media(prefers-reduced-motion:no-preference){.tapestry-stage{animation:tapestry-arrive .32s ease-out}@keyframes tapestry-arrive{0%{opacity:0}to{opacity:1}}}.landscape-finish-art{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin:8px 0 24px}.tapestry-window-choice{min-height:44px;display:inline-flex;align-items:center;gap:6px}.tapestry-window-choice>span{text-box:trim-both cap alphabetic}.tapestry-window-choice>svg{width:16px;height:16px;flex:none}.tapestry-window-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tapestry-window-style{padding:8px;border:2px solid transparent;border-radius:12px;background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer}.tapestry-window-style[aria-pressed=true]{border-color:var(--green)}.tapestry-window-style>span:last-child{display:block;padding:10px 4px 4px}.tapestry-window-preview{display:block;position:relative;aspect-ratio:1672 / 940;overflow:hidden;border-radius:6px}.tapestry-window-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(max-width:540px){.tapestry-window-styles{grid-template-columns:1fr;gap:12px}}.tapestry-download{order:1;margin-inline-start:auto;display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tapestry-download svg{width:1.1rem;height:1.1rem}.tapestry-download span{font-size:.75rem;opacity:.7}.tapestry-purchase-heading{justify-content:space-between;margin-bottom:0}.tapestry-purchase-heading h2{min-width:0}.tapestry-purchase-heading .icon-button{flex-shrink:0}.tapestry-offer-heading{--offer-heading-line: 30px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.tapestry-offer-heading h3{min-width:0;margin:0;line-height:var(--offer-heading-line)}.tapestry-offer-heading .secondary-button{flex-shrink:0;height:var(--offer-heading-line);min-height:0;padding:0 12px;font-size:13px;line-height:1;border-radius:6px}.tapestry-purchase-warning{padding:14px 16px;margin:20px 0 0;border:1px solid #b88a43;border-left-width:4px;border-radius:8px;background:#d9ac5d20;color:var(--ink);font-size:14px;line-height:1.6}.tapestry-offer-picture{position:relative}.tapestry-owned-badge{position:absolute;bottom:6px;left:6px;padding:4px 6px;border-radius:5px;background:#28372ee8;color:#f7f2e8;font-size:11px;line-height:1.3}article.tapestry-offer{cursor:default}.unfinished-landscape-preview{filter:grayscale(1)}.monetization-offer .dialog-actions,.monetization-settings .dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.monetization-offer .dialog-actions>button{flex:1 1 180px;min-height:48px}.monetization-offer .ad-label{font-size:12px;letter-spacing:.03em}.monetization-settings{border-top:1px solid #998c6b44;margin-top:30px;padding-top:22px}.monetization-settings h2{font-size:26px}.monetization-settings .settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}.monetization-settings p,.monetization-settings small{font-size:13px;line-height:1.7;display:block}.monetization-settings input{width:22px;height:22px;flex-shrink:0}#native-demo-banner{margin:24px auto;max-width:728px;border:1px solid #998c6b44;padding:16px;text-align:center;font-size:13px}#native-demo-banner button{padding:10px;margin-left:15px;min-height:44px}@font-face{font-family:"Brygada 1918";font-style:normal;font-display:swap;font-weight:500;src:url(./brygada-1918-cyrillic-500-normal-DEdNHNDu.woff2) format("woff2"),url(./brygada-1918-cyrillic-500-normal-yCXaILN0.woff) format("woff")}@font-face{font-family:"Brygada 1918";font-style:normal;font-display:swap;font-weight:500;src:url(./brygada-1918-latin-500-normal-BxTcaLfb.woff2) format("woff2"),url(./brygada-1918-latin-500-normal-9TB_k6x8.woff) format("woff")}@font-face{font-family:"Brygada 1918";font-style:normal;font-display:swap;font-weight:500;src:url(./brygada-1918-latin-ext-500-normal-CRNoIkk4.woff2) format("woff2"),url(./brygada-1918-latin-ext-500-normal-BdEFntmX.woff) format("woff")}@font-face{font-family:"Brygada 1918";font-style:normal;font-display:swap;font-weight:600;src:url(./brygada-1918-cyrillic-600-normal-Ma3DefRX.woff2) format("woff2"),url(./brygada-1918-cyrillic-600-normal-Y6G5HcgW.woff) format("woff")}@font-face{font-family:"Brygada 1918";font-style:normal;font-display:swap;font-weight:600;src:url(./brygada-1918-latin-600-normal-V_l90ziI.woff2) format("woff2"),url(./brygada-1918-latin-600-normal-Cqyk1mfc.woff) format("woff")}@font-face{font-family:"Brygada 1918";font-style:normal;font-display:swap;font-weight:600;src:url(./brygada-1918-latin-ext-600-normal-2CchVGC3.woff2) format("woff2"),url(./brygada-1918-latin-ext-600-normal-Cdu9KQgT.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(./manrope-cyrillic-400-normal-BMzJvInZ.woff2) format("woff2"),url(./manrope-cyrillic-400-normal-Dvx59UGC.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(./manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(./manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(./manrope-latin-ext-400-normal-CMDvPJRp.woff2) format("woff2"),url(./manrope-latin-ext-400-normal-C-X6QNXX.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(./manrope-cyrillic-600-normal-DvRl3Mj-.woff2) format("woff2"),url(./manrope-cyrillic-600-normal-It4mZcQk.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(./manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(./manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(./manrope-latin-ext-600-normal-_gBojHdJ.woff2) format("woff2"),url(./manrope-latin-ext-600-normal-u5Pl7hTU.woff) format("woff")}:root{--viewport-height: 100vh;--small-viewport-height: 100vh}@supports (height: 100dvh){:root{--viewport-height: 100dvh}}@supports (height: 100svh){:root{--small-viewport-height: 100svh}}:root{--inset-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--inset-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));--inset-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--inset-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px))}:root{font-family:Manrope,sans-serif;color:#514b3e;background:#f7f2e8;font-synthesis:none;--ink: #514b3e;--green: #3f6658;--rust: #a4664c;--line: #ddd3c2;--paper: #f7f2e8;--muted: #857c6b;--shadow: 0 12px 32px rgba(61, 48, 29, .09);accent-color:var(--green)}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body{margin:0;padding-top:var(--inset-top)}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.32}button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}::selection{background:#ddc5a1;color:#443e32}button,a,input{touch-action:manipulation}button{transition:background .2s,color .2s,transform .2s}button:hover:not(:disabled){color:var(--green)}svg{width:22px;height:22px;flex-shrink:0}img{display:block;max-width:100%}[hidden]{display:none!important}.input-locked,.input-locked *{pointer-events:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:"Brygada 1918",Georgia,serif;font-weight:500;letter-spacing:-.025em;text-wrap:balance}h1{font-size:42px;line-height:1.12}h2{font-size:31px;line-height:1.15}h3{font-size:26px}p{line-height:1.7}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#eee7da}::-webkit-scrollbar-thumb{background:#b7aa94;border-radius:8px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);padding:0 4.5%;max-width:1800px;margin:0 auto}.brand{display:flex;align-items:center;gap:12px;font-family:"Brygada 1918",Georgia,serif;font-size:31px;letter-spacing:-.035em;white-space:nowrap;padding:0}.brand-mark{height:37px;width:37px;border:2px solid #aa7952;border-radius:50%;display:grid;place-items:center;color:#825c3f}.brand-mark svg{width:23px;height:23px}.header nav{display:flex;align-self:stretch;gap:34px}.nav-button{position:relative;font-size:13px;padding:0 1px;color:#8b8070}.nav-button.active{color:#3f6658}.nav-button.active:after{content:"";height:2px;background:var(--green);position:absolute;bottom:0;left:0;right:0}.header-actions{display:flex;gap:12px}.icon-button{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.icon-button:hover:not(:disabled){background:#ded6c5}.icon-button.active{color:#f7f2e8;background:var(--green)}.icon-button svg{width:20px;height:20px}main{max-width:1480px;margin:0 auto;padding:31px 4.5% 30px}.work-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:20px}.work-header p,.collection-heading p,.room-heading p{font-size:12px;color:var(--muted);margin-top:9px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;min-height:40px;padding:5px 0}.text-button svg{width:18px;height:18px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 242px;gap:34px}.canvas-area{position:relative;border-radius:20px;overflow:hidden;background:#e9dfcb;min-width:0;height:clamp(330px,calc(var(--viewport-height) - var(--inset-top) - 425px),620px);min-height:330px}.canvas-area canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;outline-offset:-6px}.canvas-area canvas.moving{cursor:grab}.canvas-area canvas:focus{outline:none}.canvas-area canvas.moving:active{cursor:grabbing}.canvas-top{position:absolute;top:15px;left:23px;right:15px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.canvas-top span{font-size:11px;letter-spacing:.03em;color:#84765f}.canvas-top button{pointer-events:auto}.canvas-top>span{padding:4px 8px;border-radius:12px;background:#f0e8d8f2;pointer-events:auto}.canvas-top .icon-button{background:#f0e8d8f2}.canvas-tools{position:absolute;bottom:13px;left:17px;right:17px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.canvas-tools>div{display:flex;align-items:center;gap:3px;pointer-events:auto;background:#f0e8d8e8;border-radius:25px;padding:3px}.canvas-tools .icon-button{width:33px;height:33px}.canvas-tools svg{width:17px;height:17px}.tool-divider{height:20px;border-left:1px solid #d6c8b1;margin:0 5px}.zoom-label{display:none;min-width:42px;font-size:10px;font-variant-numeric:tabular-nums;padding:4px}.project-note{display:flex;flex-direction:column;padding:16px 0 0}.note-heading{display:flex;align-items:center;gap:8px;font-size:11px;color:#6e785c}.note-heading svg{width:19px;height:19px}.letter{font-family:"Brygada 1918",Georgia,serif;font-size:22px;line-height:1.38;margin-top:19px;max-width:24ch}.pattern-preview{margin:25px auto 18px;text-align:center}.pattern-preview img{width:65px;height:65px;transform:rotate(3deg);box-shadow:4px 7px 16px #5a452119;outline:1px solid #e2d6bd;outline-offset:-6px}.pattern-preview figcaption{font-size:10px;color:var(--muted);margin-top:12px}.progress-copy{display:flex;justify-content:space-between;font-size:10px;margin-top:auto;font-variant-numeric:tabular-nums}.progress-copy span:last-child{color:#8b7b61}.progress-track{height:3px;background:#e5ddcf;margin-top:10px;border-radius:3px;overflow:hidden}.progress-track>div{height:100%;background:#87916f;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .4s ease-out}.save-status{font-size:9px;color:#8c806d;margin-top:10px}.thread-tray{margin-top:22px;max-width:calc(100% - 276px)}.thread-heading{display:flex;align-items:center;gap:15px;padding:0 8px}.thread-heading span:first-child{font-size:13px;font-weight:600}.thread-heading span:last-child{font-size:10px;color:var(--muted)}.thread-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px}.spools{display:flex;gap:8px;align-items:center;min-height:84px}.spool{position:relative;padding:5px 6px 3px;min-width:54px;display:flex;flex-direction:column;align-items:center;gap:3px;border-radius:9px}.spool:hover,.spool.selected{background:#e9e0cf}.spool.selected:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--green)}.spool-body{position:relative;width:37px;height:43px;display:grid;place-items:center;background:var(--thread);box-shadow:inset 4px 0 5px #fff2,inset -4px 0 4px #0002;border-radius:3px}.spool-body:before,.spool-body:after{content:"";position:absolute;height:5px;left:-4px;right:-4px;background:#d2b187;box-shadow:0 1px 1px #79533835;border-radius:3px}.spool-body:before{top:-3px}.spool-body:after{bottom:-3px}.spool-number{background:#f5ecdaeb;color:#514532;font-size:12px;font-weight:600;width:23px;height:22px;display:grid;place-items:center;border-radius:2px}.spool-count{font-size:9px;margin-top:6px;color:#80715c;font-variant-numeric:tabular-nums}.spool.finished{opacity:.48}.spool.finished.selected{opacity:.8}.hint-button{display:flex;align-items:center;gap:7px;min-height:44px;font-size:10px;white-space:nowrap;color:#6a7560}.hint-button svg{width:16px;height:16px}.footnote{color:#8a806d;font-size:10px;margin-top:13px;text-align:center;max-width:calc(100% - 276px)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 21px;border-radius:8px;font-size:12px;font-weight:600}.primary-button{background:var(--green);color:#f8f2e7}.primary-button:hover:not(:disabled){color:#fff;background:#315547}.primary-button svg,.secondary-button svg{width:18px;height:18px}.secondary-button{background:#e9e1d3;color:#645a47}.secondary-button:hover:not(:disabled){background:#ded3be}.wide{width:100%}#finish-button{margin-top:16px}.collection-heading,.room-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 30px}.collection-total{font-size:11px;color:var(--muted)}.collection-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.filter-button{font-size:12px;padding:11px 17px;border-radius:6px;color:var(--muted)}.filter-button.active{background:#e7dfcf;color:#46604b}.pattern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;column-gap:28px;row-gap:36px}.pattern-card{display:block;width:100%;align-self:start;text-align:left;padding:0;min-width:0}.pattern-picture{position:relative;overflow:hidden;border-radius:12px;background:#eee4d1;aspect-ratio:1}.pattern-picture>img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.pattern-card:hover .pattern-picture>img{transform:scale(1.035)}.pattern-card-label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:15px}.pattern-card h2{font-size:24px}.pattern-card-label>svg{width:16px;color:#8a785c}.pattern-card>p{font-size:10px;color:#8b7c64;margin-top:7px}.work-badge{display:flex;align-items:center;gap:5px;position:absolute;bottom:11px;left:11px;background:#f8f1e4ed;padding:6px 9px;border-radius:5px;font-size:9px;color:#5b6f57}.work-badge svg{width:13px;height:13px}.collection-end{text-align:center;margin-top:44px;font-family:Manrope,sans-serif;font-size:12px;line-height:1.7;color:#82745d}.room-scene{position:relative;border-radius:15px;overflow:hidden;aspect-ratio:3/2;max-height:760px;background:#ded0b9}.room-art{width:100%;height:100%;object-fit:cover}.hanging-work{position:absolute;width:11%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--tilt));padding:5px;background:#99734d;box-shadow:3px 7px 10px #3b241d45;border-radius:1px;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.hanging-work:before{content:"";position:absolute;left:49%;bottom:100%;height:9%;width:1px;background:#715743}.hanging-work:after{content:"";position:absolute;inset:50% auto auto 50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.hanging-work:hover{transform:translate(-50%,-50%) rotate(0) scale(1.07)}.hanging-work>img{width:100%;height:100%;object-fit:contain}.frame-ivory{background:#ece0c8}.frame-dark{background:#455a4d}.room-caption{position:absolute;bottom:20px;left:25px;display:flex;align-items:center;gap:8px;color:#fdf1d9;font-size:11px;background:#5f5031a6;padding:9px 13px;border-radius:6px}.room-caption svg{width:16px;height:16px}.room-album{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;padding-top:34px}.room-album p{font-size:11px;color:var(--muted);margin-top:10px}.album-strip{display:flex;gap:17px;overflow:auto;padding-bottom:10px}.album-strip button{flex:0 0 120px;padding:0}.album-strip img{width:120px;aspect-ratio:1}.album-strip span{font-size:10px;display:block;line-height:1.5;margin-top:10px}.empty-room{font-family:"Brygada 1918",Georgia,serif;font-size:26px;text-align:center;color:#807158;margin:30px 0 0}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);max-width:calc(100vw - 40px);width:max-content;background:#465d4e;color:#faf3e4;border-radius:9px;padding:13px 20px;font-size:12px;line-height:1.6;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;box-shadow:var(--shadow);z-index:20}.toast.visible{opacity:1;transform:translate(-50%)}dialog{color:var(--ink);background:var(--paper);border:0;border-radius:16px;padding:42px;max-width:520px;width:calc(100% - 36px);max-height:calc(var(--viewport-height) - var(--inset-top) - 40px);overflow:auto;box-shadow:0 25px 90px #382d2440}dialog::backdrop{background:#3f382f59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:12px;right:12px}.dialog-close svg{width:18px}.dialog-intro{font-size:13px;color:#81735b;margin-top:17px;line-height:1.8}.finish-content{text-align:center}.finish-content h2{font-size:34px}.finished-preview{width:200px;margin:25px auto;box-shadow:var(--shadow)}.frame-label{font-size:11px;color:var(--muted)}.frame-options{display:flex;justify-content:center;gap:13px;margin:12px 0 23px}.frame-option{display:flex;min-width:56px;min-height:64px;flex-direction:column;align-items:center;gap:8px;padding:9px 15px;font-size:10px;border-radius:7px}.frame-option.selected{background:#e8dfcf}.frame-sample{width:25px;height:25px;border:5px solid #99734d;background:#f0e6d3}.frame-sample.ivory{border-color:#d9cdb4}.frame-sample.dark{border-color:#455a4d}.finish-content>.text-button{min-height:44px;margin-top:13px}.work-detail h2,.work-editor h2{font-size:clamp(25px,5.8vw,32px);padding-inline:8px}.work-detail .finished-preview,.work-editor .finished-preview{width:min(170px,65%);margin:20px auto 16px}.work-location{color:var(--muted);font-size:11px}.work-detail .dialog-intro{margin-top:12px}.work-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.finish-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block-start:22px}.finish-destinations>button{min-inline-size:0;min-block-size:48px;padding-inline:10px}.work-actions .secondary-button{padding:11px 10px;min-height:48px;font-size:12px;justify-content:center}.work-actions .text-button{min-height:44px;grid-column:1 / -1;justify-self:center}.wall-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;margin:22px 0 16px}.wall-place{display:flex;flex-direction:column;gap:8px;align-items:center;border-radius:6px;padding:4px;font-size:10px;line-height:1.4;color:var(--muted)}.wall-place-art{display:grid;place-items:center;position:relative;width:100%;aspect-ratio:1;border:1px solid #d8cdb8;background:#eae0ce}.wall-place-art>img{width:100%;height:100%}.wall-place.selected{color:var(--ink)}.wall-place.selected .wall-place-art{outline:2px solid var(--green);outline-offset:2px}.empty-frame{display:grid;place-items:center;width:65%;height:65%;border:2px dashed #ae9f85;color:#948268}.empty-frame svg{width:18px;height:18px}.wall-place-check{position:absolute;bottom:-4px;right:-4px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff9ed;background:var(--green)}.wall-place-check svg{width:15px;height:15px}.wall-place-hint{min-height:2.8em;margin:12px 0 20px}.store-work{display:flex;margin:14px auto 0;text-align:center}@media(max-height:500px)and (min-width:620px){dialog.wall-editor-dialog{max-width:760px;padding:24px}.wall-editor{display:grid;grid-template-columns:minmax(250px,1.15fr) minmax(190px,1fr);align-items:start;gap:12px 24px}.wall-editor>:not(.wall-places){grid-column:2;margin:0}.wall-editor h2{font-size:26px;padding:0 20px 0 0}.wall-editor .wall-places{grid-column:1;grid-row:1 / span 5;align-self:center;margin:0}.wall-editor .wall-place-art{max-width:82px}.wall-editor .wall-place-hint{min-height:0;font-size:10px}.wall-editor .store-work{min-height:44px;font-size:11px}}.settings-list{margin:25px 0}.settings-list label{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.settings-list small{display:block;font-size:10px;color:#85775e;margin-top:7px}.settings-list input{width:19px;height:19px;cursor:pointer}.save-settings{margin-top:25px}.save-settings p{font-size:11px;color:#85765b;margin:12px 0 17px}.save-actions{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.save-transfer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px}.save-transfer-actions>button{display:flex;justify-content:center;align-items:center;min-width:0;min-height:52px;gap:10px;padding:12px;line-height:1.4}.save-transfer-actions svg{flex-shrink:0}.save-settings .browser-storage-warning{color:var(--rust)}.browser-storage-usage{margin-top:22px}.storage-meter-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:12px;line-height:1.5}.storage-meter-heading>span{color:var(--muted)}.storage-meter{height:8px;margin:9px 0;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--ink) 12%,transparent)}.storage-meter>span{display:block;height:100%;min-width:2px;border-radius:inherit;background:var(--green)}.browser-storage-usage[data-level=low] .storage-meter>span,.browser-storage-usage[data-level=full] .storage-meter>span{background:var(--rust)}.storage-meter-details{color:var(--muted);font-size:11px}.storage-meter-details summary{width:fit-content;cursor:pointer;padding-block:5px}.save-settings .storage-meter-details p{color:inherit;margin:6px 0 0}.save-settings+.text-button{margin-top:15px}.help-list{margin:26px 0}.help-list dt{font-size:12px;font-weight:600;margin-top:18px}.help-list dd{margin:6px 0 0;font-size:12px;color:#807159;line-height:1.7}.quiet-note{font-size:11px;color:#807159;margin-bottom:25px}#confirm-import{margin-top:15px}@media(min-width:1500px){.canvas-area{height:650px}.project-note{padding-top:30px}.letter{font-size:24px}.pattern-preview img{width:77.5px;height:77.5px}}@media(max-width:1100px){.header{gap:18px;padding:0 3%}.header nav{gap:22px}main{padding-left:3%;padding-right:3%}.studio{grid-template-columns:minmax(0,1fr) 205px;gap:25px}.letter{font-size:21px}.pattern-preview img{width:55px;height:55px}.thread-tray,.footnote{max-width:calc(100% - 230px)}.spools{gap:2px}.spool{min-width:49px;padding-left:4px;padding-right:4px}.hint-button span{max-width:58px;white-space:normal;text-align:left}.pattern-grid{gap:24px}.pattern-card h2{font-size:22px}.brand{font-size:29px}.canvas-area{height:500px}}@media(max-width:800px){.header{height:75px;gap:12px;padding:0 22px}.brand{font-size:27px}.brand-mark{width:30px;height:30px}.brand-mark svg{width:19px}.header nav{gap:15px}.nav-button{font-size:11px}.header-actions{gap:3px}.header-actions .icon-button{width:33px}main{padding:25px 22px}.studio{grid-template-columns:minmax(0,1fr) 172px;gap:22px}.canvas-area{height:445px}.letter{font-size:20px}.note-heading{font-size:9px}.note-heading svg{display:none}.pattern-preview{margin:20px auto}.pattern-preview img{width:47.5px;height:47.5px}.progress-copy{font-size:9px}.save-status{font-size:8px}.thread-tray,.footnote{max-width:100%}.thread-controls{justify-content:flex-start;gap:28px}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.room-heading{align-items:flex-start}.room-heading h1{font-size:36px}.room-heading .primary-button{font-size:10px;padding:11px 15px}.room-album{grid-template-columns:1fr;gap:20px}.collection-heading{align-items:flex-start}}@media(max-width:620px){.header{height:112px;display:grid;grid-template-columns:1fr auto;grid-template-rows:65px 47px;padding:0 20px;gap:0}.brand{font-size:28px;justify-self:start}.header-actions{grid-column:2;grid-row:1;gap:6px}.header nav{grid-row:2;grid-column:1/3;justify-content:space-between;gap:25px}.nav-button{font-size:12px;padding:0 6px}.header-actions .icon-button{height:39px;width:34px}main{padding:23px 16px 25px}.work-header{margin-bottom:18px;gap:10px;align-items:flex-start;padding:0 4px}h1{font-size:32px}.work-header p{font-size:10px;max-width:25ch;margin-top:7px}.work-header .text-button{width:65px;min-height:50px;font-size:9px;gap:5px;align-items:center;line-height:1.6}.work-header .text-button svg{width:14px}.studio{display:block;position:relative}.canvas-area{height:clamp(365px,calc(var(--small-viewport-height) - var(--inset-top) - 380px),480px);min-height:340px;border-radius:14px}.canvas-top{top:8px;left:17px;right:8px}.canvas-top span{font-size:9px}.canvas-tools{bottom:10px;left:9px;right:9px}.canvas-tools .icon-button{width:30px;height:33px}.canvas-tools>div{gap:0;padding:2px}.canvas-tools .icon-button svg{width:16px}.zoom-label{min-width:32px;font-size:9px}.tool-divider{margin:0 2px}.project-note{padding:14px 4px 0;display:grid;grid-template-columns:1fr auto;gap:0 12px}.note-heading,.letter,.pattern-preview{display:none}.progress-copy{margin:0;font-size:10px;gap:25px;grid-column:1/3}.progress-track{grid-column:1/3;margin-top:8px;height:3px}.save-status{font-size:8px;grid-column:1/3;margin-top:7px}.project-note #finish-button{grid-column:1/3;margin:14px 0 0}.thread-tray{margin-top:18px}.thread-heading{gap:12px;padding-left:4px;justify-content:space-between}.thread-heading span:first-child{font-size:12px}.thread-heading span:last-child{font-size:9px}.thread-controls{gap:8px;align-items:center;justify-content:space-between;margin-top:12px}.spools{gap:4px;min-height:76px;max-width:calc(100% - 44px);overflow-x:auto;padding:1px 0 5px;scrollbar-width:thin}.spool{min-width:48px;flex:0 0 48px;padding:5px 4px}.spool-body{width:32px;height:39px}.spool-number{width:21px;height:21px;font-size:11px}.spool-count{font-size:8px}.hint-button{width:35px;height:40px;justify-content:center;flex-shrink:0}.hint-button span{display:none}.hint-button svg{width:21px;height:21px}.footnote{font-size:9px;line-height:1.8;max-width:32ch;margin:12px auto 0}.collection-heading{margin:2px 4px 23px;display:block}.collection-heading h1{font-size:35px}.collection-total{display:block;margin-top:16px;font-size:10px}.collection-heading p{font-size:11px}.collection-filters{gap:5px;margin-bottom:25px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.filter-button{white-space:nowrap;font-size:10px;padding:10px 12px}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 17px}.pattern-card h2{font-size:22px}.pattern-card-label{padding-top:11px;align-items:flex-start;gap:3px}.pattern-card-label svg{width:14px;margin-top:5px}.pattern-card>p{font-size:8px;line-height:1.8}.work-badge{font-size:8px;left:7px;bottom:7px;padding:5px 6px}.collection-end{font-size:11px;margin-top:33px;line-height:1.7}.room-heading{display:block;margin:0 4px 20px}.room-heading h1{font-size:35px}.room-heading p{font-size:11px;max-width:32ch}.room-heading .primary-button{margin-top:20px;font-size:11px;min-height:43px}.room-scene{aspect-ratio:3/2;border-radius:12px}.hanging-work{padding:2px;box-shadow:1px 3px 6px #3b241d45}.room-caption{font-size:8px;bottom:9px;left:10px;padding:6px 8px;gap:5px}.room-caption svg{width:12px;height:12px}.empty-room{font-size:24px;margin-top:27px}.room-album{padding-top:26px;gap:17px}.room-album h2{font-size:28px}.room-album p{font-size:10px;margin-top:7px}.album-strip{gap:13px}.album-strip button{flex-basis:100px}.album-strip img{width:100px}.album-strip span{font-size:9px}dialog{padding:39px 25px 28px;width:calc(100% - 28px);max-height:calc(var(--viewport-height) - var(--inset-top) - 28px)}dialog h2{font-size:31px}.dialog-intro{font-size:12px}.finished-preview{width:180px;margin:22px auto}.frame-options{gap:7px}.frame-option{padding:9px 12px}.finish-content h2{font-size:31px}.toast{bottom:18px;font-size:11px;padding:12px 17px}.brand{gap:10px}.primary-button,.secondary-button{min-height:46px}.icon-button{min-height:39px}.canvas-area .icon-button{min-height:33px}}@media(max-width:360px){main{padding-left:10px;padding-right:10px}.header{padding:0 15px}.canvas-area{min-height:320px;height:345px}.brand{font-size:26px}.spools{gap:1px}.spool{min-width:45px;flex-basis:45px}.frame-option{padding:8px 9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}@media(min-width:801px)and (max-height:850px){.header{height:72px}main{padding-top:23px}.work-header{margin-bottom:18px}.work-header h1{font-size:38px}.work-header p{margin-top:5px}.canvas-area{height:clamp(330px,calc(var(--viewport-height) - var(--inset-top) - 350px),500px);min-height:330px}.project-note{padding-top:8px}.letter{font-size:20px;line-height:1.4;margin-top:13px}.pattern-preview{margin:18px auto 15px}.pattern-preview img{width:52.5px;height:52.5px}.pattern-preview figcaption{margin-top:9px}.thread-tray{margin-top:17px}.spools{min-height:78px}.footnote{margin-top:8px}}@media(max-width:620px){.canvas-area{height:clamp(320px,calc(var(--small-viewport-height) - var(--inset-top) - 450px),430px);min-height:320px}.thread-tray{margin-top:14px}.thread-controls{margin-top:8px}.footnote{margin-top:7px}}:root{--muted: #716650}.nav-button{color:#756b59}.work-header p,.collection-heading p,.room-heading p{font-size:12px}.letter{font-family:"Brygada 1918",Georgia,serif;font-size:18px;line-height:1.6;letter-spacing:-.015em}.thread-heading span:last-child,.progress-copy,.save-status,.footnote{font-size:11px;color:#73664e}.spool-count{font-size:10px;color:#746147}.canvas-top span{color:#726249}.pattern-preview figcaption{font-size:11px;color:#76664d}.note-heading{font-size:11px;color:#61704e}.text-button,.nav-button{font-size:13px}.spool-body{background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,#fff2 2.5px,#0002 3px),var(--thread)}.pattern-card>p{font-size:11px;color:#77674c}.pattern-card h2{font-size:23px}.collection-end{font-size:12px}.finish-content h2{font-size:30px}.dialog-intro,.help-list dd{color:#75634b}.save-settings p,.settings-list small{color:#74634b;font-size:11px}.quiet-note{color:#74634b}@media(min-width:801px)and (max-height:850px){.letter{font-size:17px;line-height:1.5}.pattern-preview{margin:14px auto}.pattern-preview img{width:48px;height:48px}.save-status,.footnote{font-size:10px}}@media(max-width:800px){.letter{font-size:16px;line-height:1.5}.nav-button{font-size:12px}.note-heading{font-size:10px}}@media(max-width:620px){.work-header h1{font-size:29px}.work-header p{font-size:11px}.work-header .text-button{font-size:10px;width:75px}.thread-heading span:last-child{font-size:10px}.progress-copy{font-size:11px}.save-status{font-size:9px}.footnote{font-size:10px}.thread-heading span:first-child{font-size:13px}.spool-count{font-size:10px}.spool-number{font-size:12px}.pattern-card h2{font-size:20px}.pattern-card>p{font-size:10px}.canvas-top span{font-size:10px}.collection-end{font-size:11px}.room-heading h1,.collection-heading h1{font-size:31px}}.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:22px;font-size:11px;color:#746149}.tool-button svg{width:18px;height:18px}.tool-button.active{color:#f7f2e8;background:#506c57}.tool-button:hover:not(:disabled){background:#d9cfba;color:#485f4c}.tool-button.active:hover{background:#3c5945;color:#fff}#hook.needs-unpicking{position:relative;isolation:isolate}#hook.needs-unpicking:before{content:"";position:absolute;inset:2px;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--green);opacity:.18;animation:hook-invitation 2.8s ease-in-out infinite}@keyframes hook-invitation{0%,to{opacity:.06}50%{opacity:.3}}.canvas-area canvas.unpicking{cursor:cell}.canvas-tools>div{gap:2px}.canvas-tools .tool-divider{margin:0 2px}@media(max-width:620px){.header{height:57px;grid-template-rows:57px;grid-template-columns:1fr auto;padding:0 17px;border-bottom:1px solid var(--line)}.header nav{position:fixed;z-index:10;bottom:0;left:0;right:0;height:calc(59px + var(--inset-bottom));padding:0 18px var(--inset-bottom);background:#f7f2e8;border-top:1px solid #d8cfbd;gap:10px;justify-content:space-around;box-shadow:0 -5px 20px #5f4b3010}.nav-button{flex:1;max-width:135px;font-size:12px;min-height:52px}.nav-button.active:after{inset:0 12px auto}main{padding:14px 12px calc(80px + var(--inset-bottom))}body[data-screen=stitch] main{padding:12px 12px 0}body[data-screen=stitch] #stitch-screen{height:calc(var(--viewport-height) - var(--inset-top) - 57px - 59px - var(--inset-bottom) - 18px);min-height:540px;display:flex;flex-direction:column}.work-header{flex:0 0 auto;margin:0 3px 12px;min-height:52px;align-items:center}.work-header h1{font-size:26px;line-height:1.18}.work-header p{font-size:10px;margin-top:5px;max-width:29ch}.work-header .text-button{width:74px;font-size:10px;min-height:44px;flex-shrink:0}.studio{flex:1;min-height:230px;display:flex;flex-direction:column}.canvas-area{flex:1;height:auto;min-height:230px;border-radius:14px;overflow:hidden}.canvas-top{left:13px;right:6px;top:5px}.canvas-top span{font-size:10px}.canvas-tools{bottom:8px;left:7px;right:7px;align-items:flex-end;gap:5px}.canvas-tools>div{padding:3px;gap:0}.canvas-tools>div:first-child{flex-wrap:nowrap}.tool-button{min-height:38px;padding:7px 9px;font-size:10px;gap:4px}.tool-button svg{width:16px;height:16px}.canvas-tools .icon-button{width:32px;height:38px;min-height:38px}.canvas-tools .tool-divider,.canvas-tools .zoom-label{display:none}.canvas-tools>div:last-child .icon-button{width:29px}.canvas-tools>div:last-child .icon-button[data-action=fit]{display:inline-flex}.project-note{flex:0 0 35px;display:grid;grid-template-columns:1fr auto;align-content:start;padding:9px 4px 0;gap:0}.progress-copy{font-size:10px}.progress-track{margin-top:5px;height:2px}.save-status{display:none}.project-note.has-finished-work{flex-basis:87px}#finish-button{min-height:39px;font-size:11px;margin-top:9px!important}.thread-tray{flex:0 0 auto;margin-top:9px;max-width:100%}.thread-heading{padding:0 4px}.thread-heading span:first-child{font-size:12px}.thread-heading span:last-child{font-size:9px}.thread-controls{margin-top:8px;gap:8px}.spools{min-height:75px;max-width:calc(100% - 48px);gap:5px;padding-bottom:5px}.spool{min-width:49px;flex-basis:49px;min-height:69px}.spool-body{width:34px;height:40px}.spool-number{font-size:13px;width:23px;height:23px}.spool-count{font-size:9px}.hint-button{width:42px;min-height:48px}.hint-button svg{width:21px;height:21px}.footnote{flex:0 0 auto;min-height:31px;max-width:100%;font-size:9px;line-height:1.5;margin:2px auto 0;padding:0 5px;text-align:center}.toast{bottom:calc(73px + var(--inset-bottom))}.collection-heading,.room-heading{margin-top:5px}}@media(max-width:620px)and (max-height:690px){body[data-screen=stitch] #stitch-screen{min-height:0}.work-header{min-height:45px;margin-bottom:9px}.work-header h1{font-size:24px}.work-header p{display:none}.spools{min-height:68px}.spool{min-height:62px}.spool-body{height:35px}.footnote{min-height:24px;font-size:8px}.thread-tray{margin-top:5px}.canvas-tools .tool-button{padding-left:7px;padding-right:7px}.canvas-tools .tool-button span{display:none}.canvas-tools .tool-button{width:37px;min-height:37px}}@media(orientation:landscape)and (max-height:500px)and (max-width:1100px){.header{height:44px;padding:0 max(16px,var(--inset-right)) 0 max(16px,var(--inset-left));gap:15px}.brand{font-size:23px;gap:8px}.brand-mark{width:26px;height:26px}.header nav{gap:23px}.nav-button{min-height:44px;font-size:11px}.header-actions .icon-button{width:44px;height:44px}main{padding:8px max(14px,var(--inset-right)) 12px max(14px,var(--inset-left))}body[data-screen=stitch] #stitch-screen{display:grid;height:calc(var(--viewport-height) - var(--inset-top) - 60px - var(--inset-bottom));min-height:220px;grid-template-columns:minmax(0,1fr) 165px;grid-template-rows:33px minmax(0,1fr);gap:5px 15px}.work-header{grid-column:1 / -1;margin:0;min-height:0;align-items:center}.work-header h1{font-size:23px}.work-header p{display:none}.work-header .text-button{font-size:10px;min-height:30px}.studio{display:flex;flex-direction:column;min-height:0;gap:0}.canvas-area{flex:1;height:auto;min-height:180px;border-radius:12px}.canvas-top{top:3px;left:13px;right:5px}.canvas-top span{font-size:9px}.canvas-tools{bottom:6px;left:8px;right:8px}.canvas-tools .tool-button,.canvas-tools .icon-button{min-height:39px;height:39px}.canvas-tools .icon-button{width:39px}.project-note{display:none}.project-note.has-finished-work{display:block;padding:0}.project-note.has-finished-work>:not(#finish-button){display:none}#finish-button{min-height:34px;padding:6px 12px;margin-top:5px;font-size:10px}.thread-tray{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-height:0;max-width:100%;margin:0}.thread-heading{flex-direction:column;align-items:flex-start;gap:2px;padding:0 3px}.thread-heading span:first-child{font-size:11px}.thread-heading span:last-child{font-size:9px}.thread-controls{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:2px;margin-top:9px}.spools{min-height:0;overflow-y:auto;overflow-x:hidden;max-width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:5px 1px;padding:3px 0 5px}.spool{min-width:0;min-height:54px;padding:4px 3px}.spool-body{height:28px;width:31px}.spool-count{font-size:8px;margin-top:4px}.hint-button{width:100%;min-height:39px;justify-content:center;margin-top:auto}.hint-button span{display:inline;max-width:none}.footnote{display:none}}@media(max-width:620px){.studio{gap:0}.canvas-area{min-height:0}.canvas-tools .tool-button,.canvas-tools .icon-button{height:44px;min-height:44px}.canvas-tools .icon-button,.canvas-tools>div:last-child .icon-button{width:40px}.canvas-tools>div:last-child .icon-button[data-action=fit]{display:inline-flex}.canvas-tools .tool-button span{display:inline}.canvas-tools .tool-button{width:auto;padding-left:9px;padding-right:9px}.header-actions .icon-button{width:44px;height:44px}}@media(max-width:360px){.canvas-tools .tool-button span{display:none}.canvas-tools .tool-button{width:42px}}.room-garland{position:absolute;left:35%;top:6%;width:54%;height:auto;pointer-events:none;filter:drop-shadow(0 3px 2px #4a32142b)}.workshop-extra{margin-top:38px;padding:27px 0 12px;border-top:1px solid var(--line);display:grid;grid-template-columns:140px minmax(0,1fr);gap:30px;align-items:center}.workshop-extra h2{font-size:27px;margin-bottom:9px}.workshop-extra p:not(.ad-label){max-width:70ch;font-size:12px;color:#74634b}.workshop-extra .ad-label{margin-bottom:12px}.workshop-extra-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:13px;max-width:620px;margin-top:18px}.workshop-extra-actions button{min-width:0;min-height:48px;width:100%;height:100%;justify-content:center}.workshop-extra.unlocked{grid-template-columns:minmax(0,1fr) auto}.garland-sample{position:relative;width:140px;height:125px;background:#e9dfc8;border-radius:50%}.garland-sample .room-garland{width:115px;left:12px;top:37px}.ad-label{font:600 10px Manrope,sans-serif;color:#826749;letter-spacing:.06em}.ad-demo{text-align:center}.ad-demo .ad-label{margin-bottom:16px}.ad-demo-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.ad-demo .dialog-close{font-size:26px}.demo-parcel{width:92px;height:86px;margin:24px auto;border:1px solid #bb9a6f;background:linear-gradient(90deg,transparent 42%,#c8b487 42% 57%,transparent 57%),#e6d5b3;display:grid;place-items:center;transform:rotate(-4deg);border-radius:4px;box-shadow:4px 6px #c7b48d35}.demo-parcel span{font-size:39px;color:#687c57;background:#f1e6ce;border-radius:50%;width:53px;height:53px;line-height:53px}body.ad-pending #app{cursor:wait}@media(max-width:620px){.workshop-extra{margin-top:25px;padding-top:22px;grid-template-columns:1fr;gap:16px}.workshop-extra.unlocked{grid-template-columns:1fr}.workshop-extra h2{font-size:25px}.garland-sample{display:none}.workshop-extra-actions{grid-template-columns:1fr}.workshop-extra-actions button{width:100%}.ad-demo h2{font-size:27px}.demo-parcel{margin:17px auto;width:76px;height:72px}}.settings-list select{appearance:none;font:inherit;font-size:16px;color:var(--ink);min-width:108px;max-width:48%;min-height:44px;padding:8px 34px 8px 10px;background-color:#f0e8d8;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;border:1px solid #cfc0a6;border-radius:6px}.settings-list select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.settings-list label>span{min-width:0}.settings-list .theme-setting{flex-wrap:wrap;gap:12px}.settings-list .theme-setting select{width:100%;max-width:100%}.cloud-title~p{margin:14px 0;line-height:1.65}#stitch-screen.work-completed .thread-tray,#stitch-screen.work-completed #instruction,#stitch-screen.work-completed .canvas-tools>div:first-child{display:none!important}#stitch-screen.work-completed .canvas-tools{justify-content:flex-end}.finished-work-actions{grid-column:1;grid-row:3;margin-top:16px}.finished-work-actions:empty,.finished-work-actions[hidden]{display:none}.finished-work-actions #finish-button{margin-top:0}@media(min-width:621px)and (min-height:501px){body[data-screen=stitch].browser-layout.sidebar-collapsed #stitch-screen.work-completed .canvas-area{height:max(330px,calc(var(--viewport-height) - var(--inset-top) - 56px - 84px))}}@media(orientation:landscape)and (max-height:500px)and (max-width:1100px){body[data-screen=stitch] #stitch-screen.work-completed{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px)and (orientation:portrait){body.cloth-focus-active #stitch-screen.work-completed .project-note{flex-basis:78px}}.work-appearance{text-align:center}.appearance-preview{margin-inline:auto;width:min(42vw,180px);height:auto;border-radius:10px}.work-appearance fieldset{border:0;padding:0;margin:1rem 0}.appearance-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.appearance-choice{min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.65rem .3rem;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:.85rem}.appearance-choice[aria-pressed=true]{border-color:var(--green);outline:2px solid var(--green);outline-offset:-2px}.fabric-swatch{width:40px;height:27px;border-radius:4px;border:1px solid #0002}.thread-set-swatch{display:flex;width:60px;height:27px;border-radius:4px;overflow:hidden}.thread-set-swatch i{flex:1}.appearance-footer{margin:18px 0 0}@media(max-width:620px){dialog:has(.work-appearance){padding-bottom:39px}}#stitch-screen:not(.work-completed) .finished-work-actions{grid-row:5}.work-appearance .work-actions .text-button{grid-column:auto;margin:0}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--paper: #282a25;--ink: #e7dfce;--muted: #bab19e;--green: #adc5a5;--rust: #d3a180;--line: #4c4c40;--shadow: 0 12px 32px #11150f4d;--evening-surface: #383b32;--evening-raised: #45483c;--evening-action-ink: #26352b;color:var(--ink);background:var(--paper);scrollbar-color:#787660 #30332c;caret-color:var(--green)}:root[data-theme=dark] ::selection{color:#f4ebd9;background:#6a7458}:root[data-theme=dark] ::-webkit-scrollbar-track{background:#30332c}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#787660}:root[data-theme=dark] .brand-mark{color:#d4ac81;border-color:#bd946b}:root[data-theme=dark] :is(.nav-button,.canvas-top span,.progress-copy,.progress-copy span:last-child,.save-status,.footnote,.pattern-card>p,.pattern-card-label>svg,.collection-end,.empty-room,.dialog-intro,.settings-list small,.save-settings p,.help-list dd,.quiet-note,.workshop-extra p:not(.ad-label),.ad-label,.tool-button,.pattern-preview figcaption,.thread-heading span:last-child){color:var(--muted)}:root[data-theme=dark] .spool-count{color:#c6beac}:root[data-theme=dark] :is(.nav-button.active,.note-heading,.hint-button){color:var(--green)}:root[data-theme=dark] .canvas-area{background:#373a31}:root[data-theme=dark] .canvas-tools>div{background:#30372e}:root[data-theme=dark] .canvas-top>span,:root[data-theme=dark] .canvas-top .icon-button{background:#30372ef2}:root[data-theme=dark] .tool-divider{border-color:#656852}:root[data-theme=dark] :is(.icon-button:hover:not(:disabled),.tool-button:hover:not(:disabled),.spool:hover,.spool.selected,.filter-button.active,.frame-option.selected){background:var(--evening-raised);color:var(--ink)}:root[data-theme=dark] :is(.icon-button.active,.tool-button.active,.tool-button.active:hover,.primary-button,.wall-place-check){color:var(--evening-action-ink);background:var(--green)}:root[data-theme=dark] .primary-button:hover:not(:disabled){color:var(--evening-action-ink);background:#c1d4b8}:root[data-theme=dark] .secondary-button{color:var(--ink);background:var(--evening-raised)}:root[data-theme=dark] .secondary-button:hover:not(:disabled){color:var(--ink);background:#535846}:root[data-theme=dark] .progress-track{background:#4a4f3f}:root[data-theme=dark] .progress-track>div{background:#a4b391}:root[data-theme=dark] :is(.spool-body:before,.spool-body:after){background:#aa8e66}:root[data-theme=dark] .spool-number{color:#ece5d5;background:#30352bf2}:root[data-theme=dark] .pattern-picture{background:var(--evening-surface)}:root[data-theme=dark] :is(.pattern-picture>img,.pattern-preview img,.finished-preview,.album-strip img,.wall-place-art>img,.hanging-work>img){filter:brightness(.78)}:root[data-theme=dark] .pattern-preview img{outline-color:#8b826a;box-shadow:var(--shadow)}:root[data-theme=dark] .work-badge{color:#d1dfc4;background:#30382eef}:root[data-theme=dark] .room-scene{background:#454538}:root[data-theme=dark] .room-art{filter:brightness(.67) saturate(.86)}:root[data-theme=dark] .room-caption{color:var(--ink);background:#282f25e8}:root[data-theme=dark] .toast{color:#edf1e4;background:#43583f}:root[data-theme=dark] dialog{background:#30332c;box-shadow:0 25px 90px #11150f80}:root[data-theme=dark] dialog::backdrop{background:#12170f99}:root[data-theme=dark] :is(.settings-list select,.wall-place-art){color:var(--ink);background-color:var(--evening-surface);border-color:#797b65}:root[data-theme=dark] .empty-frame{color:#beb59f;border-color:#9b977e}:root[data-theme=dark] .frame-sample{background:#77715f}:root[data-theme=dark] .garland-sample{background:#494b3b}:root[data-theme=dark] .demo-parcel{filter:brightness(.75)}@media(max-width:620px){:root[data-theme=dark] .header nav{background:var(--paper);border-color:var(--line);box-shadow:0 -5px 20px #11150f26}}.cloth-navigator{width:104px;min-width:0;color:var(--ink)}.cloth-navigator[hidden],.cloth-navigation-host[hidden]{display:none}.cloth-navigation-host{flex:0 0 auto;align-self:flex-start}.cloth-navigator-map{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--linen, #eee4d1);cursor:crosshair;touch-action:none}.cloth-navigator-surface{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}.cloth-navigator-map canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.cloth-navigator-map:focus-visible{outline:2px solid var(--green);outline-offset:3px}.cloth-navigator-viewport{position:absolute;box-sizing:border-box;min-width:3px;min-height:3px;pointer-events:none;border:1.5px solid #fff8e8;outline:1px solid #3b5546;background:#fffae721;box-shadow:0 0 0 150px #2a2a1d33}.cloth-navigator-position{display:block;margin-top:6px;font-size:10px;line-height:1.4;text-align:center;color:var(--muted);overflow-wrap:anywhere}@media(max-width:620px){.cloth-navigator{width:72px}}@media(orientation:landscape)and (max-height:500px){.cloth-navigator{width:56px}.cloth-navigator-position{font-size:9px}}.help-shell{min-width:0}.help-intro{max-width:52ch}.help-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:21px;border-bottom:1px solid var(--line)}.help-tab{position:relative;min-height:48px;padding:9px 10px 12px;color:var(--muted);font-size:12px;font-weight:600;line-height:1.35}.help-tab:after{content:"";position:absolute;right:10px;bottom:-1px;left:10px;height:2px;background:transparent}.help-tab[aria-selected=true]{color:var(--green)}.help-tab[aria-selected=true]:after{background:var(--green)}.help-panel{margin-top:22px}.help-guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;margin:0}.help-entry{padding:0 0 16px}.help-entry:nth-last-child(-n+2){padding-bottom:0}.help-entry dt{font-size:12px;font-weight:600;line-height:1.4}.help-entry dd{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.help-save{margin:19px 0 0;padding-top:15px;border-top:1px solid var(--line);line-height:1.65}.help-more{margin-top:2px;border-top:1px solid var(--line)}.help-more summary{min-height:44px;padding:13px 0 11px;color:var(--green);cursor:pointer;font-size:12px;font-weight:600;line-height:1.65;list-style-position:inside}.help-more summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}.help-more-list{display:grid;gap:14px;margin:5px 0 3px}.help-more-list .help-entry{padding-bottom:0}.help-return{width:100%;margin-top:23px}@media(max-width:520px){.help-tabs{margin-top:17px}.help-tab{padding-inline:6px;font-size:12px}.help-guide-list{grid-template-columns:1fr}.help-entry{padding:0 0 14px}.help-entry:nth-last-child(2){padding-bottom:14px}.help-return{margin-top:19px}.help-shell-touch .help-save{margin-top:2px}}@media(prefers-reduced-motion:reduce){.help-tab{transition:none}}.palette-launch{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-width:0;min-height:36px;padding:4px 2px;color:var(--ink);font-size:13px;font-weight:600;border-radius:4px;text-align:left}.palette-launch:hover{color:var(--green)}.palette-launch svg{width:15px;height:15px;color:var(--green)}.palette-search{display:block;width:100%;min-height:46px;margin:20px 0;padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--paper);font:inherit;font-size:13px}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.palette-thread{display:flex;align-items:center;gap:10px;min-width:0;min-height:62px;padding:8px;text-align:left;border:1px solid var(--line);border-radius:10px}.palette-thread[aria-pressed=true]{border-color:var(--green);background:var(--paper)}.palette-thread[hidden]{display:none}.palette-swatch{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--thread);box-shadow:inset 0 0 0 1px #0002}.palette-swatch span{min-width:21px;padding:1px 3px;border-radius:12px;background:#fff9ebed;color:#3e4537;text-align:center;font-size:11px}.palette-thread-name{min-width:0;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.palette-thread-name small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.collection-photo-button{margin:0 0 20px}.custom-pattern-card{min-width:0}.custom-pattern-card .pattern-card{width:100%}.custom-pattern-remove{margin-top:5px;font-size:11px;color:var(--muted)}.photo-remove-name{margin-top:15px;font-weight:600;overflow-wrap:anywhere}.photo-remove-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.rename-work-button{margin:-12px auto 15px!important;color:var(--green)}.rename-work-form h2{padding-right:28px}.rename-work-field{display:block;margin-top:22px;color:var(--ink);font-size:11px;font-weight:600}.rename-work-form input{width:100%;min-height:48px;margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--ink);background:var(--paper);font:inherit;font-size:13px}.rename-work-form input[aria-invalid=true]{border-color:var(--rust)}.rename-work-error{margin-top:8px;color:var(--rust);font-size:11px;line-height:1.5}.rename-work-form .primary-button{margin-top:20px}.pattern-card-label h2,.work-header>div,.thread-heading #thread-name{min-width:0;overflow-wrap:anywhere}.pattern-card-label h2{flex:1}.pattern-card-label>svg{flex-shrink:0}.work-header .text-button{flex-shrink:0}#pattern-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.work-detail h2,.album-strip span{overflow-wrap:anywhere}.thread-controls{min-width:0}.thread-controls .hint-button{flex-shrink:0}@media(min-width:621px){.thread-controls .spools{min-width:0;max-width:100%;overflow-x:auto;padding-bottom:5px}}#stitch-screen.has-cloth-navigator .zoom-label{display:none}@media(max-width:600px){.palette-launch{font-size:12px;padding:2px;min-height:36px}.thread-heading{gap:6px;flex-wrap:wrap}}.add-photo-card .pattern-picture{display:grid;place-items:center;background:var(--paper);border:1px dashed var(--muted);color:var(--muted)}.add-photo-card .pattern-picture>svg{width:48px;height:48px}.add-photo-card:hover .pattern-picture,.add-photo-card:focus-visible .pattern-picture{border-color:var(--green);color:var(--green)}.photo-crop{margin-top:14px;padding:16px;border:1px solid #cfc2ad;border-radius:12px;background:#f7f0e2}.photo-crop-heading h3{color:var(--ink);font-family:"Brygada 1918",Georgia,serif;font-size:19px;font-weight:500;line-height:1.25}.photo-crop-heading p,.photo-crop-status{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.55}.photo-crop-shapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px;padding:4px;border-radius:10px;background:#e8ddca}.photo-crop-shape{min-width:0;min-height:40px;border:0;border-radius:7px;padding:7px 10px;color:var(--muted);background:transparent;font:inherit;font-size:10px;font-weight:600}.photo-crop-shape.active{color:var(--ink);background:#fffaf0;box-shadow:0 1px 5px #412c1b1f}.photo-crop-stage{display:flex;width:100%;height:clamp(230px,46vw,360px);align-items:center;justify-content:center;margin-top:14px;overflow:hidden;border-radius:10px;background:#dfd5c3;touch-action:none}.photo-crop-image{position:relative;flex:0 0 auto;overflow:hidden;box-shadow:0 4px 16px #412c1b29}.photo-crop-image canvas,.photo-crop-shade{position:absolute;inset:0;display:block;width:100%;height:100%}.photo-crop-shade{pointer-events:none;background:#1917137f}.photo-crop-selection{position:absolute;min-width:1px;min-height:1px;border:2px solid #fffaf0;border-radius:3px;box-shadow:0 0 0 1px #262c1fbf,inset 0 0 0 1px #262c1f3d}.photo-crop-selection[data-crop-shape=circle]{border-radius:50%}.photo-crop-move{position:absolute;inset:0;width:100%;min-width:0;height:100%;min-height:0;border:0;padding:0;cursor:grab;background:transparent;touch-action:none}.photo-crop-move:active{cursor:grabbing}.photo-crop-handle{position:absolute;z-index:2;width:44px;min-width:44px;height:44px;min-height:44px;border:0;padding:0;background:transparent;touch-action:none}.photo-crop[data-crop-handles=hidden]:not(.photo-crop-resizing) .photo-crop-handle{display:none}.photo-crop-handle:after{position:absolute;width:13px;height:13px;border-color:#fffaf0;color:#fffaf0;filter:drop-shadow(0 0 1px rgb(30 34 25 / 85%));content:""}.photo-crop-handle-nw{top:0;left:0;cursor:nwse-resize}.photo-crop-handle-nw:after{top:7px;left:7px;border-top:3px solid;border-left:3px solid}.photo-crop-handle-ne{top:0;right:0;cursor:nesw-resize}.photo-crop-handle-ne:after{top:7px;right:7px;border-top:3px solid;border-right:3px solid}.photo-crop-handle-se{right:0;bottom:0;cursor:nwse-resize}.photo-crop-handle-se:after{right:7px;bottom:7px;border-right:3px solid;border-bottom:3px solid}.photo-crop-handle-sw{bottom:0;left:0;cursor:nesw-resize}.photo-crop-handle-sw:after{bottom:7px;left:7px;border-bottom:3px solid;border-left:3px solid}.photo-crop-move:focus-visible,.photo-crop-handle:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}.photo-crop-status{min-height:16px;font-variant-numeric:tabular-nums}.photo-crop-ranges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:11px}.photo-crop-ranges label{display:grid;grid-template-columns:1fr auto;gap:3px 8px;color:var(--ink);font-size:10px;font-weight:600;line-height:1.4}.photo-crop-ranges output{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.photo-crop-ranges input{width:100%;min-height:44px;grid-column:1 / -1;margin:0;accent-color:var(--green)}.photo-crop-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;margin-top:14px}.photo-crop-actions button{min-height:44px;justify-content:center}:root[data-theme=dark] .photo-crop{border-color:#74745f;background:var(--evening-surface, #383b32)}:root[data-theme=dark] .photo-crop-stage{background:#2e302a}:root[data-theme=dark] .photo-crop-shapes{background:#2e302a}:root[data-theme=dark] .photo-crop-shape.active{background:#474b40}:root[data-theme=dark] .photo-crop-image{box-shadow:0 4px 16px #0a0d0947}@media(max-width:620px){.photo-crop{margin-top:10px;padding:13px}.photo-crop-stage{height:clamp(220px,72vw,290px)}.photo-crop-ranges{gap:8px 12px}.photo-crop-actions{grid-template-columns:1fr 1fr}.photo-crop-actions>span{display:none}.photo-crop-full{grid-column:1 / -1}}@media(max-width:350px){.photo-crop-ranges{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.photo-crop button{transition:none}}.photo-import-dialog{max-width:760px;padding:36px}.photo-import{min-width:0}.photo-import-heading{padding-right:28px}.photo-import-intro{max-width:60ch}.photo-import-privacy{position:relative;margin-top:12px;padding-left:20px;color:var(--green);font-size:11px;line-height:1.55}.photo-import-privacy:before{content:"";position:absolute;top:3px;left:2px;width:8px;height:9px;border:1.5px solid currentColor;border-radius:2px}.photo-import-privacy:after{content:"";position:absolute;top:0;left:4px;width:4px;height:5px;border:1.5px solid currentColor;border-bottom:0;border-radius:4px 4px 0 0}.photo-import-alert{margin-top:18px;padding:11px 13px;border-radius:8px;color:#704534;background:#efe1d3;font-size:12px;line-height:1.55}.photo-import-empty{display:grid;justify-items:center;margin-top:26px;padding:31px 24px 27px;border:1px dashed #b9aa91;border-radius:14px;background:#f1e9da;text-align:center}.photo-import-hoop{display:grid;width:72px;height:72px;place-items:center;margin-bottom:18px;border:5px solid #ba8d5d;border-radius:50%;color:#6b7354;background:#e8ddc8;box-shadow:0 7px 19px #4a311c24}.photo-import-hoop svg{width:45px;height:45px;stroke-width:1.35}.photo-import-choose{min-width:min(220px,100%);justify-content:center}.photo-import-file-hint{max-width:48ch;margin-top:12px;color:var(--muted);font-size:10px;line-height:1.6}.photo-import-editor{margin-top:25px}.photo-import-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.photo-import-preview figcaption{margin-bottom:8px;color:var(--muted);font-size:10px;font-weight:600;line-height:1.4}.photo-import-preview-frame{position:relative;display:grid;height:210px;place-items:center;overflow:hidden;border-radius:12px;background:#e9dfcb}.photo-import-preview img,.photo-import-preview canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}.photo-import-preview canvas{image-rendering:auto}.photo-import-pattern .photo-import-preview-frame{background:#eee4d1}.photo-import-original-crop{object-fit:contain;image-rendering:auto!important}.photo-import-crop-open{width:100%;min-height:44px;justify-content:center;margin-top:8px}.photo-import-preview-wait{position:absolute;inset:0;display:grid;place-items:center;padding:18px;color:var(--muted);background:#e9dfcbe8;font-size:11px;text-align:center}.photo-import-fields{margin-top:21px}.photo-import-name,.photo-import-sizes legend,.photo-import-colors legend{display:grid;gap:7px;color:var(--ink);font-size:11px;font-weight:600}.photo-import-sizes{min-width:0;margin:14px 0 0;border:0;padding:0}.photo-import-sizes>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:7px}.photo-import-sizes label{min-width:0;cursor:pointer}.photo-import-sizes input{position:absolute;width:1px;height:1px;opacity:0}.photo-import-sizes label>span{position:relative;display:grid;min-height:74px;align-content:center;gap:4px;border:1px solid #cfc2ad;border-radius:10px;padding:10px 12px;color:var(--ink);background:#fffaf0}.photo-import-sizes strong{font-size:12px;font-weight:650;line-height:1.35}.photo-import-sizes small{color:var(--muted);font-size:10px;font-weight:400;line-height:1.35}.photo-import-sizes em{position:absolute;top:7px;right:8px;border-radius:999px;padding:2px 6px;color:#4f6544;background:#e4ebd9;font-size:8px;font-style:normal;font-weight:700;line-height:1.4}.photo-import-sizes input:checked+span{border-color:#7e916c;background:#f0f3e7;box-shadow:0 0 0 2px #7e916c2e}.photo-import-sizes input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}.photo-import-sizes input:disabled+span{cursor:wait;opacity:.62}.photo-import-name input{width:100%;min-height:46px;border:1px solid #cfc2ad;border-radius:8px;padding:10px 12px;color:var(--ink);background:#fffaf0;font:inherit;font-size:13px;font-weight:400}.photo-import-name input[aria-invalid=true]{border-color:#a4664c}.photo-import-colors{min-width:0;margin:14px 0 0;padding:0;border:0}.photo-import-colors>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:7px}.photo-import-colors label{min-width:0;cursor:pointer}.photo-import-colors input{position:absolute;width:1px;height:1px;opacity:0}.photo-import-colors label>span{display:grid;min-height:46px;place-items:center;border:1px solid #cfc2ad;border-radius:8px;color:var(--ink);background:#fffaf0;font-size:12px;font-weight:650}.photo-import-colors input:checked+span{border-color:#7e916c;background:#f0f3e7;box-shadow:0 0 0 2px #7e916c2e}.photo-import-colors input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}.photo-import-colors input:disabled+span{cursor:wait;opacity:.62;margin-top:14px}.photo-import-cleanup{display:flex;align-items:flex-start;gap:11px;min-height:48px;margin-top:12px;padding:8px 0;cursor:pointer}.photo-import-cleanup input{width:19px;height:19px;flex:0 0 auto;margin:2px 0 0}.photo-import-cleanup strong,.photo-import-cleanup small{display:block}.photo-import-cleanup strong{font-size:11px;line-height:1.45}.photo-import-cleanup small,.photo-import-aspect{margin-top:3px;color:var(--muted);font-size:10px;font-weight:400;line-height:1.55}.photo-import-aspect{margin-top:2px}.photo-import-progress{margin-top:17px}.photo-import-progress>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;color:var(--muted);font-size:10px;line-height:1.4}.photo-import-progress output{font-variant-numeric:tabular-nums}.photo-import-progress progress{display:block;width:100%;height:4px;overflow:hidden;border:0;border-radius:4px;color:var(--green);background:#ded5c4;accent-color:var(--green)}.photo-import-progress progress::-webkit-progress-bar{background:#ded5c4}.photo-import-progress progress::-webkit-progress-value{background:var(--green)}.photo-import-progress progress::-moz-progress-bar{background:var(--green)}.photo-import-result{margin-top:17px}.photo-import-stats{display:flex;flex-wrap:wrap;gap:6px 15px;color:var(--muted);font-size:10px;line-height:1.5}.photo-import-palette{display:flex;gap:4px;margin-top:10px;overflow:hidden}.photo-import-palette span{width:100%;min-width:5px;max-width:24px;height:8px;border-radius:2px;background:var(--photo-thread)}.photo-import-actions{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:10px;margin-top:23px}.photo-import-actions button{min-height:48px;justify-content:center}:root[data-theme=dark] .photo-import-privacy{color:var(--green)}:root[data-theme=dark] .photo-import-alert{color:#ebcbbb;background:#523d33}:root[data-theme=dark] .photo-import-empty,:root[data-theme=dark] .photo-import-preview-frame{background:var(--evening-surface, #383b32)}:root[data-theme=dark] .photo-import-pattern .photo-import-preview-frame{background:#bab2a3}:root[data-theme=dark] .photo-import-pattern canvas{filter:brightness(.78)}:root[data-theme=dark] .photo-import-empty{border-color:#75745f}:root[data-theme=dark] .photo-import-hoop{color:#b6c69e;background:#45483c;border-color:#a87d55;box-shadow:0 7px 19px #0a0d0947}:root[data-theme=dark] .photo-import-preview-wait{color:var(--muted);background:#383b32ed}:root[data-theme=dark] .photo-import-name input,:root[data-theme=dark] .photo-import-colors label>span,:root[data-theme=dark] .photo-import-sizes label>span{color:var(--ink);border-color:#74745f;background-color:var(--evening-surface, #383b32)}:root[data-theme=dark] .photo-import-sizes input:checked+span{border-color:#91a77b;background:#41483a}:root[data-theme=dark] .photo-import-colors input:checked+span{border-color:#91a77b;background:#41483a}:root[data-theme=dark] .photo-import-sizes em{color:#d6e6c5;background:#4a5940}:root[data-theme=dark] .photo-import-progress progress,:root[data-theme=dark] .photo-import-progress progress::-webkit-progress-bar{background:#4a4f3f}@media(max-width:620px){.photo-import-dialog{width:calc(100% - 20px);max-height:calc(var(--small-viewport-height) - var(--inset-top) - var(--inset-bottom) - 20px);padding:27px 18px 20px}.photo-import-heading{padding-right:24px}.photo-import-heading h2{font-size:27px}.photo-import-intro{margin-top:11px;font-size:11px;line-height:1.65}.photo-import-privacy{margin-top:9px;font-size:10px}.photo-import-empty{margin-top:20px;padding:24px 16px 22px}.photo-import-hoop{width:62px;height:62px}.photo-import-hoop svg{width:39px;height:39px}.photo-import-editor{margin-top:19px}.photo-import-previews{gap:9px}.photo-import-preview-frame{height:clamp(125px,34vw,170px);border-radius:9px}.photo-import-fields{margin-top:17px}.photo-import-name input{min-height:44px}.photo-import-colors>div{gap:6px}.photo-import-colors label>span{min-height:44px}.photo-import-actions{grid-template-columns:1fr;margin-top:19px}.photo-import-start{grid-row:1}.photo-import[data-photo-cropping=true]>.photo-import-heading,.photo-import[data-photo-cropping=true] .photo-import-previews,.photo-import[data-photo-cropping=true] .photo-import-fields,.photo-import[data-photo-cropping=true] .photo-import-progress,.photo-import[data-photo-cropping=true] .photo-import-result,.photo-import[data-photo-cropping=true]>.photo-import-editor>.photo-import-actions{display:none}.photo-import[data-photo-cropping=true] .photo-import-editor{margin-top:0}.photo-import[data-photo-cropping=true] .photo-crop{margin-top:0;border:0;padding:0;background:transparent}.photo-import[data-photo-cropping=true] .photo-crop-heading{padding-right:30px}.photo-import[data-photo-cropping=true] .photo-crop-stage{height:clamp(125px,24vh,190px);margin-top:7px}.photo-import[data-photo-cropping=true] .photo-crop-shapes{margin-top:6px}.photo-import[data-photo-cropping=true] .photo-crop-shape{min-height:36px;padding-block:5px}.photo-import[data-photo-cropping=true] .photo-crop-status{margin-top:3px}.photo-import[data-photo-cropping=true] .photo-crop-ranges{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;margin-top:5px}.photo-import[data-photo-cropping=true] .photo-crop-actions{position:sticky;bottom:0;z-index:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;padding-top:6px;background:var(--paper, #f7f2e8)}.photo-import[data-photo-cropping=true] .photo-crop-actions>span{display:none}.photo-import[data-photo-cropping=true] .photo-crop-actions button{min-width:0;min-height:48px;padding:7px 5px;font-size:9px;line-height:1.25}.photo-import[data-photo-cropping=true] .photo-crop-full{grid-column:auto}:root[data-theme=dark] .photo-import[data-photo-cropping=true] .photo-crop-actions{background:#30332c}}@media(max-width:380px){.photo-import-previews{grid-template-columns:1fr}.photo-import-preview-frame{height:150px}}@media(prefers-reduced-motion:reduce){.photo-import button{transition:none}}.cloth-focus-expand,.cloth-focus-collapse{display:none}@media(max-width:620px)and (orientation:portrait){body[data-screen=stitch] .cloth-focus-expand{display:inline-flex;align-items:center;justify-content:center;width:112px;min-width:112px;min-height:44px;padding:5px 8px;overflow-wrap:anywhere;border-radius:8px;color:#5f5748;background:#e9e1d3;font-size:10px;font-weight:600;line-height:1.15}body[data-screen=stitch] .work-header.has-cloth-focus{gap:8px}body[data-screen=stitch] .work-header.has-cloth-focus>[data-action=collection]{display:none}body.cloth-focus-active .header,body.cloth-focus-active .work-header,body.cloth-focus-active .footnote{display:none}body.cloth-focus-active main{max-width:none;padding:6px 8px}body.cloth-focus-active #stitch-screen{display:flex;flex-direction:column;height:calc(var(--small-viewport-height) - var(--inset-top) - var(--inset-bottom) - 12px);min-height:0}body.cloth-focus-active .studio{flex:1 1 auto;min-height:0}body.cloth-focus-active .canvas-area{flex:1 1 auto;height:auto;min-height:0;border-radius:14px}body.cloth-focus-active .project-note{flex:0 0 28px;padding:4px 4px 0}body.cloth-focus-active .cloth-navigation-host,body.cloth-focus-active .thread-tray{margin-top:4px}body.cloth-focus-active .thread-controls{margin-top:5px}body.cloth-focus-active .spools{min-height:62px}body.cloth-focus-active .spool{min-height:58px}body.cloth-focus-active .spool-body{height:33px}body.cloth-focus-active .canvas-tools .icon-button,body.cloth-focus-active .canvas-tools>div:last-child .icon-button,body.cloth-focus-active .canvas-top .icon-button{width:44px;min-width:44px;height:44px;min-height:44px}body.cloth-focus-active .cloth-focus-collapse{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:44px;margin-left:auto;margin-right:5px;padding:6px 12px;border-radius:22px;color:#4f5f50;background:#f0e8d8ee;font-size:11px;font-weight:600;line-height:1.2}:root[data-theme=dark] body[data-screen=stitch] .cloth-focus-expand,:root[data-theme=dark] body.cloth-focus-active .cloth-focus-collapse{color:var(--ink);background:var(--evening-raised)}}@media(max-width:360px){.canvas-tools .tool-button span{display:inline}.canvas-tools .tool-button{width:auto;min-width:44px;height:44px;min-height:44px;padding-inline:10px}.canvas-tools>div:first-child{gap:0}.canvas-tools .icon-button,.canvas-tools>div:last-child .icon-button,.canvas-top .icon-button{width:44px;height:44px;min-height:44px}#stitch-screen:not(.has-cloth-navigator) .canvas-top>span{display:none}}@media(max-width:620px)and (orientation:portrait){body:not(.cloth-focus-active) #stitch-screen .canvas-tools{display:none}}::view-transition-group(root){animation-duration:.18s}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s;animation-timing-function:ease-out}@media(prefers-reduced-motion:reduce){::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation-duration:0s}}.thread-heading{flex-wrap:wrap;gap:6px 12px}.thread-heading #thread-remaining{margin-left:auto;font-size:10px;color:var(--muted)}.thread-heading .hint-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-width:36px;min-height:36px;padding:4px 6px;border-radius:8px;font-size:10px}.thread-heading .hint-button svg{width:18px;height:18px;flex:0 0 auto}.thread-heading .hint-button span{font-size:inherit;font-weight:400;color:inherit}.thread-controls{justify-content:flex-start;align-items:flex-start;gap:16px}.thread-controls .spools{flex:1;min-width:0;overflow-x:auto}.sidebar-toggle{display:none}.browser-layout .header{position:sticky;top:0;z-index:20;background:var(--paper);transition:height .22s ease-out;overflow-anchor:none}.browser-layout .header .brand{transition:font-size .22s ease-out,gap .22s ease-out}.browser-layout .header .brand-mark{transition:width .22s ease-out,height .22s ease-out}@media(min-width:621px)and (min-height:501px){.browser-layout .header.header-compact{height:56px}.browser-layout .header-compact .brand{font-size:24px;gap:8px}.browser-layout .header-compact .brand-mark{width:30px;height:30px}.browser-layout{--note-width: 242px;--work-gap: 34px}.browser-layout #stitch-screen:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) var(--note-width);column-gap:var(--work-gap);transition:grid-template-columns .3s ease-out,column-gap .3s ease-out}.browser-layout .work-header{grid-column:1 / -1;grid-row:1}.browser-layout .studio{display:contents}.browser-layout .canvas-area{grid-column:1;grid-row:2}.browser-layout .project-note{grid-column:2;grid-row:2 / 5;min-width:0;overflow:hidden;transition:opacity .18s ease-out,visibility .18s}.browser-layout .thread-tray{grid-column:1;grid-row:3;min-width:0;max-width:none}.browser-layout .footnote{grid-column:1;grid-row:4;max-width:none}.browser-layout.sidebar-collapsed{--note-width: 0px;--work-gap: 0px}.browser-layout.sidebar-collapsed .project-note{contain:size;opacity:0;visibility:hidden}body[data-screen=stitch].browser-layout.sidebar-collapsed .header{height:56px}body[data-screen=stitch].browser-layout.sidebar-collapsed .header .brand{font-size:24px;gap:8px}body[data-screen=stitch].browser-layout.sidebar-collapsed .header .brand-mark{width:30px;height:30px}body[data-screen=stitch].browser-layout.sidebar-collapsed main{padding-top:12px;padding-bottom:12px}body[data-screen=stitch].browser-layout.sidebar-collapsed .work-header,body[data-screen=stitch].browser-layout.sidebar-collapsed .footnote{display:none}body[data-screen=stitch].browser-layout.sidebar-collapsed .canvas-area{height:max(330px,calc(var(--viewport-height) - var(--inset-top) - 56px - 172px));max-height:none}body[data-screen=stitch].browser-layout.sidebar-collapsed .thread-tray{margin-top:12px}.browser-layout[data-screen=stitch] .sidebar-toggle{display:inline-flex}}@media(min-width:621px)and (max-width:1100px){.browser-layout:not(.sidebar-collapsed){--note-width: 205px;--work-gap: 25px}}@media(min-width:621px)and (max-width:800px){.browser-layout:not(.sidebar-collapsed){--note-width: 172px;--work-gap: 22px}}@media(max-width:620px){.browser-layout .header.header-compact{height:49px;grid-template-rows:49px}.browser-layout .header-compact .brand{font-size:22px}.browser-layout .header-compact .brand-mark{width:28px;height:28px}.thread-heading{gap:4px 6px}.thread-heading .hint-button{min-width:44px;min-height:44px}.thread-heading .hint-button span{display:none}.thread-controls{gap:10px}.thread-controls .cloth-navigation-host{margin-top:0}}#stitch-screen.has-cloth-navigator .canvas-tools>div:last-child{display:flex}@media(max-width:360px){#stitch-screen .canvas-tools{top:auto}#stitch-screen .canvas-tools>div:last-child{position:static}#stitch-screen .canvas-tools .tool-button{min-width:36px;width:36px;padding-inline:7px}#stitch-screen .canvas-tools .icon-button{width:36px;min-width:36px}}@media(orientation:landscape)and (max-height:500px){.thread-heading #thread-remaining{margin-left:0}.thread-heading .hint-button{min-height:32px}.thread-controls .cloth-navigation-host{align-self:center}.thread-controls .spools{overflow-x:hidden}}@media(prefers-reduced-motion:reduce){.browser-layout .header,.browser-layout .header .brand,.browser-layout .header .brand-mark,.browser-layout #stitch-screen:not([hidden]),.browser-layout .project-note{transition:none}}.reduced-motion .browser-layout .header,.reduced-motion .browser-layout .header .brand,.reduced-motion .browser-layout .header .brand-mark,.reduced-motion .browser-layout #stitch-screen:not([hidden]),.reduced-motion .browser-layout .project-note{transition:none}#stitch-screen .canvas-tools>div:first-child{gap:4px}#stitch-screen .canvas-tools #needle,#stitch-screen .canvas-tools #hook,#stitch-screen .canvas-tools #move{flex:0 0 44px;width:44px;min-width:44px;height:38px;min-height:38px;padding:0;border-radius:24px}#stitch-screen .canvas-tools .tool-divider{display:none}#stitch-screen .footnote{margin-top:24px;padding-block:4px 12px}.finish-content>.wide+.wide{margin-top:12px}.canvas-top{justify-content:flex-end}@media(max-width:620px){#stitch-screen .canvas-tools #needle,#stitch-screen .canvas-tools #hook,#stitch-screen .canvas-tools #move{flex-basis:46px;width:46px;min-width:46px;height:44px;min-height:44px}.header .brand{font-size:clamp(20px,6vw,24px);gap:7px}.header .brand-mark{width:29px;height:29px}.header .header-actions{gap:0}.header .header-actions .icon-button{width:34px;min-width:34px;height:44px}body.cloth-focus-active .cloth-focus-collapse{width:44px;min-width:44px;height:44px;padding:10px;margin:0}body.cloth-focus-active .cloth-focus-collapse svg{width:24px;height:24px}}@media(max-width:360px){#stitch-screen .canvas-tools>div:first-child{gap:0}#stitch-screen .canvas-tools #needle,#stitch-screen .canvas-tools #hook,#stitch-screen .canvas-tools #move{flex-basis:44px;width:44px;min-width:44px}}.mobile-cloth-control{display:none}@media(max-width:620px),(orientation:landscape)and (max-height:500px){#stitch-screen .canvas-tools{inset:8px 8px auto;align-items:flex-start;gap:8px}#stitch-screen .canvas-tools>div{flex:0 0 auto;gap:0;padding:3px}#stitch-screen .canvas-tools #needle,#stitch-screen .canvas-tools #hook,#stitch-screen .canvas-tools #move,#stitch-screen .canvas-tools .mobile-cloth-control,body.cloth-focus-active #stitch-screen .canvas-tools .cloth-focus-collapse{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;margin:0;border-radius:24px}#stitch-screen .canvas-tools .mobile-cloth-control{display:inline-flex}#stitch-screen .canvas-tools [data-action=zoom-in],#stitch-screen .canvas-tools [data-action=zoom-out],#stitch-screen .canvas-tools [data-action=fit]{display:none}#stitch-screen .canvas-tools .mobile-cloth-control svg,#stitch-screen .canvas-tools .cloth-focus-collapse svg{width:21px;height:21px}#stitch-screen .canvas-tools [data-action=toggle-loupe][aria-pressed=true],#stitch-screen .canvas-tools .cloth-focus-collapse{background:transparent}#stitch-screen .canvas-tools [data-action=toggle-loupe]{color:inherit}}