@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-latin-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DotGothic16;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dotgothic16-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-body:"DM Sans";--font-display:"DotGothic16";--paper:#f6f1e7;--paper-deep:#ece4d5;--ink:#24211e;--muted:#6e675f;--line:#d8cec0;--white:#fffdf7;--coral:#ff6b4a;--coral-dark:#d94b31;--blue:#5f8ef0;--blue-soft:#dce7ff;--lime:#cce86a;--yellow:#f7c95b;--pink:#f7a1bd;--radius:22px;--shadow:0 18px 48px #2f251a1c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0}body:not(:has([data-testid=home-hero])){background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),radial-gradient(1080px 520px at 88% -140px,#5f8ef01f,#0000 72%),radial-gradient(920px 480px at -8% 6%,#ff6b4a17,#0000 70%),radial-gradient(circle at 1px 1px,#24211e0d 1px,#0000 1.7px);background-repeat:repeat,no-repeat,no-repeat,repeat;background-size:160px 160px,auto,auto,26px 26px;background-attachment:scroll,fixed,fixed,scroll}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:var(--font-display), "Courier New", monospace;font-weight:400}h1{letter-spacing:-.01em;font-size:clamp(3rem,7vw,6.8rem);line-height:1}h2{letter-spacing:-.01em;font-size:clamp(2rem,4vw,4.3rem);line-height:1.04}h3{letter-spacing:0}p{color:var(--muted);line-height:1.65}.section-shell{width:min(1180px,100% - 40px);margin-inline:auto}.eyebrow{color:var(--ink);font-family:var(--font-display), "Courier New", monospace;letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:400}.site-header{z-index:50;background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 90%, transparent), color-mix(in srgb, var(--paper) 78%, transparent));-webkit-backdrop-filter:blur(22px)saturate(1.45);border-bottom:1px solid #24211e14;transition:box-shadow .24s,border-color .24s;position:sticky;top:0;box-shadow:inset 0 1px #fffdf78c}.site-header--scrolled{border-bottom-color:#24211e21;box-shadow:inset 0 1px #fffdf78c,0 14px 34px #2f251a1a}.site-header__inner{align-items:center;gap:26px;width:min(1260px,100% - 32px);min-height:76px;margin-inline:auto;display:flex}.brand{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:11px;font-size:1.06rem;font-weight:400;display:inline-flex}.brand__mark{grid-template-columns:repeat(2,1fr);gap:2px;width:27px;height:27px;transition:transform .28s cubic-bezier(.2,.65,.25,1);display:grid;transform:rotate(4deg)}.brand:hover .brand__mark{transform:rotate(0)scale(1.08)}.brand__mark i{background:var(--coral);border-radius:50%;display:block;box-shadow:inset 0 -2px #00000024}.brand__mark i:nth-child(2){background:var(--blue)}.brand__mark i:nth-child(3){background:var(--yellow)}.brand__mark i:nth-child(4){background:var(--lime)}.site-nav{background:#fffdf785;border:1px solid #24211e17;border-radius:999px;justify-content:center;align-items:center;gap:2px;margin-left:auto;padding:5px;display:flex;box-shadow:0 1px 2px #2f251a0a}.site-nav a{color:#4f4943;white-space:nowrap;border-radius:999px;padding:9px 15px;font-size:.86rem;font-weight:700;line-height:1;transition:color .16s,background .16s,box-shadow .16s}.site-nav a:hover{color:var(--ink);background:#24211e0f}.site-nav a.is-active{background:var(--ink);color:var(--white);box-shadow:0 3px 9px #24211e3d}.site-auth{align-items:center;gap:12px;min-width:max-content;display:flex}.site-auth__sign-in{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:9px 3px;font-size:.85rem;font-weight:800}.site-auth__sign-in:hover{color:var(--coral-dark)}.site-auth__loading{background:#ddd5c9;border-radius:999px;width:128px;height:40px;animation:1.2s ease-in-out infinite alternate auth-loading-pulse;display:block}@keyframes auth-loading-pulse{to{opacity:.45}}.button{border:1.5px solid var(--ink);min-height:46px;color:var(--ink);font-family:var(--font-display), "Courier New", monospace;letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 21px;font-weight:400;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #24211e24}.button:disabled{cursor:not-allowed;opacity:.45}.button--small{min-height:40px;padding-inline:17px;font-size:.84rem}.button--large{min-height:56px;padding-inline:27px}.button--wide{width:100%}.button--primary{background:var(--coral)}.button--secondary{background:var(--white)}.button--ink{border-color:var(--ink);background:var(--ink);color:var(--white)}.text-link,.text-button{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:5px;font-weight:850;text-decoration-thickness:2px}.text-button{cursor:pointer;background:0 0;border:0;padding:0}.hero{grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr);align-items:center;gap:clamp(48px,8vw,112px);min-height:710px;padding-block:86px 96px;display:grid}.hero h1{max-width:780px;margin-bottom:28px}.hero__lede{max-width:650px;margin-bottom:34px;font-size:1.16rem}.hero__actions{flex-wrap:wrap;gap:13px;display:flex}.hero__proof{color:var(--muted);flex-wrap:wrap;gap:12px 24px;margin-top:38px;font-size:.86rem;font-weight:700;display:flex}.hero__proof span:before{content:"";background:var(--lime);width:7px;height:7px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;margin-right:9px;display:inline-block}.hero__visual{border:2px solid var(--ink);background:var(--white);box-shadow:14px 14px 0 var(--ink);border-radius:30px;padding:16px;position:relative;transform:rotate(2deg)}.hero__visual:before{content:"";z-index:-1;background:var(--blue);border-radius:26px;position:absolute;inset:20px -22px -22px 24px;transform:rotate(-5deg)}.hero__visual-top,.hero__visual-bottom{justify-content:space-between;align-items:center;gap:14px;display:flex}.hero__visual-top{font-family:var(--font-display), sans-serif;letter-spacing:.12em;padding:1px 4px 13px;font-size:.68rem;font-weight:400}.hero__visual-bottom{padding:15px 5px 2px}.hero__visual-bottom div{display:grid}.hero__visual-bottom strong{font-size:1.1rem}.hero__visual-bottom span{color:var(--muted);font-size:.72rem}.hero__visual-bottom a{margin-left:auto;font-size:.8rem;font-weight:800}.home-hero{grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);align-items:center;gap:clamp(58px,9vw,126px);min-height:740px;padding-block:94px 118px;display:grid}.home-hero__copy h1{max-width:800px;margin-bottom:28px}.home-hero__lede{max-width:690px;margin-bottom:34px;font-size:1.16rem}.home-hero__actions{flex-wrap:wrap;gap:13px;display:flex}.home-showcase{border:2px solid var(--ink);background:var(--white);box-shadow:16px 16px 0 var(--blue);border-radius:30px;padding:17px;position:relative;transform:rotate(1.5deg)}.home-showcase__header,.home-showcase__footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.home-showcase__header{font-family:var(--font-display), sans-serif;letter-spacing:.12em;padding:2px 5px 14px;font-size:.69rem;font-weight:400}.home-showcase__footer{padding:15px 4px 2px}.home-showcase__footer>div{gap:3px;display:grid}.home-showcase__footer span{color:var(--muted);letter-spacing:.12em;font-size:.62rem;font-weight:800}.home-showcase__footer strong{font-family:var(--font-display), sans-serif;font-weight:400}.home-showcase__footer a{border:1.5px solid var(--ink);background:var(--lime);border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.15rem;font-weight:850;transition:transform .16s,background .16s;display:grid}.home-showcase__footer a:hover{background:var(--yellow);transform:rotate(8deg)}.home-showcase__tag{border:1.5px solid var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:9px 13px;font-size:.72rem;font-weight:850;position:absolute}.home-showcase__tag--one{top:22%;left:-42px;transform:rotate(-7deg)}.home-showcase__tag--two{background:var(--yellow);bottom:26%;right:-24px;transform:rotate(6deg)}.hero-reveal{--reveal-x:72%;--reveal-y:42%;--reveal-radius:0px;aspect-ratio:8/5;width:100%;color:var(--white);cursor:crosshair;isolation:isolate;contain:paint;touch-action:pan-y;background:#e8dfd2;border:1px solid #d8d0c6;border-radius:18px;padding:0;display:block;position:relative;overflow:hidden}.hero-reveal:focus-visible{outline:4px solid var(--blue);outline-offset:4px}.hero-reveal__image{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-reveal__image--beads{z-index:0}.hero-reveal__image--original{z-index:1;-webkit-mask-image:radial-gradient(circle at var(--reveal-x) var(--reveal-y), #000 0, #000 calc(var(--reveal-radius) - 25px), transparent var(--reveal-radius));-webkit-mask-image:radial-gradient(circle at var(--reveal-x) var(--reveal-y), #000 0, #000 calc(var(--reveal-radius) - 25px), transparent var(--reveal-radius));mask-image:radial-gradient(circle at var(--reveal-x) var(--reveal-y), #000 0, #000 calc(var(--reveal-radius) - 25px), transparent var(--reveal-radius));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-reveal--original .hero-reveal__image--original{-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}.hero-reveal__ring{z-index:2;top:var(--reveal-y);left:var(--reveal-x);width:calc(var(--reveal-radius) * 2);aspect-ratio:1;opacity:.72;pointer-events:none;border:1px solid #fffdf7b3;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #24211e14,0 12px 40px #24211e1f}.hero-reveal--beads .hero-reveal__ring,.hero-reveal--original .hero-reveal__ring{opacity:0}.hero-reveal__hint,.hero-reveal__toggle{z-index:3;color:var(--white);letter-spacing:.04em;pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#24211ec2;border:1px solid #ffffff3d;border-radius:999px;padding:8px 11px;font-size:.66rem;font-weight:850;position:absolute}.hero-reveal__hint{top:12px;left:12px}.hero-reveal__toggle{color:var(--ink);background:#fffdf7e0;bottom:12px;right:12px}.pixel-pattern{aspect-ratio:1;background:#ede7dc;border:1px solid #d8d0c6;border-radius:18px;gap:2px;width:100%;padding:12px;display:grid;overflow:hidden}.pixel-pattern--compact{border:0;border-radius:13px;gap:1px;padding:8px}.pixel-cell{aspect-ratio:1;background:#fff6;border-radius:50%}.pixel-cell--filled{box-shadow:inset 0 -1px #0003,inset 0 1px #ffffff59}.choice-section,.pattern-section{padding-block:110px}.section-heading{margin-bottom:38px}.section-heading--split{justify-content:space-between;align-items:end;gap:40px;display:flex}.section-heading h2{max-width:760px;margin-bottom:0}.section-heading>p{max-width:430px;margin-bottom:4px}.choice-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.choice-card{border:2px solid var(--ink);border-radius:28px;flex-direction:column;justify-content:space-between;min-height:430px;padding:34px;transition:transform .18s,box-shadow .18s;display:flex}.choice-card:hover{box-shadow:10px 10px 0 var(--ink);transform:translateY(-5px)}.choice-card--coral{background:var(--coral)}.choice-card--blue{background:var(--blue-soft)}.choice-card__number{font-family:var(--font-display);align-self:flex-end;font-weight:400}.choice-card h3{max-width:520px;margin:0 0 16px;font-size:clamp(2.2rem,4vw,4.4rem);line-height:.98}.choice-card p{color:#413b35;max-width:500px}.choice-card__link{font-weight:850}.workspace-story{background:var(--ink);color:var(--white);padding-block:110px}.workspace-story__inner{grid-template-columns:.88fr 1.12fr;gap:110px;display:grid}.workspace-story h2{max-width:560px}.workspace-story p{color:#c8beb3}.workspace-story .eyebrow{color:var(--lime)}.workspace-story .text-link{color:var(--white)}.workspace-story__list{border-top:1px solid #514a43}.workspace-story__list article{border-bottom:1px solid #514a43;grid-template-columns:48px 1fr;gap:18px;padding:30px 0;display:grid}.workspace-story__list article>span{color:var(--coral);font-weight:800}.workspace-story__list h3{margin-bottom:6px;font-size:1.5rem}.workspace-story__list p{margin-bottom:0}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.pattern-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:transform .18s,box-shadow .18s;overflow:hidden}.pattern-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.pattern-card__preview{background:#e8dfd2;padding:24px;position:relative}.pattern-card__preview>img{object-fit:cover}.pattern-card__placeholder{aspect-ratio:1;grid-template-columns:repeat(6,1fr);gap:3px;width:min(74%,190px);display:grid}.pattern-card__placeholder i{background:#24211e21;border-radius:50%}.pattern-card__placeholder i:nth-child(3n){background:#ff6b4a85}.pattern-card__placeholder i:nth-child(4n){background:#5f8ef085}.pattern-card__tier{z-index:1;background:var(--ink);color:var(--white);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:.63rem;position:absolute;top:10px;right:10px}.pattern-card__preview .pixel-pattern{max-width:260px;margin-inline:auto}.pattern-card__body{padding:22px}.pattern-card__body h3{margin-bottom:0;font-size:1.4rem}.pattern-card__stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 0;padding-top:16px;display:grid}.pattern-card__stats div{gap:4px;display:grid}.pattern-card__stats dt{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.pattern-card__stats dd{margin:0;font-size:.82rem;font-weight:800}.final-cta{border:2px solid var(--ink);background:var(--lime);border-radius:32px;margin-bottom:110px;padding:78px}.final-cta h2{max-width:870px}.final-cta>div{align-items:center;gap:24px;display:flex}.site-footer{background-color:var(--paper-deep);background-image:radial-gradient(940px 340px at 12% 0,#fffdf7b3,#0000 72%),radial-gradient(circle at 1px 1px,#24211e0b 1px,#0000 1.6px);background-repeat:no-repeat,repeat;background-size:auto,24px 24px;border-top:1px solid #24211e1a}.site-footer__inner{width:min(1260px,100% - 40px);margin-inline:auto;padding:64px 0 30px}.site-footer__main{grid-template-columns:minmax(260px,1.1fr) minmax(0,1.6fr);gap:clamp(44px,6vw,110px);display:grid}.brand--footer{margin-bottom:14px}.site-footer__brand>p{max-width:300px;margin-bottom:0;font-size:.92rem}.site-footer__beads{gap:7px;margin-top:26px;display:flex}.site-footer__beads i{background:var(--coral);border-radius:50%;width:13px;height:13px;box-shadow:inset 0 -2px #00000029,0 1px 2px #2f251a2e}.site-footer__beads i:nth-child(2){background:var(--yellow)}.site-footer__beads i:nth-child(3){background:var(--lime)}.site-footer__beads i:nth-child(4){background:var(--blue)}.site-footer__beads i:nth-child(5){background:var(--pink)}.site-footer__beads i:nth-child(6){background:var(--coral)}.site-footer__beads i:nth-child(7){background:var(--yellow)}.site-footer__nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.site-footer__group{align-content:start;justify-items:start;gap:10px;display:grid}.site-footer__group>p{color:var(--ink);font-family:var(--font-display), "Courier New", monospace;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:400}.site-footer__group a{color:var(--muted);font-size:.88rem;font-weight:650;transition:color .15s,transform .15s}.site-footer__group a:hover{color:var(--ink);transform:translate(2px)}.site-footer__bar{border-top:1px solid #24211e1a;justify-content:space-between;align-items:center;gap:16px 28px;margin-top:52px;padding-top:22px;display:flex}.site-footer__bar p{margin:0;font-size:.78rem;font-weight:650}.site-footer__legal{align-items:center;gap:10px 18px;display:flex}.site-footer__legal-button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:1px solid;padding:0;font-size:.78rem;font-weight:700}.cookie-notice{z-index:100;border:2px solid var(--ink);background:var(--paper);width:min(620px,100vw - 24px);box-shadow:8px 8px 0 var(--ink);border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;display:grid;position:fixed;bottom:clamp(12px,3vw,32px);right:clamp(12px,3vw,32px)}.cookie-notice__mark{grid-template-columns:repeat(2,18px);gap:4px;width:48px;display:grid}.cookie-notice__mark i{aspect-ratio:1;border:1.5px solid var(--ink);background:var(--coral);border-radius:50%}.cookie-notice__mark i:nth-child(2){background:var(--yellow)}.cookie-notice__mark i:nth-child(3){background:var(--blue)}.cookie-notice__mark i:nth-child(4){background:var(--lime)}.cookie-notice__content{min-width:0}.cookie-notice__eyebrow{letter-spacing:.1em;text-transform:uppercase;margin:0 0 3px;font-size:.68rem;font-weight:850}.cookie-notice h2{margin:0 0 7px;font-size:1.28rem}.cookie-notice__content>p:not(.cookie-notice__eyebrow){margin:0;font-size:.82rem;line-height:1.45}.cookie-notice__detail{color:var(--muted);margin-top:6px!important}.cookie-notice__actions{justify-items:center;gap:9px;display:grid}.cookie-notice__actions .button{min-width:96px}.cookie-notice__link{text-underline-offset:3px;font-size:.76rem;font-weight:800;text-decoration:underline}body:has([data-testid=home-hero]) .site-header{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border-bottom-color:#0000;position:fixed;top:0;left:0;right:0}body:has([data-testid=home-hero]) .site-nav{box-shadow:none;background:0 0;border-color:#0000}body:has([data-testid=home-hero]) .site-nav a:hover{background:#fffdf761}body:has([data-testid=home-hero]) .site-nav a.is-active{background:#24211ed9}body:has([data-testid=home-hero]) .brand{text-shadow:0 1px 10px #fffdf7b3}body:has([data-testid=home-hero]) .site-nav a{text-shadow:0 1px 10px #fffdf7b3}body:has([data-testid=home-hero]) .site-auth__sign-in{text-shadow:0 1px 10px #fffdf7b3}body:has([data-testid=home-hero]) .site-footer{background:0 0;border-top:0}body:has([data-testid=home-hero]) .site-footer__inner{padding:34px 0 28px}.home-story{border-top:1px solid var(--line);background:var(--paper);padding:clamp(82px,10vw,138px) 0}.home-story__intro{max-width:830px}.home-story__intro h2,.home-faq>header h2{margin-bottom:22px;font-size:clamp(2.65rem,5vw,5.15rem);line-height:.96}.home-story__intro>p:last-child{max-width:720px;color:var(--muted);font-size:1.04rem}.home-story__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:clamp(52px,7vw,88px);display:grid}.home-story__grid article{border-top:3px solid var(--ink);min-width:0;padding:25px 0 10px}.home-story__grid article>span{color:var(--coral);font-family:var(--font-display), sans-serif;font-size:.82rem}.home-story__grid h3,.home-faq__list h3{margin:15px 0 13px;font-size:clamp(1.45rem,2vw,2rem);line-height:1.04}.home-story__grid p,.home-faq__list p{color:var(--muted);margin:0;font-size:.94rem;line-height:1.7}.home-faq__sources cite{font-style:normal}.home-faq__sources a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1px}.home-faq{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(54px,8vw,110px);padding-top:clamp(80px,9vw,120px);padding-bottom:clamp(96px,11vw,150px);display:grid}.home-faq__list{border-top:1px solid var(--line)}.home-faq__list article{border-bottom:1px solid var(--line);padding:23px 0 28px}.home-faq__list h3{margin-top:0}@keyframes siteHeaderEnter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){body:has([data-testid=home-hero]) .site-header{animation:.56s cubic-bezier(.2,.65,.25,1) 60ms backwards siteHeaderEnter}}.tool-page--converter,.tool-page--blue{--editor-type-title:1.25rem;--editor-type-control:.75rem;--editor-type-note:.6875rem;--tool-type-page-title:clamp(2.75rem, 5vw, 4.75rem);--tool-type-panel-title:1.5rem;--tool-type-card-title:1.25rem;--tool-type-body:.875rem;--tool-type-meta:.75rem;--tool-type-button-primary:.875rem;--tool-type-button:.8125rem;--tool-type-button-compact:.75rem}:is(.tool-shell--creator,.tool-shell--converter,.converter-settings-dialog,.converter-focus-dialog,.converter-export-dialog){--tool-type-panel-title:var(--editor-type-title);--tool-type-card-title:var(--editor-type-title);--tool-type-body:var(--editor-type-control);--tool-type-meta:var(--editor-type-note);--tool-type-button-primary:var(--editor-type-control);--tool-type-button:var(--editor-type-control);--tool-type-button-compact:var(--editor-type-control)}.tool-page{padding:68px 0 120px}.tool-page__header{margin-bottom:44px}.tool-page__header h1{max-width:1000px;margin-bottom:22px;font-size:clamp(3rem,6vw,5.7rem)}.tool-page__header>p:last-child,.tool-page__hero-copy>p:last-child{max-width:680px;font-size:1.08rem}.tool-page--converter .tool-page__header h1,.tool-page--blue .tool-page__header h1{font-size:var(--tool-type-page-title)}.tool-page--converter .tool-page__header>p:last-child,.tool-page--blue .tool-page__header>p:last-child,.tool-page--converter .tool-page__hero-copy>p:last-child,.tool-page--blue .tool-page__hero-copy>p:last-child{font-size:var(--tool-type-body)}.tool-page--converter .eyebrow,.tool-page--blue .eyebrow{font-size:var(--tool-type-meta)}.tool-page--converter .button,.tool-page--blue .button,.tool-page--converter .text-button,.tool-page--blue .text-button{font-size:var(--tool-type-button)}.tool-page--converter .button--primary,.tool-page--blue .button--primary{font-size:var(--tool-type-button-primary)}.tool-shell{border:2px solid var(--ink);background:var(--white);min-height:680px;box-shadow:10px 10px 0 var(--ink);border-radius:28px;grid-template-columns:320px minmax(0,1fr);display:grid;overflow:hidden}.creator-page-shell{width:min(1480px,100% - 40px)}.tool-shell--creator{--creator-side-action-height:36px;grid-template-columns:280px minmax(420px,1fr) 300px}.tool-panel{border-right:1px solid var(--line);background:#f2ebdf;padding:28px}.tool-panel h2{letter-spacing:0;margin-bottom:28px;font-size:1.8rem}.tool-shell--creator>.tool-panel h2{font-size:var(--tool-type-panel-title)}.tool-section{background:#fffdf7b3;border:1px solid #24211e29;border-radius:14px;margin-bottom:10px;overflow:clip}.tool-section>summary{cursor:pointer;align-content:center;gap:3px;min-height:58px;padding:12px 40px 12px 14px;list-style:none;display:grid;position:relative}.tool-section>summary::-webkit-details-marker{display:none}.tool-section>summary:after{content:"+";font-size:1.15rem;font-weight:800;position:absolute;top:50%;right:15px;translate:0 -50%}.tool-section[open]>summary:after{content:"−"}.tool-section[open]>summary{border-bottom:1px solid #24211e1f}.tool-section__title{font-size:var(--tool-type-button,.82rem);font-weight:850}.tool-section__summary{color:var(--muted);font-size:var(--tool-type-meta,.7rem);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.tool-section__content{padding:16px 14px 5px}.tool-section__content>:last-child{margin-bottom:11px}.creator-actions__header{border-bottom:1px solid #24211e1f;align-content:center;gap:3px;min-height:58px;padding:12px 14px;display:grid}.tool-section .field{margin-bottom:16px}.tool-section .palette-picker{margin-bottom:12px}.tool-section .bead-editor-toolbar{margin-top:0}.tool-section__actions{gap:8px;display:grid}.tool-section__actions .button{margin-top:0}.field{gap:9px;margin-bottom:22px;display:grid}.tool-shell--creator .tool-section__content{padding:12px 12px 4px}.tool-shell--creator .tool-section__content>:last-child{margin-bottom:8px}.tool-shell--creator .tool-section .field{gap:6px;margin-bottom:10px}.tool-shell--creator .tool-section .palette-picker{margin-bottom:8px}.tool-shell--creator .tool-section__actions{gap:6px}.tool-shell--creator .field>span{font-size:var(--tool-type-meta)}.field>span{text-transform:uppercase;letter-spacing:.08em;font-size:.77rem;font-weight:800}.field input[type=text],.field input[type=number],.field input:not([type]){border:1px solid var(--line);background:var(--white);border-radius:10px;width:100%;min-height:46px;padding:0 13px}.field input[type=range]{width:100%;accent-color:var(--coral)}.tool-shell--creator .field select{border:1px solid var(--line);background:var(--white);width:100%;min-height:36px;color:var(--ink);font:inherit;font-size:var(--tool-type-button);border-radius:9px;padding:0 34px 0 11px;font-weight:750}.tool-shell--creator .field input:not([type=range]),.tool-shell--creator .dimension-fields input{min-height:38px;font-size:var(--editor-type-control)}.tool-shell--creator .converter-check,.tool-shell--creator .converter-check span{font-size:var(--editor-type-control)}.creator-dimension-preset{gap:9px;display:grid}.creator-dimension-preset>span{font-size:var(--tool-type-meta,.72rem);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.dimension-fields{gap:10px;display:flex}.dimension-fields label{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.dimension-fields input{width:100%;min-width:0}.tool-shell--creator .dimension-fields input[type=number]{appearance:textfield;padding-inline:9px}.tool-shell--creator .dimension-fields input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tool-shell--creator .dimension-fields input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.dimension-fields label>span{font-size:var(--tool-type-meta,.72rem);letter-spacing:.04em;text-transform:uppercase;opacity:.62;font-weight:700}.dimension-fields-hint{font-size:var(--tool-type-meta,.72rem);opacity:.72;display:block}.dimension-fields-hint--over-limit{color:var(--coral);opacity:1}.file-drop{background:var(--white);cursor:pointer;border:1.5px dashed #a69b8e;border-radius:14px;flex-direction:column;justify-content:center;min-height:118px;margin-bottom:24px;padding:18px;display:flex}.file-drop input{opacity:0;width:1px;height:1px;position:absolute}.file-drop strong{margin-bottom:4px}.file-drop span{color:var(--muted);font-size:.78rem}.color-row{flex-wrap:wrap;gap:8px;display:flex}.color-row--scroll{max-height:160px;padding-right:4px;overflow:auto}.color-chip{cursor:pointer;border:1px solid #24211e52;border-radius:50%;width:30px;height:30px;padding:0;box-shadow:inset 0 -3px #00000029}.color-chip.is-active{outline:3px solid var(--ink);outline-offset:2px}.eraser-chip{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:999px;min-height:30px;padding:0 10px;font-size:.72rem;font-weight:800}.tool-shell--creator .eraser-chip{font-size:var(--tool-type-button-compact)}.eraser-chip.is-active{outline:2px solid var(--ink)}.segmented-control{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.segmented-control button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:9px;min-height:38px;font-size:.78rem;font-weight:800}.tool-shell--creator .segmented-control button{font-size:var(--tool-type-button-compact)}.segmented-control button.is-active{border-color:var(--ink);background:var(--ink);color:var(--white)}.bead-editor-toolbar{gap:10px;margin:12px 0 18px;display:grid}.bead-editor-toolbar .segmented-control{grid-template-columns:repeat(4,minmax(0,1fr))}.bead-editor-toolbar__history{flex-wrap:wrap;gap:8px;display:flex}.bead-editor-toolbar__history .button{margin-top:0}.palette-picker{gap:8px;margin-bottom:16px;display:grid}.tool-shell--creator .palette-picker{gap:6px}.tool-shell--creator .palette-family-field{gap:9px;display:grid}.tool-shell--creator .palette-family-field>span{font-size:var(--tool-type-meta);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.tool-shell--creator .palette-family-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.tool-shell--creator .palette-family-tabs button{border:1px solid var(--line);background:var(--white);min-width:0;min-height:34px;color:var(--ink);cursor:pointer;font-size:var(--tool-type-button-compact,.72rem);border-radius:8px;justify-content:space-between;align-items:center;gap:4px;padding:5px 7px;font-weight:800;display:flex}.tool-shell--creator .palette-family-tabs button.is-active{border-color:var(--ink);background:var(--ink);color:var(--white)}.tool-shell--creator .palette-family-tabs small{opacity:.6;font-size:var(--tool-type-meta)}.tool-shell--creator .palette-picker__selected{border:1px solid var(--line);background:#f8f4ec;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:46px;padding:6px 8px;display:grid}.tool-shell--creator .palette-picker__selected>i{border:1px solid #24211e47;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 -3px #00000024}.tool-shell--creator .palette-picker__selected>i.is-eraser{background:linear-gradient(135deg, var(--white) 46%, var(--coral) 47% 53%, var(--white) 54%)}.tool-shell--creator .palette-picker__selected span{display:grid}.tool-shell--creator .palette-picker__selected small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.625rem;font-weight:750}.tool-shell--creator .palette-picker__selected strong{font-size:.6875rem}.tool-shell--creator .palette-picker__selected code{color:var(--muted);font-size:.625rem}.tool-shell--creator .palette-color-list{scrollbar-gutter:stable;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-height:180px;padding:3px 4px 6px 2px;display:grid;overflow:auto}.tool-shell--creator .palette-color-list--recent{max-height:none}.tool-shell--creator .palette-color-chip{min-width:0;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;gap:3px;padding:4px 2px;display:grid}.tool-shell--creator .palette-color-chip:hover{background:#24211e0f}.tool-shell--creator .palette-color-chip.is-active{border-color:var(--coral-dark);background:#fff8f3;box-shadow:0 0 0 2px #c1422b21}.tool-shell--creator .palette-color-chip i{border:1px solid #24211e40;border-radius:50%;width:24px;height:24px;box-shadow:inset 0 -3px #00000024}.tool-shell--creator .palette-color-chip span{text-overflow:ellipsis;max-width:100%;font-size:.625rem;font-weight:850;overflow:hidden}.tool-shell--creator .palette-color-list .eraser-chip{border-radius:9px;min-height:44px;padding-inline:4px}.tool-shell--creator .palette-picker__empty{color:var(--muted);font-size:var(--tool-type-body);margin:0}.inventory-panel__hint,.inventory-panel__actions{color:var(--muted);font-size:var(--tool-type-meta,.75rem);margin:0 0 10px}.inventory-panel__actions{gap:14px;display:flex}.inventory-panel__swatches{max-height:120px}.editable-grid-shell{width:min(100%,650px);position:relative}.editable-grid-reference{z-index:0;object-fit:contain;pointer-events:none;border-radius:12px;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px}.editable-grid-shell .editable-grid{z-index:1;background:0 0;width:100%;position:relative}.editable-grid-coordinates{z-index:3;color:#24211eb8;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.3rem,.55vw,.58rem);font-weight:850;line-height:1;display:grid;position:absolute}.editable-grid-coordinates span{place-items:center;min-width:0;min-height:0;display:grid;overflow:visible}.editable-grid-coordinates--top,.editable-grid-coordinates--bottom{height:10px;left:14px;right:14px}.editable-grid-coordinates--top{top:2px}.editable-grid-coordinates--bottom{bottom:2px}.editable-grid-coordinates--left,.editable-grid-coordinates--right{width:10px;top:14px;bottom:14px}.editable-grid-coordinates--left{left:2px}.editable-grid-coordinates--right{right:2px}.editable-grid--codes .editable-cell,.editable-cell--coded{place-items:center;display:grid;position:relative}.converter-steps{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px;display:grid}.converter-steps button{border:1px solid var(--line);background:var(--white);min-height:36px;font-size:var(--tool-type-button-compact,.72rem);cursor:pointer;border-radius:9px;font-weight:800}.converter-steps button.is-active{border-color:var(--ink);background:var(--ink);color:var(--white)}.tool-panel .button{margin-top:10px}.saved-notice{color:var(--coral-dark);font-size:var(--tool-type-button,.83rem);margin-top:17px;font-weight:800;display:block}.tool-canvas{background-color:#ddd4c6;background-image:linear-gradient(#ffffff59 1px,#0000 1px),linear-gradient(90deg,#ffffff59 1px,#0000 1px);background-size:24px 24px;place-items:center;min-width:0;padding:clamp(24px,5vw,64px);display:grid}.creator-canvas{align-content:start;place-items:stretch stretch;gap:8px;padding:clamp(10px,1.5vw,18px)}.creator-canvas__toolbar{background:#fffdf7e0;border:1px solid #24211e2e;border-radius:13px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;padding:7px 8px;display:flex}.creator-canvas__toolbar .bead-editor-toolbar{flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:6px;min-width:0;margin:0;display:flex}.creator-canvas__toolbar .segmented-control{display:flex}.creator-canvas__toolbar .segmented-control button{min-height:32px;font-size:var(--tool-type-button-compact);padding-inline:9px}.creator-canvas__toolbar .bead-editor-toolbar__history{flex-wrap:nowrap;gap:4px}.creator-canvas__toolbar .bead-editor-toolbar__history .button{min-height:32px;font-size:var(--tool-type-button-compact);letter-spacing:.01em;white-space:nowrap;border-radius:9px;padding-inline:9px}.creator-canvas__display{flex:none;gap:4px;margin-left:auto;display:flex}.creator-canvas__display button{border:1px solid var(--line);background:var(--white);min-height:32px;color:var(--ink);cursor:pointer;font-size:var(--tool-type-button-compact);border-radius:9px;padding:0 9px;font-weight:800}.creator-canvas__display button.is-active{border-color:var(--ink);background:var(--ink);color:var(--white)}.creator-canvas__viewbar{background:#fffdf7d1;border:1px solid #24211e24;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:4px 5px;display:flex}.creator-canvas__viewbar p{min-width:0;color:var(--muted);font-size:var(--tool-type-meta);flex:1;margin:0;line-height:1.35}@media (width<=1360px){.creator-canvas__viewbar{flex-wrap:wrap;justify-content:center}.creator-canvas__viewbar p{display:none}.creator-canvas__display{margin-left:0}}.creator-zoom-controls{flex:none;align-items:center;gap:4px;display:flex}.creator-zoom-controls button,.creator-zoom-controls output{border:1px solid var(--line);background:var(--white);min-width:34px;min-height:28px;color:var(--ink);font:inherit;font-size:var(--tool-type-button-compact);border-radius:8px;place-items:center;padding:0 8px;font-weight:850;display:grid}.creator-zoom-controls button{cursor:pointer}.creator-zoom-controls button:disabled{cursor:not-allowed;opacity:.4}.creator-zoom-controls output{min-width:54px}.creator-zoom-controls .creator-zoom-controls__fit{background:var(--ink);min-width:42px;color:var(--white)}.creator-zoom-controls .creator-fullscreen-toggle{background:var(--blue-soft);color:#31589f;border-color:#31589f;min-width:86px}.creator-canvas__viewport{overscroll-behavior:contain;scrollbar-gutter:stable;background:#d7cdbfc2;border:1px solid #24211e33;border-radius:12px;min-width:0;height:clamp(520px,72vh,820px);overflow:auto}.creator-canvas__viewport:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.creator-canvas__scroll-content{justify-content:flex-start;align-items:flex-start;min-width:100%;min-height:100%;padding:10px;display:flex}.creator-canvas__scroll-content .editable-grid-shell{background:#fff;border-radius:12px;flex:none;margin:auto}.tool-shell--creator .editable-grid-shell .editable-grid{background:0 0}.tool-shell--creator:fullscreen{background:var(--white);width:100vw;height:100vh;min-height:0;box-shadow:none;border:0;border-radius:0;grid-template-columns:280px minmax(420px,1fr) 300px}:is(.tool-shell--creator:fullscreen .tool-panel,.tool-shell--creator:fullscreen .creator-inspector){overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow-y:auto}.tool-shell--creator:fullscreen .creator-canvas{grid-template-rows:auto auto minmax(0,1fr);height:100vh;min-height:0;padding:10px}.tool-shell--creator:fullscreen .creator-canvas__viewport{height:auto;min-height:0}.tool-shell--creator:fullscreen .creator-fullscreen-toggle{border-color:var(--coral-dark);color:var(--coral-dark);background:#f4dfd7}.creator-inspector{border-left:1px solid var(--line);background:#f7f1e7;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.creator-inspector__card{background:#fffdf7db;border:1px solid #24211e2e;border-radius:14px;padding:13px}.creator-inspector__header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.creator-inspector__header .eyebrow{color:var(--coral-dark);font-size:var(--tool-type-meta);letter-spacing:.16em;margin-bottom:6px}.creator-inspector__header h2{font-size:var(--tool-type-card-title);margin:0;line-height:1.1}.creator-inspector__status,.creator-materials__unit{background:var(--blue-soft);color:#31589f;font-size:var(--tool-type-meta);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 8px;font-weight:850}.creator-reference-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.creator-reference-preview{border:1px solid var(--line);background:#eee8dc;border-radius:12px;place-items:center;width:100%;min-height:180px;margin:0;padding:10px;display:grid;overflow:hidden}.creator-reference-preview img{object-fit:scale-down;width:auto;max-width:100%;height:auto;max-height:460px;display:block}.creator-reference-card__hint,.creator-materials__empty{font-size:var(--tool-type-meta);margin:10px 0 0;line-height:1.45}.creator-reference-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.creator-reference-actions .button{min-height:38px;font-size:var(--tool-type-button);cursor:pointer;margin:0;padding-inline:13px}.creator-reference-actions .is-disabled,.creator-reference-actions .text-button:disabled{cursor:not-allowed;opacity:.42}.creator-reference-controls{border-top:1px solid var(--line);gap:11px;margin-top:14px;padding-top:14px;display:grid}.creator-reference-controls .converter-check,.creator-reference-controls .converter-range{margin:0}.creator-reference-empty{background:var(--white);text-align:center;border:1.5px dashed #a69b8e;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;min-height:160px;padding:18px 14px;display:flex}.creator-reference-empty strong{font-family:var(--font-display), "Courier New", monospace;font-size:var(--tool-type-card-title);font-weight:400}.creator-reference-empty span{color:var(--muted);font-size:var(--tool-type-meta);line-height:1.4}.creator-reference-empty__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.creator-reference-empty__actions .button{min-height:38px;font-size:var(--tool-type-button);cursor:pointer;margin:0;padding-inline:13px}.creator-workspace-picker{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.creator-workspace-picker>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.creator-workspace-picker__message{color:var(--muted);font-size:var(--tool-type-meta);text-align:center;margin:0;padding:18px 10px}.creator-workspace-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.creator-workspace-picker__item{border:1px solid var(--line);background:var(--white);cursor:pointer;text-align:left;border-radius:10px;gap:5px;min-width:0;padding:7px;display:grid}.creator-workspace-picker__item:hover,.creator-workspace-picker__item:focus-visible{border-color:var(--ink)}.creator-workspace-picker__item img{aspect-ratio:1;object-fit:cover;background:#eee8dc;border-radius:7px;width:100%;display:block}.creator-workspace-picker__item strong{font-size:var(--tool-type-button);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-workspace-picker__item span{color:var(--coral-dark);font-size:var(--tool-type-meta);font-weight:800}.creator-materials{flex-direction:column;flex:none;min-height:0;display:flex}.creator-materials__header{align-items:flex-end;margin-bottom:10px}.creator-materials__header h2{font-size:var(--tool-type-panel-title);line-height:.9}.creator-materials__unit{color:var(--coral-dark);background:#f4dfd7}.creator-materials__meta{border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--tool-type-meta);justify-content:space-between;gap:10px;padding-bottom:12px;font-weight:750;display:flex}.creator-materials__list{min-height:0;max-height:360px;overflow-y:auto}.creator-materials__row{border-bottom:1px solid #24211e1a;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:55px;padding:9px 0;display:grid}.creator-materials__row>span:nth-child(2){gap:2px;min-width:0;display:grid}.creator-materials__row strong{font-size:var(--tool-type-button)}.creator-materials__row small{color:var(--muted);font-size:var(--tool-type-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-materials__row .material-swatch{width:26px;height:26px}.creator-materials__empty{padding:20px 0 6px}.tool-shell--creator :where(button,.button,.text-button){font-family:var(--font-body), Arial, sans-serif;letter-spacing:0;font-weight:800;line-height:1.2}.tool-shell--creator>.tool-panel .tool-section__actions .button,.tool-shell--creator>.creator-inspector .tool-section__actions .button,.tool-shell--creator .creator-reference-actions .button,.tool-shell--creator .creator-reference-empty__actions .button{min-height:var(--creator-side-action-height);border-radius:10px;padding-inline:14px}.editable-grid{aspect-ratio:1;border:2px solid var(--ink);background:#cfc5b7;border-radius:18px;gap:1px;width:min(100%,650px);padding:12px;display:grid;overflow:hidden;box-shadow:0 18px 44px #24211e2e}.editable-cell{aspect-ratio:1;cursor:pointer;background:#ffffff80;border:0;border-radius:50%;min-width:0;padding:0;box-shadow:inset 0 0 0 1px #24211e14}.editable-cell--filled{box-shadow:inset 0 -2px #0003,inset 0 1px #fff6}.editable-cell:hover:not(:disabled){outline:2px solid var(--ink);z-index:1}.empty-canvas{text-align:center;max-width:420px}.empty-canvas__grid{aspect-ratio:1;background-color:#ffffff80;background-image:linear-gradient(#bbb2a5 1px,#0000 1px),linear-gradient(90deg,#bbb2a5 1px,#0000 1px);background-size:17px 17px;border:1px solid #a99f91;border-radius:20px;width:170px;margin:0 auto 24px}.empty-canvas h2{font-size:var(--tool-type-panel-title,1.8rem);margin-bottom:12px}.seo-outline{grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:94px;display:grid}.seo-outline h2{font-size:clamp(2rem,4vw,3.8rem)}.seo-outline ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.seo-outline li{border-bottom:1px solid var(--line);grid-template-columns:.9fr 1.1fr;gap:20px;padding:24px 0;display:grid}.seo-outline span{color:var(--muted)}.related-pages{grid-template-columns:.78fr 1.22fr;align-items:start;gap:72px;padding-top:94px;display:grid}.related-pages__intro h2{max-width:420px;margin-bottom:16px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02}.related-pages__intro>p:last-child{max-width:360px;color:var(--muted)}.related-pages__list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.related-pages__link{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:18px;padding:26px 0;transition:padding-left .16s;display:grid}.related-pages__link:hover{padding-left:8px}.related-pages__index{color:var(--coral-dark);font-family:var(--font-display), "Courier New", monospace;letter-spacing:.08em;font-size:.95rem;font-weight:400}.related-pages__copy .eyebrow{color:var(--muted);margin-bottom:8px}.related-pages__copy h3{margin:0 0 10px;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.1}.related-pages__copy p{max-width:520px;color:var(--muted);margin:0;font-size:.98rem}.related-pages__cta{white-space:nowrap;padding-top:4px;font-size:.82rem;font-weight:850}.pattern-library-page{background:color-mix(in srgb, var(--white) 58%, var(--paper));min-height:760px;padding:0 0 120px}.pattern-library-shell{width:min(1320px,100% - 40px);margin-inline:auto}.pattern-library-header{border-bottom:1px solid color-mix(in srgb, var(--line) 72%, transparent);justify-content:space-between;align-items:end;gap:40px;padding-block:52px 42px;display:flex}.pattern-library-header__title{align-items:start;gap:20px;display:flex}.pattern-library-header__title>div{min-width:0}.pattern-library-header .eyebrow{margin-bottom:7px}.pattern-library-header h1{letter-spacing:-.01em;margin-bottom:10px;font-size:clamp(2.35rem,4vw,3.7rem);line-height:1}.pattern-library-header p:last-child{max-width:760px;margin-bottom:0;font-size:.95rem}.pattern-library-header>.button{flex:none}.pattern-library-mark{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:3px;width:45px;margin-top:3px;padding:4px;display:grid;transform:rotate(-7deg)}.pattern-library-mark i{border:1.5px solid var(--ink);background:var(--white);border-radius:50%;box-shadow:inset 0 -2px #24211e24}.pattern-library-mark i:nth-child(2),.pattern-library-mark i:nth-child(4),.pattern-library-mark i:nth-child(6),.pattern-library-mark i:nth-child(8){background:var(--yellow)}.pattern-library-mark i:nth-child(5){background:var(--coral)}.pattern-library-layout{grid-template-columns:216px minmax(0,1fr);align-items:start;gap:clamp(42px,5vw,72px);padding-top:46px;display:grid}.pattern-library-sidebar{min-width:0}.pattern-library-nav{gap:24px;display:grid;position:sticky;top:112px}.pattern-library-nav__group{gap:3px;display:grid}.pattern-library-nav__group>p{color:var(--ink);font-family:var(--font-display), sans-serif;letter-spacing:.02em;margin:0 0 6px;font-size:.82rem;font-weight:400}.pattern-library-nav__group>p a{min-height:0;color:var(--ink);font-size:inherit;border-radius:0;padding:0}.pattern-library-nav__sub{margin-left:10px;font-weight:550!important}.pattern-library-nav__group a{min-height:32px;color:var(--muted);border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:5px 9px;font-size:.82rem;font-weight:650;transition:color .15s,background .15s,transform .15s;display:flex}.pattern-library-nav__group a:hover{color:var(--ink);transform:translate(2px)}.pattern-library-nav__group a.is-active{color:#18383a;background:#85bec2;font-weight:850}.pattern-library-nav__group small{color:currentColor;opacity:.65;font-size:.65rem}.pattern-library-results{min-width:0}.pattern-library-results__heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.pattern-library-results__heading .eyebrow{margin-bottom:7px}.pattern-library-results__heading h2{margin-bottom:0;font-size:clamp(1.85rem,3vw,2.8rem);line-height:1.04}.pattern-library-results__heading>span{color:var(--muted);white-space:nowrap;padding-bottom:4px;font-size:.78rem;font-weight:750}.pattern-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 18px;display:grid}.pattern-card--gallery{background:0 0;border:0;border-radius:0;min-width:0;transition:none;overflow:visible}.pattern-card--gallery:hover{box-shadow:none;transform:none}.pattern-card--gallery .pattern-card__preview{aspect-ratio:4/3;background:#e8dfd2;border:1px solid #24211e12;border-radius:15px;place-items:center;padding:19px;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden;box-shadow:0 14px 28px #2f251a1c}.pattern-card--gallery[data-category=original-designs] .pattern-card__preview{background:#dfe9dd}.pattern-card--gallery[data-category=seasonal] .pattern-card__preview{background:#f6dfd1}.pattern-card--gallery[data-category=pokemon] .pattern-card__preview{background:#f3e7c8}.pattern-card--gallery[data-category=games] .pattern-card__preview{background:#dbe6f6}.pattern-card--gallery[data-category=anime] .pattern-card__preview{background:#f3dce4}.pattern-card--gallery[data-category=character-brands] .pattern-card__preview{background:#e6e1cf}.pattern-card--gallery[data-category=movies-tv] .pattern-card__preview{background:#e5dded}.pattern-card--gallery .pattern-card__preview .pixel-pattern{border-radius:10px;width:min(74%,190px);max-width:none;margin:0;box-shadow:0 10px 24px #24211e21}.pattern-card--gallery:hover .pattern-card__preview{transform:translateY(-5px);box-shadow:0 20px 38px #2f251a29}.pattern-card--gallery .pattern-card__body{justify-content:space-between;align-items:start;gap:12px;padding:15px 4px 0;display:flex}.pattern-card__gallery-copy{min-width:0}.pattern-card--gallery .pattern-card__gallery-copy h3{margin-bottom:5px;font-size:1.04rem;line-height:1.2}.pattern-card__gallery-copy p{text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;margin-bottom:0;font-size:.7rem;line-height:1.35;overflow:hidden}.pattern-card__arrow{border:1px solid var(--line);background:var(--white);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.76rem;font-weight:850;transition:border-color .15s,background .15s,transform .15s;display:grid}.pattern-card--gallery:hover .pattern-card__arrow{border-color:var(--ink);background:var(--yellow);transform:rotate(8deg)}.pattern-library-empty{text-align:center;background:#fffdf78c;border:1px dashed #b7ad9f;border-radius:18px;align-content:center;place-items:center;min-height:360px;padding:48px;display:grid}.pattern-library-empty>span{color:var(--coral);margin-bottom:16px;font-size:2rem}.pattern-library-empty h3{margin-bottom:8px;font-size:1.6rem}.pattern-library-empty p{max-width:460px;margin-bottom:24px}.pattern-library-empty--soon{min-height:420px}.pattern-library-empty--soon .eyebrow{color:var(--coral);margin:0 0 10px}.pattern-library-empty__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pattern-browser{min-width:0}.pattern-filters{border:1px solid var(--line);background:var(--white);border-radius:14px;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:10px;display:flex}.pattern-filters__search{border:1px solid var(--line);background:var(--paper);min-height:40px;color:var(--ink);font:inherit;border-radius:9px;flex:220px;padding:0 14px;font-size:.85rem}.pattern-filters__search:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.pattern-filters__select select{border:1px solid var(--line);background:var(--paper);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;padding:0 30px 0 12px;font-size:.8rem;font-weight:700}.pattern-browser__count{color:var(--muted);margin:0 0 22px;font-size:.78rem;font-weight:750}.pattern-browser__more{margin-top:28px}.pattern-locked-preview{place-items:center;display:grid;overflow:hidden}.pattern-locked-preview img{filter:saturate(.86);border-radius:18px;width:100%;height:auto}.pattern-detail-breadcrumbs{flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:.78rem;font-weight:750;display:flex}.pattern-detail-breadcrumbs a{color:var(--muted);text-decoration:none}.pattern-detail-breadcrumbs a:hover{color:var(--ink);text-decoration:underline}.pattern-detail-breadcrumbs a:not(:last-child):after{content:"/";color:var(--line);margin-left:8px}.pattern-detail-tags{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.pattern-detail-tags li{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:4px 11px;font-size:.7rem;font-weight:750}.pattern-detail-license{max-width:520px;color:var(--muted);margin-top:12px;font-size:.75rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pattern-detail-page{padding-block:66px 110px}.pattern-detail-header{justify-content:space-between;align-items:end;gap:40px;display:flex}.pattern-detail-header h1{max-width:900px;margin-bottom:18px;font-size:clamp(2.8rem,5.5vw,5.4rem)}.pattern-detail-actions{flex-wrap:wrap;gap:10px;display:flex}.mode-tabs{border:1px solid var(--line);background:var(--white);border-radius:14px;gap:6px;margin-top:44px;padding:7px;display:flex}.mode-tabs button{cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;min-height:45px;font-weight:850}.mode-tabs button.is-active{background:var(--ink);color:var(--white)}.pattern-mode-panel{border:1px solid var(--line);background:#e7ded0;border-top:0;border-radius:0 0 24px 24px;min-height:600px;padding:clamp(24px,5vw,62px)}.pattern-stage{width:min(100%,640px);margin-inline:auto}.materials-layout{grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.materials-layout h2{font-size:3rem}.material-list{border-top:1px solid #b9afa3}.material-list>div{border-bottom:1px solid #b9afa3;grid-template-columns:32px 1fr auto;align-items:center;gap:14px;min-height:60px;padding:11px 0;display:grid}.material-swatch{border:1px solid #24211e4d;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 -3px #00000029}.project-page{background:#ddd4c6;min-height:calc(100vh - 76px)}.project-workspace{min-height:calc(100vh - 76px)}.project-loading{place-items:center;min-height:600px;display:grid}.project-toolbar{background:var(--white);border-bottom:1px solid #c2b7aa;justify-content:space-between;align-items:center;gap:24px;padding:22px clamp(20px,4vw,56px);display:flex}.back-link{color:var(--muted);margin-bottom:8px;font-size:.76rem;font-weight:800;display:inline-block}.project-title-input{width:min(640px,70vw);color:var(--ink);font-family:var(--font-display);letter-spacing:0;background:0 0;border:0;padding:0;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:400}.project-toolbar p{margin-bottom:0;font-size:.75rem}.project-toolbar__actions{align-items:center;gap:14px;display:flex}.project-toolbar__actions span{color:var(--muted);font-size:.75rem;font-weight:700}.mode-tabs--workspace{width:min(620px,100% - 40px);margin:24px auto}.project-editor-layout{grid-template-columns:210px minmax(0,1fr);gap:28px;width:min(1120px,100% - 40px);margin:0 auto;padding-bottom:70px;display:grid}.project-palette{background:var(--white);border:1px solid #c1b6a8;border-radius:18px;align-self:start;padding:22px}.project-palette p:last-child{margin:18px 0 0;font-size:.77rem}.color-row--vertical{grid-template-columns:repeat(4,1fr);display:grid}.project-grid-stage{background:#cfc5b8;border:1px solid #c1b6a8;border-radius:22px;place-items:center;min-width:0;padding:clamp(22px,4vw,48px);display:grid}.project-materials{background:var(--white);border:1px solid #c1b6a8;border-radius:24px;grid-template-columns:.8fr 1.2fr;gap:80px;width:min(980px,100% - 40px);margin:30px auto 90px;padding:48px;display:grid}.project-materials h1{margin-bottom:12px;font-size:4rem}.project-inventory-summary{margin-top:22px;font-size:.82rem}.material-list--inventory>div{grid-template-columns:32px minmax(0,1fr) auto auto}.material-list--inventory small{color:#776e64;background:#eee7dd;border-radius:999px;padding:4px 7px;font-size:.65rem;font-weight:850}.material-list--inventory small.is-owned{color:#31401f;background:#dcebc0}.guides-page,.guide-detail-page{padding:74px 0 120px}.content-hero h1{margin-bottom:22px;font-size:clamp(3.4rem,7vw,6.4rem)}.content-hero p:last-child{max-width:600px;font-size:1.1rem}.guide-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:60px;display:grid}.guide-card{border:1px solid var(--line);background:var(--white);border-radius:20px;grid-template-rows:auto 1fr;min-height:240px;display:grid;overflow:hidden}.guide-card:hover{border-color:var(--ink);box-shadow:7px 7px 0 var(--ink)}.guide-card__media{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:var(--paper-deep);position:relative;overflow:hidden}.guide-card__media img{object-fit:cover;width:100%;height:100%}.guide-card__body>span{color:var(--coral-dark);font-weight:850}.guide-card h2{margin-bottom:12px;font-size:1.65rem;line-height:1.05}.guide-card p{color:var(--muted);margin-bottom:14px;font-size:.95rem;line-height:1.55}.guide-card strong{font-size:.8rem}.guide-article{max-width:980px}.guide-article>header{max-width:790px}.guide-article h1{margin-bottom:22px;font-size:clamp(3rem,6vw,5.7rem)}.guide-cover{border:1px solid var(--line);background:var(--paper-deep);border-radius:18px;margin:36px 0 0;overflow:hidden}.guide-cover img{width:100%;height:auto;display:block}.guide-toc{border:1px solid var(--line);background:var(--white);border-radius:16px;gap:12px;margin:50px 0;padding:24px;display:grid}.guide-toc a{color:var(--muted)}.guide-sections{border-top:1px solid var(--line)}.guide-sections section{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:24px;padding:44px 0;display:grid}.guide-sections section>span{color:var(--coral-dark);font-weight:850}.guide-sections h2{margin-bottom:18px;font-size:2.4rem}.guide-section-body{gap:16px;max-width:760px;display:grid}.guide-section-body p{color:var(--ink);line-height:1.65}.guide-section-body ul{color:var(--ink);gap:8px;padding-left:1.2rem;line-height:1.55;display:grid}.guide-figure{border:1px solid var(--line);background:var(--paper-deep);border-radius:16px;margin:8px 0 4px;overflow:hidden}.guide-figure img{width:100%;height:auto;display:block}.guide-figure figcaption{color:var(--muted);border-top:1px solid var(--line);background:var(--white);padding:12px 16px;font-size:.85rem}.guide-tip{border-left:4px solid var(--coral);background:#fff8f3;border-radius:0 14px 14px 0;margin:4px 0;padding:16px 18px}.guide-tip strong{color:var(--coral-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;display:block}.guide-tip p{color:var(--ink);margin:0;line-height:1.55}.terminology-note{border:2px solid var(--ink);background:var(--lime);border-radius:20px;margin-top:54px;padding:36px}.terminology-note h2{font-size:2.3rem}.terminology-note p:last-child{color:#3d392f;margin-bottom:0}.simple-page{min-height:620px;padding-block:110px}.simple-page h1{max-width:900px;font-size:clamp(3rem,6vw,5.8rem)}.simple-page>p:last-child{max-width:720px;font-size:1.1rem}.info-page{width:min(100% - 40px,980px)}.info-page__header{max-width:820px}.info-page__header h1{margin-bottom:24px}.info-page__header>p:not(.eyebrow){max-width:720px;font-size:1.08rem}.info-page__content{border-top:1px solid var(--line);max-width:780px;margin-top:72px}.info-page__content section{border-bottom:1px solid var(--line);padding:34px 0}.info-page__content h2{margin-bottom:14px;font-size:clamp(1.65rem,3vw,2.25rem)}.info-page__content p{max-width:720px;margin-bottom:0}.info-page__content a{color:var(--coral-dark);text-underline-offset:3px;font-weight:800;text-decoration:underline}.info-page__contact-card{background:var(--white);padding-inline:clamp(22px,4vw,36px)!important}.auth-page{grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr);align-items:center;gap:clamp(50px,8vw,120px);min-height:calc(100vh - 76px);padding-block:clamp(68px,9vw,120px);display:grid}.auth-page__intro h1{max-width:720px;margin-bottom:24px;font-size:clamp(3rem,6vw,6.2rem)}.auth-page__intro>p:last-child{max-width:590px;font-size:1.08rem}.auth-page__component{place-items:center;min-height:520px;display:grid}.auth-page__component .cl-rootBox,.auth-page__component .cl-cardBox{width:100%}.auth-page__component .cl-card{border:1.5px solid var(--ink);box-shadow:9px 9px 0 var(--ink);border-radius:22px}.auth-configuration-notice{border:1.5px solid var(--ink);background:var(--white);width:100%;box-shadow:9px 9px 0 var(--ink);border-radius:22px;padding:clamp(28px,5vw,48px)}.auth-configuration-notice h2{margin-bottom:16px;font-size:clamp(1.8rem,3vw,2.7rem)}.auth-configuration-notice__keys{gap:8px;margin-top:24px;display:grid}.auth-configuration-notice__keys code{color:var(--ink);overflow-wrap:anywhere;background:#eee7dc;border-radius:8px;padding:11px 13px;font-size:.78rem;display:block}@media (width<=1050px){.site-header__inner{gap:18px}.site-header .brand{gap:8px;font-size:.92rem}.site-header .brand__mark{width:24px;height:24px}.site-nav a{padding-inline:11px}.site-auth__sign-in{display:none}.hero{grid-template-columns:1fr .72fr;gap:50px}.home-hero{grid-template-columns:1fr .72fr;gap:64px}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-card{grid-template-columns:86px minmax(0,1fr)}.workspace-card__preview{width:86px}.workspace-card__open{grid-template-columns:86px minmax(0,1fr)}.pattern-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-shell--creator{grid-template-columns:280px minmax(0,1fr)}.creator-inspector{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;padding:20px;display:grid}.creator-materials{align-self:stretch}.tool-shell--creator:fullscreen{grid-template-columns:240px minmax(0,1fr) 250px}.tool-shell--creator:fullscreen .creator-inspector{border-top:0;border-left:1px solid var(--line);grid-column:auto;padding:14px;display:flex}}@media (width<=820px){.site-header__inner{flex-wrap:wrap;gap:10px 20px;min-height:68px;padding-bottom:10px}.site-auth__sign-in{display:inline-block}.site-nav{scrollbar-width:none;order:3;justify-content:flex-start;width:100%;margin-left:0;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{padding:9px 12px;font-size:.78rem}.site-auth{margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto;padding-block:68px 100px}.hero__visual{width:min(470px,100% - 18px);margin-inline:auto}.home-hero{grid-template-columns:1fr;min-height:auto;padding-block:68px 110px}.home-showcase{width:min(470px,100% - 24px);margin-inline:auto}.home-story__grid,.home-faq{grid-template-columns:1fr}.home-story__grid{gap:18px}.home-faq{gap:42px}.choice-grid,.pattern-grid,.workspace-story__inner,.seo-outline,.materials-layout,.guide-grid,.related-pages{grid-template-columns:1fr}.workspace-story__inner,.seo-outline,.materials-layout,.related-pages{gap:50px}.section-heading--split,.pattern-detail-header{flex-direction:column;align-items:start}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-shell{grid-template-columns:1fr}.tool-shell--creator{--creator-side-action-height:44px;grid-template-columns:1fr}.tool-panel{border-right:0;border-bottom:1px solid var(--line)}.tool-canvas{min-height:520px}.creator-canvas__toolbar{flex-direction:column;align-items:stretch;gap:6px;padding:7px}.creator-canvas__toolbar .bead-editor-toolbar{flex-direction:column;flex-basis:auto;align-items:stretch;gap:6px}.creator-canvas__toolbar .bead-editor-toolbar__history{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.creator-canvas__toolbar .bead-editor-toolbar__history .button,.creator-canvas__display{width:100%}.creator-canvas__display button{flex:1}.creator-canvas__viewbar{align-items:center;padding:5px}.creator-zoom-controls{width:100%}.creator-zoom-controls output{flex:1}.creator-inspector{grid-template-columns:1fr}.tool-shell--creator:fullscreen{grid-template-columns:1fr}:is(.tool-shell--creator:fullscreen .tool-panel,.tool-shell--creator:fullscreen .creator-inspector){display:none}.tool-shell--creator:fullscreen .creator-canvas{height:100vh}.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{border-bottom:1px solid #c8beaf;border-right:0}.workspace-sidebar nav{grid-template-columns:repeat(3,1fr)}.workspace-sidebar__actions{grid-template-columns:repeat(2,1fr);margin-top:24px}.project-editor-layout{grid-template-columns:1fr}.color-row--vertical{grid-template-columns:repeat(8,1fr)}.project-materials{grid-template-columns:1fr;gap:32px}.workspace-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-library-header{align-items:start}.pattern-library-layout{grid-template-columns:1fr;gap:38px;padding-top:32px}.pattern-library-nav{scrollbar-width:none;gap:8px;display:flex;position:static;overflow-x:auto}.pattern-library-nav::-webkit-scrollbar{display:none}.pattern-library-nav__group{display:contents}.pattern-library-nav__group>p{display:none}.pattern-library-nav__group a{border:1px solid var(--line);background:var(--white);white-space:nowrap;flex:none;min-height:38px;padding-inline:13px}.pattern-library-nav__group a:hover{transform:none}.pattern-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-page{grid-template-columns:1fr}.auth-page__component{min-height:0}.site-footer__main{grid-template-columns:1fr;gap:42px}.site-footer__brand>p{max-width:420px}}@media (width<=580px){.section-shell{width:min(100% - 24px,1180px)}.simple-page.info-page{padding-block:72px}.info-page__content{margin-top:48px}.site-header__inner{width:calc(100% - 20px)}.site-auth__sign-in{display:none}.site-auth .button{padding-inline:13px;font-size:.72rem}.hero{padding-top:52px}.hero__actions{display:grid}.hero__actions .button{width:100%}.hero__visual{box-shadow:7px 7px 0 var(--ink)}.hero__visual:before{inset:14px 0 -14px 14px;transform:rotate(-3deg)}.hero__proof{display:grid}.home-hero{padding-top:52px}.home-hero__actions{display:grid}.home-hero__actions .button{width:100%}.home-showcase{box-shadow:8px 8px 0 var(--blue)}.home-showcase__tag{display:none}.hero-reveal{aspect-ratio:4/3}.hero-reveal__image{object-position:70% center}.hero-reveal__hint{display:none}.choice-section,.pattern-section{padding-block:78px}.choice-card{min-height:370px;padding:25px}.pattern-grid{grid-template-columns:1fr}.final-cta{margin-bottom:70px;padding:40px 25px}.final-cta>div{flex-direction:column;align-items:start}.site-footer__inner{width:calc(100% - 24px);padding:46px 0 24px}.site-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.site-footer__bar{flex-direction:column;align-items:start;gap:6px;margin-top:40px}.site-footer__legal{flex-direction:column;align-items:flex-start;gap:6px}.cookie-notice{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px}.cookie-notice__mark{grid-template-columns:repeat(2,15px);width:40px}.cookie-notice__actions{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;width:100%}.cookie-notice__actions .button{width:100%}.tool-page{padding-top:48px}.tool-shell{box-shadow:5px 5px 0 var(--ink);border-radius:20px}.tool-panel{padding:22px}.tool-canvas{min-height:390px;padding:18px}.creator-canvas{gap:6px;padding:8px}.creator-canvas__toolbar .segmented-control{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.creator-canvas__toolbar .segmented-control button{font-size:var(--tool-type-button-compact);padding-inline:4px}.creator-canvas__viewport{height:min(68vh,620px);min-height:400px}.creator-canvas__scroll-content{padding:8px}.editable-grid{border-radius:12px;padding:7px}.pattern-detail-actions{width:100%}.pattern-detail-actions .button{flex:1}.pattern-mode-panel{min-height:440px;padding:15px}.workspace-sidebar nav,.workspace-sidebar__actions{grid-template-columns:1fr}.workspace-content{padding:38px 14px 70px}.workspace-grid,.workspace-colors{grid-template-columns:1fr}.workspace-color-brands{grid-template-columns:repeat(5,minmax(132px,1fr));overflow-x:auto}.workspace-color-library{padding:18px 12px}.workspace-color-library__toolbar{flex-direction:column;align-items:start}.workspace-color-search{width:100%}.workspace-color-grid{grid-template-columns:1fr;max-height:520px}.project-toolbar{flex-direction:column;align-items:start}.project-toolbar__actions{justify-content:space-between;width:100%}.project-title-input{width:100%}.project-editor-layout{width:calc(100% - 20px)}.project-grid-stage{padding:13px}.project-materials{width:calc(100% - 20px);padding:28px 20px}.guide-sections section{grid-template-columns:38px 1fr}.pattern-library-page{padding-bottom:78px}.pattern-library-shell{width:min(100% - 24px,1320px)}.pattern-library-header{flex-direction:column;gap:24px;padding-block:38px 32px}.pattern-library-header__title{gap:12px}.pattern-library-mark{gap:2px;width:37px;padding:3px}.pattern-library-header>.button{width:100%}.pattern-library-nav{margin-inline:-12px;padding:0 12px 8px}.pattern-library-results__heading{flex-direction:column;align-items:start;gap:8px;margin-bottom:22px}.pattern-gallery-grid{grid-template-columns:1fr;gap:34px}.pattern-card--gallery .pattern-card__preview{aspect-ratio:5/4}.pattern-card--gallery .pattern-card__preview .pixel-pattern{width:min(67%,230px)}.pattern-library-empty{min-height:320px;padding:34px 22px}}@media (prefers-reduced-motion:reduce){.pattern-library-nav__group a,.pattern-card--gallery .pattern-card__preview,.pattern-card__arrow,.brand__mark,.site-header,.site-nav a,.site-footer__group a{transition:none}}[data-page-system]{isolation:isolate;position:relative}.page-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.page-atmosphere+*,[data-page-system]>:not(.page-atmosphere){z-index:1;position:relative}[data-page-system=workshop]{background:linear-gradient(180deg, #f2ebdfa6 0, transparent 220px), var(--paper)}.page-atmosphere--workshop .page-atmosphere__peg-grid{opacity:.35;background-image:linear-gradient(#24211e0b 1px,#0000 1px),linear-gradient(90deg,#24211e0b 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 55%);mask-image:linear-gradient(#000 0%,#0000 55%)}.page-atmosphere--workshop .page-atmosphere__ruler{opacity:.45;background:repeating-linear-gradient(90deg,#24211e24 0 1px,#0000 1px 12px);position:absolute}.page-atmosphere__ruler--top{height:8px;top:72px;left:4%;right:4%}.page-atmosphere__ruler--left{background:repeating-linear-gradient(#24211e24 0 1px,#0000 1px 12px);width:8px;top:120px;bottom:80px;left:max(12px,50% - 620px)}.tool-page__hero{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:center;gap:clamp(40px,6vw,86px);margin-bottom:58px;display:grid}.tool-page__hero-copy h1{max-width:850px}.tool-page__hero-copy>p:last-child{margin-bottom:0}.tool-page__hero-visual{border:2px solid var(--ink);background:var(--white);box-shadow:9px 9px 0 var(--ink);border-radius:28px;margin:0;overflow:hidden}.tool-page__hero--converter .tool-page__hero-visual{border-top-color:var(--blue)}.tool-page__hero--creator .tool-page__hero-visual{border-top-color:var(--coral)}.tool-page__hero-photo{object-fit:cover;width:100%;height:250px;display:block}.tool-page__hero--converter .tool-page__hero-photo{object-position:47% center}.tool-page__hero--creator .tool-page__hero-photo{object-position:52% center}.tool-page__hero-visual figcaption{background:var(--white);border-top:1px solid #24211e24}.tool-page__workflow{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tool-page__workflow li{border-right:1px solid #24211e24;gap:2px;min-width:0;padding:13px 14px 15px;display:grid}.tool-page__workflow li:last-child{border-right:0}.tool-page__workflow span{color:var(--coral-dark);letter-spacing:.1em;font-size:.64rem;font-weight:850}.tool-page__workflow strong{font-family:var(--font-display), monospace;font-size:.92rem;font-weight:400}.tool-workbench{border-top:1px solid #24211e2e;border-bottom:1px solid #24211e2e;margin-bottom:88px;padding:54px 0 64px;position:relative}.tool-workbench--converter{background-color:#dfe8f5}.tool-workbench--creator{background-color:#f0ded1}.tool-workbench .tool-shell{box-shadow:12px 12px #24211eeb}[data-page-system=gallery]{background:radial-gradient(900px 420px at 92% 0%, #85bec224, transparent 70%), color-mix(in srgb, var(--white) 58%, var(--paper))}.page-atmosphere--gallery .page-atmosphere__sample-board{opacity:.5;border:2px dashed #24211e1f;border-radius:14px;width:120px;height:120px;position:absolute;top:140px;left:max(16px,50% - 640px);transform:rotate(-6deg)}.page-atmosphere--gallery .page-atmosphere__index-tabs{font-family:var(--font-display), monospace;opacity:.45;gap:4px;font-size:.68rem;display:flex;position:absolute;top:88px;right:max(24px,50% - 600px)}.page-atmosphere__index-tabs i{background:var(--white);border:1px solid #24211e33;border-radius:6px;place-items:center;width:22px;height:22px;font-style:normal;display:grid}[data-page-system=manual]{background:linear-gradient(#24211e06 1px, transparent 1px), linear-gradient(90deg, #24211e06 1px, transparent 1px), var(--paper);background-size:24px 24px,24px 24px,auto}.page-atmosphere--manual .page-atmosphere__margin-line{background:#ff6b4a38;width:1px;position:absolute;top:0;bottom:0;left:max(24px,50% - 500px)}.page-atmosphere--manual .page-atmosphere__page-corner{border:1.5px solid var(--ink);font-family:var(--font-display), monospace;opacity:.4;background:var(--white);border-radius:8px;padding:6px 10px;font-size:.72rem;position:absolute;top:86px;right:max(24px,50% - 520px)}.guides-page,.guide-detail-page{position:relative}.guide-card{transition:border-color .15s,box-shadow .15s}.guide-card--coral{border-top:4px solid var(--coral)}.guide-card--blue{border-top:4px solid var(--blue)}.guide-card--lime{border-top:4px solid var(--lime)}.guide-card--yellow{border-top:4px solid var(--yellow)}.guide-card--pink{border-top:4px solid var(--pink)}.guide-card--ink{border-top:4px solid var(--ink)}.guide-card__photo{object-fit:cover;width:100%;height:100%;display:block}.guide-card__body>span{font-family:var(--font-display), monospace}.guide-card__body{grid-template-columns:1fr;align-content:start;gap:10px;padding:24px 28px 28px;display:grid}.guide-card h2{margin:0 0 10px;font-size:1.45rem;line-height:1.15}.guide-card p{margin:0 0 12px;font-size:.92rem}.guide-cover{z-index:1;pointer-events:none;display:grid;position:absolute;inset:0}.guide-cover--card{grid-template-rows:1fr auto;align-content:stretch;padding:18px}.guide-cover__grid{opacity:.55;background-image:linear-gradient(#24211e0f 1px,#0000 1px),linear-gradient(90deg,#24211e0f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.guide-cover--coral{background:linear-gradient(145deg,#ff6b4a38,#0000 62%)}.guide-cover--blue{background:linear-gradient(145deg,#5f8ef03d,#0000 62%)}.guide-cover--lime{background:linear-gradient(145deg,#cce86a59,#0000 62%)}.guide-cover--yellow{background:linear-gradient(145deg,#f7c95b59,#0000 62%)}.guide-cover--pink{background:linear-gradient(145deg,#f7a1bd52,#0000 62%)}.guide-cover--ink{background:linear-gradient(145deg,#24211e1f,#0000 62%)}.guide-cover__swatches{gap:5px;display:flex;position:absolute;bottom:14px;right:14px}.guide-cover__swatches i{border:1.5px solid var(--ink);border-radius:50%;width:14px;height:14px;box-shadow:inset 0 -2px #0000001f}.guide-cover__label{border:1.5px solid var(--ink);max-width:75%;font-family:var(--font-display), monospace;background:#fffdf7eb;border-radius:10px;place-self:end start;padding:8px 12px;font-size:.72rem;line-height:1.2}.guide-article__tool-link{margin-top:22px}.guide-hero-image{border:1px solid var(--line);background:var(--paper-deep);border-radius:18px;margin:36px 0 0;overflow:hidden}.guide-hero-image img{width:100%;height:auto;display:block}.guide-toc strong{font-family:var(--font-display), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem}.guide-toc a{font-size:.92rem;font-weight:650}.guide-toc a:hover{color:var(--ink)}.guide-step{border-bottom:1px solid var(--line);padding:44px 0;display:block}.guide-sections .guide-step{grid-template-columns:unset;gap:0;display:block}.guide-article>header p{max-width:720px;line-height:1.6}.guide-article h1{line-height:1.05}.guide-article__meta{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:.78rem;font-weight:700;display:flex}.guide-article__meta span+span:before{content:"·";margin-right:18px}.guide-step__content h2{margin-bottom:18px;font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.12}.guide-step__body{gap:16px;max-width:760px;display:grid}.guide-step__body p{color:var(--ink);margin:0;line-height:1.65}.guide-step__body ul{color:var(--ink);gap:8px;margin:0;padding-left:1.2rem;line-height:1.55;display:grid}.guide-callout{border-radius:0 14px 14px 0;margin:4px 0;padding:16px 18px}.guide-callout strong{letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;display:block}.guide-callout__body p{color:var(--ink);margin:0;line-height:1.55}.guide-callout--tip{border-left:4px solid var(--coral);background:#fff8f3}.guide-callout--tip strong{color:var(--coral-dark)}.guide-callout--avoid{background:#fff5f5;border-left:4px solid #c44}.guide-callout--avoid strong{color:#922}.guide-callout--why{border-left:4px solid var(--blue);background:var(--blue-soft)}.guide-callout--why strong{color:#2a4a8a}.guide-cta{border:1.5px solid var(--ink);background:var(--white);border-radius:16px;gap:14px;margin:12px 0;padding:20px 22px;display:grid}.guide-cta p{color:var(--muted);margin:0;font-size:.92rem}.guide-sources{border:1px solid var(--line);background:var(--white);border-radius:18px;margin-top:54px;padding:30px}.guide-sources h2{margin:7px 0 18px;font-size:clamp(1.55rem,3vw,2.15rem)}.guide-sources ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.guide-sources li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.guide-sources a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:4px;font-weight:800}.guide-sources li span{color:var(--muted);white-space:nowrap;font-size:.76rem}.guide-pager{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:18px;margin-top:54px;padding-top:28px;display:grid}.guide-pager__link{border:1px solid var(--line);background:var(--white);border-radius:14px;gap:6px;padding:18px 20px;transition:border-color .15s,transform .15s;display:grid}.guide-pager__link:hover{border-color:var(--ink);transform:translateY(-2px)}.guide-pager__link span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.guide-pager__link strong{font-family:var(--font-body), sans-serif;font-size:.95rem;font-weight:750;line-height:1.35}.guide-pager__link--next{text-align:right}.process-strip{flex-wrap:wrap;gap:8px;margin:28px 0 0;display:flex}.process-strip span{border:1px solid var(--line);background:var(--white);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;display:inline-flex}.process-strip i{font-family:var(--font-display), monospace;color:var(--coral-dark);font-style:normal}.process-strip strong{color:var(--ink);font-weight:750}.material-swatches{align-items:center;gap:12px;margin-top:18px;display:flex}.material-swatches__label{font-family:var(--font-display), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.material-swatches__chips{gap:6px;display:flex}.material-swatches__chips i{border:1.5px solid var(--ink);border-radius:50%;width:18px;height:18px;box-shadow:inset 0 -2px #00000024}.pattern-library-empty--catalog{border-style:solid;border-color:color-mix(in srgb, var(--line) 80%, var(--ink));background:linear-gradient(#fffdf7eb,#ece4d58c),repeating-linear-gradient(90deg,#24211e0a 0 1px,#0000 1px 28px);min-height:420px}.pattern-library-empty__visual{margin-bottom:22px}.pattern-library-empty__board{border:2px solid var(--ink);background:#e8dfd2;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:5px;width:88px;padding:8px;display:grid;transform:rotate(-4deg);box-shadow:6px 6px #24211e1f}.pattern-library-empty__board i{aspect-ratio:1;background:var(--white);border:1.5px solid #24211e59;border-radius:50%}.pattern-library-empty__board i:nth-child(3n){background:var(--yellow)}.pattern-library-empty__board i:nth-child(5n){background:var(--coral)}.pattern-library-empty__board i:nth-child(7n){background:var(--blue)}.pattern-library-empty--catalog .eyebrow{color:var(--ink);margin:0 0 10px}@media (prefers-reduced-motion:reduce){.guide-card,.guide-pager__link,.pattern-card--gallery .pattern-card__preview{transition:none}.guide-pager__link:hover,.pattern-card--gallery:hover .pattern-card__preview{transform:none}}@media (width<=820px){.page-atmosphere__ruler--left,.page-atmosphere--gallery .page-atmosphere__sample-board,.page-atmosphere--manual .page-atmosphere__page-corner{display:none}.tool-page__hero{grid-template-columns:1fr;gap:28px;margin-bottom:42px}.tool-page__hero-visual{width:min(100%,620px)}.tool-page__hero-photo{height:clamp(190px,52vw,300px)}.tool-workbench{margin-bottom:64px;padding:28px 0 38px}.guide-grid,.guide-pager{grid-template-columns:1fr}.guide-pager__link--next{text-align:left}.guide-article__meta{display:grid}.guide-article__meta span+span:before{content:none}.guide-sources li{gap:4px;display:grid}}.converter-file-drop{position:relative;overflow:hidden}.converter-file-drop.has-image{min-height:210px;color:var(--white);isolation:isolate;justify-content:flex-end}.converter-file-drop.has-image:after{content:"";z-index:-1;background:linear-gradient(#0000,#181715e0);position:absolute;inset:42% 0 0}.converter-file-drop img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.converter-file-drop.has-image span{color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-shell--converter .field select{border:1px solid var(--line);background:var(--white);width:100%;min-height:46px;color:var(--ink);font:inherit;border-radius:10px;padding:0 13px}.converter-settings-group{border:0;min-width:0;margin:0 0 22px;padding:0}.converter-settings-group legend{width:100%;font-size:var(--tool-type-meta,.77rem);letter-spacing:.08em;text-transform:uppercase;margin-bottom:11px;font-weight:800}.converter-settings-group>p{color:var(--muted);font-size:var(--tool-type-meta);line-height:1.45}.converter-range{gap:6px;margin-bottom:12px;display:grid}.converter-range>span{color:var(--muted);font-size:var(--tool-type-meta,.73rem);justify-content:space-between;gap:18px;font-weight:750;display:flex}.converter-range output{color:var(--ink);font-variant-numeric:tabular-nums}.converter-range input{width:100%;accent-color:var(--coral)}.converter-range input[type=number]{border:1px solid var(--line);background:var(--white);min-height:42px;color:var(--ink);border-radius:9px;padding:0 11px}.converter-check{color:var(--muted);font-size:var(--tool-type-body,.73rem);align-items:flex-start;gap:8px;margin-bottom:12px;line-height:1.4;display:flex}.converter-check input{accent-color:var(--coral);margin-top:2px}.converter-background-actions{align-items:center;gap:9px;margin-bottom:12px;display:flex}.converter-background-actions .button{min-height:38px;font-size:var(--tool-type-button-compact,.68rem);margin:0;padding:8px 11px}.converter-background-actions .button.is-active{border-color:var(--coral);color:var(--coral-dark)}.converter-background-actions i{border:2px solid var(--white);outline:1px solid var(--line);border-radius:50%;width:30px;height:30px}.converter-reset{font-size:var(--tool-type-button-compact,.72rem);padding:0}.converter-canvas{grid-template-rows:auto auto auto;align-content:start;place-items:stretch stretch;gap:18px;min-height:760px;padding:22px;position:relative}.tool-shell--converter .color-row{max-height:154px;padding:4px;overflow:auto}.converter-canvas__header{background:#fffdf7db;border:1px solid #24211e2e;border-radius:13px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:10px 12px;display:flex}.converter-canvas__header .eyebrow{margin-bottom:3px}.converter-canvas__header strong{font-size:var(--tool-type-body,.86rem)}.converter-view-modes{background:#24211e12;border-radius:9px;gap:4px;padding:4px;display:flex}.converter-view-modes button{min-height:32px;color:var(--muted);font-size:var(--tool-type-button-compact,.7rem);background:0 0;border:0;border-radius:6px;padding:0 11px;font-weight:800}.converter-view-modes button.is-active{background:var(--white);color:var(--ink);box-shadow:0 1px 4px #24211e1a}.converter-zoom{align-items:center;gap:5px;display:flex}.converter-zoom button,.converter-zoom output{border:1px solid var(--line);background:var(--white);min-width:34px;min-height:32px;color:var(--ink);font-size:var(--tool-type-button-compact,.72rem);border-radius:8px;place-items:center;padding:0 8px;font-weight:800;display:grid}.converter-zoom button{cursor:pointer}.converter-zoom button:disabled{cursor:default;opacity:.45}.converter-pattern-frame{justify-content:center;align-items:flex-start;min-width:0;min-height:0;padding:20px;display:flex;overflow:auto}.converter-opacity-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 12px;display:grid}.converter-opacity-controls label{color:var(--muted);font-size:var(--tool-type-meta,.68rem);grid-template-columns:auto minmax(70px,1fr) 40px;align-items:center;gap:8px;font-weight:750;display:grid}.converter-opacity-controls input{width:100%;accent-color:var(--coral)}.converter-opacity-controls output{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.converter-compare-stage{width:min(calc(100% * var(--pattern-zoom)), calc(980px * var(--pattern-zoom)));flex:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.converter-pattern-frame--overlay .converter-compare-stage{grid-template-columns:minmax(0,1fr);gap:0}.converter-pattern-frame--overlay .converter-compare-pane{grid-area:1/1}.converter-compare-pane{background-color:#eeeae2;background-image:linear-gradient(45deg,#24211e0f 25%,#0000 25%),linear-gradient(-45deg,#24211e0f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#24211e0f 75%),linear-gradient(-45deg,#0000 75%,#24211e0f 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #24211e3d;width:100%;min-width:0;transition:opacity .12s;position:relative;overflow:hidden}.converter-compare-pane>span{z-index:4;color:var(--white);font-size:var(--tool-type-meta);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:#24211ec7;border-radius:5px;padding:5px 7px;font-weight:850;position:absolute;top:8px;left:8px}.converter-source-pane button{background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.converter-source-pane img{object-fit:contain;width:100%;height:100%;display:block}.converter-pattern-pane .editable-grid{width:100%;max-width:none;height:100%;box-shadow:none;border-radius:0;padding:0}.converter-pattern-pane .editable-grid-shell--coordinates .editable-grid,.converter-compare-stage--coordinates .converter-source-pane button{padding:12px}.converter-pattern-frame.is-picking-background .converter-source-pane button{cursor:crosshair;box-shadow:inset 0 0 0 3px var(--coral)}.converter-pattern-frame.is-picking-background .converter-pattern-pane{pointer-events:none}.editable-grid--no-grid{gap:0}.editable-grid--no-grid .editable-cell{box-shadow:none;border-radius:0}.editable-grid--codes .editable-cell{place-items:center;display:grid;position:relative}.converter-loading{background:var(--ink);color:var(--white);font-size:var(--tool-type-meta,.72rem);border-radius:999px;margin:0;padding:8px 11px;font-weight:800;position:absolute;bottom:24px;right:28px}.converter-inspector{border-left:1px solid var(--line);background:#fffdf7;min-width:0;padding:28px 22px}.converter-inspector h2{font-size:var(--tool-type-panel-title,1.45rem);margin-bottom:22px}.converter-stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px;padding-bottom:20px;display:grid}.converter-stats div{gap:3px;min-width:0;display:grid}.converter-stats strong{font-family:var(--font-display);font-size:var(--tool-type-panel-title);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.converter-stats span{color:var(--muted);font-size:var(--tool-type-meta,.62rem);text-transform:uppercase;font-weight:750}.converter-material-list{max-height:360px;margin-bottom:24px;overflow:auto}.converter-cleanup-card{border:1px solid var(--line);background:#f6f2e9;border-radius:11px;margin-bottom:20px;padding:14px}.converter-cleanup-card strong{font-size:var(--tool-type-body,.77rem)}.converter-cleanup-card p{color:var(--muted);font-size:var(--tool-type-meta,.67rem);margin:6px 0 11px;line-height:1.45}.converter-cleanup-card .button{min-height:38px;font-size:var(--tool-type-button,.66rem);margin:0;padding:8px 10px}.converter-material-list>div{border-bottom:1px solid var(--line);grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:45px;padding:7px 0;display:grid}.converter-material-list i{border:1px solid #24211e47;border-radius:50%;width:23px;height:23px;box-shadow:inset 0 -2px #00000029}.converter-material-list span{min-width:0;display:grid}.converter-material-list b{font-size:var(--tool-type-button,.75rem)}.converter-material-list small,.converter-material-list>p,.converter-inspector__note{color:var(--muted);font-size:var(--tool-type-meta,.67rem);line-height:1.45}.converter-material-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.converter-material-list>div>strong{font-size:var(--tool-type-button,.76rem)}.converter-export-actions{gap:8px;display:grid}.converter-export-actions .button{margin:0}.converter-inspector__note{margin:15px 0 0}.converter-export-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1917159e;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.converter-export-dialog{background:var(--white);border-radius:18px;outline:0;width:min(100%,560px);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 24px 80px #19171557}.converter-export-dialog>header,.converter-export-dialog>footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.converter-export-dialog h2{font-size:var(--tool-type-panel-title,1.55rem);margin:0}.converter-dialog-close{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:0 0;border-radius:50%;font-size:1.4rem}.converter-export-tabs{margin:22px 0 18px}.converter-export-options{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:16px;display:grid}.converter-export-options legend{font-size:var(--tool-type-meta,.72rem);padding:0 6px;font-weight:850}.converter-export-options label{color:var(--muted);font-size:var(--tool-type-body,.74rem);align-items:center;gap:8px;display:flex}.converter-export-options input{accent-color:var(--coral)}.converter-print-note{color:#844326;font-size:var(--tool-type-meta,.7rem);background:#fff1e6;border-radius:8px;margin:-7px 0 20px;padding:10px 12px}.converter-export-dialog>footer{justify-content:flex-end}.converter-export-dialog>footer .button{margin:0}@media (width<=1050px){.tool-shell--converter{grid-template-columns:310px minmax(0,1fr)}.converter-inspector{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;padding:24px 28px}.converter-material-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;max-height:240px;display:grid}.converter-export-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.tool-shell--converter{grid-template-columns:1fr}.converter-canvas{min-height:620px}.converter-compare-stage{grid-template-columns:minmax(0,1fr)}.converter-inspector{grid-column:auto}}@media (width<=580px){.converter-canvas{min-height:470px}.converter-canvas__header{flex-direction:column;align-items:flex-start}.converter-view-modes,.converter-zoom{width:100%}.converter-view-modes button{flex:1}.converter-zoom{width:100%}.converter-zoom output{flex:1}.converter-pattern-frame{padding:6px}.converter-opacity-controls{grid-template-columns:1fr;gap:8px}.converter-compare-stage{width:calc(100% * var(--pattern-zoom))}.converter-material-list,.converter-export-actions{grid-template-columns:1fr}.converter-export-backdrop{place-items:end stretch;padding:10px}.converter-export-dialog{border-radius:16px 16px 10px 10px;width:min(100%,100vw - 20px);max-height:calc(100dvh - 20px);margin-inline:auto;padding:20px}.converter-export-options{grid-template-columns:1fr}}@media (width<=820px){.tool-shell--converter{grid-template-columns:1fr}.converter-inspector{order:3}.bead-editor-toolbar .segmented-control{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool-shell--converter{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;align-items:start;gap:14px;overflow:visible}.tool-shell--converter>.tool-panel,.tool-shell--converter>.converter-canvas,.tool-shell--converter>.converter-inspector{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:22px;overflow:hidden}.tool-shell--converter>.tool-panel{border-right:2px solid var(--ink)}.tool-shell--converter>.converter-inspector{border-left:2px solid var(--ink)}.converter-canvas{align-self:start;height:clamp(520px,68dvh,680px);min-height:0;padding:16px;display:block;position:sticky;top:88px}.converter-canvas--empty{place-items:center;height:clamp(420px,55dvh,560px);display:grid}.converter-canvas--empty .empty-canvas{padding:24px}.converter-canvas--empty .empty-canvas .button{margin-top:18px}.converter-workbench{flex-direction:column;gap:12px;width:100%;min-width:0;height:100%;min-height:0;display:flex}.converter-canvas__header{flex:none;gap:8px}.converter-canvas__title{margin-right:auto}.converter-zoom{flex-wrap:wrap}.converter-zoom output{min-width:54px}.converter-opacity-controls{flex:none}.converter-preview-viewport{background-color:#eeeae2b8;background-image:linear-gradient(#ffffff6b 1px,#0000 1px),linear-gradient(90deg,#ffffff6b 1px,#0000 1px);background-size:24px 24px;border:1px solid #24211e33;border-radius:16px;outline:0;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.converter-preview-viewport:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.converter-preview-viewport.is-moving{touch-action:none;cursor:grab}.converter-preview-viewport.is-moving:active{cursor:grabbing}.converter-compare-stage{box-sizing:border-box;transform-origin:50%;will-change:transform;background:#eeeae2;border:1px solid #24211e47;border-radius:14px;grid-template-rows:minmax(0,1fr);display:grid;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 18px 44px #24211e2e;grid-template-columns:minmax(0,1fr)!important;gap:0!important}.converter-compare-pane{border:0;grid-area:1/1;width:100%;height:100%;transition:opacity .12s}.converter-source-pane{z-index:1}.converter-pattern-pane{z-index:2}.converter-pattern-pane .editable-grid-shell,.converter-pattern-pane .editable-grid{width:100%;max-width:none;height:100%}.converter-compare-stage.is-picking-background .converter-source-pane{z-index:5;cursor:crosshair;box-shadow:inset 0 0 0 3px var(--coral)}.converter-compare-stage.is-picking-background .converter-pattern-pane{pointer-events:none}.converter-mobile-focus-hit{display:none}.converter-focus-placeholder{height:100%;color:var(--muted);font-size:var(--tool-type-meta,.78rem);place-items:center;display:grid}.converter-focus-dialog{background:#d8cec0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:14px;overflow:hidden}.converter-focus-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#181614bd}.converter-workbench--focus{background-color:#ddd4c6;background-image:linear-gradient(#ffffff57 1px,#0000 1px),linear-gradient(90deg,#ffffff57 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #24211e3d;border-radius:18px;padding:14px}.converter-focus-tools{background:#fffdf7e6;border:1px solid #24211e2e;border-radius:13px;flex:none;align-items:center;gap:14px;padding:9px 12px;display:flex}.converter-focus-tools .bead-editor-toolbar{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;margin:0}.converter-focus-tools>p{max-width:260px;font-size:var(--tool-type-meta,.68rem);margin:0;line-height:1.4}@media (width<=820px){.tool-shell--converter{overflow:visible}.tool-shell--converter>.tool-panel,.tool-shell--converter>.converter-canvas,.tool-shell--converter>.converter-inspector{box-shadow:5px 5px 0 var(--ink);border-radius:18px}.converter-canvas,.converter-canvas--empty{height:clamp(430px,70dvh,560px);min-height:0;position:relative;top:auto}.converter-mobile-focus-hit{z-index:30;cursor:zoom-in;background:0 0;border:0;place-items:end center;padding:16px;display:grid;position:absolute;inset:0}.converter-mobile-focus-hit span{color:var(--white);font-size:var(--tool-type-button-compact,.72rem);background:#24211ed6;border-radius:999px;padding:9px 12px;font-weight:800}.converter-focus-dialog{padding:0}.converter-workbench--focus{border:0;border-radius:0;padding:8px}.converter-workbench--focus .converter-canvas__header{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.converter-workbench--focus .converter-canvas__title,.converter-workbench--focus .converter-zoom{grid-column:1/-1;width:100%}.converter-workbench--focus .converter-view-modes{width:100%}.converter-focus-tools{flex-direction:column;align-items:stretch;max-height:150px;overflow-y:auto}.converter-focus-tools .bead-editor-toolbar{grid-template-columns:1fr}.converter-focus-tools>p{display:none}}@media (width<=580px){.converter-canvas{padding:10px}.converter-canvas__header{flex-direction:row}.converter-canvas__title{width:100%}.converter-view-modes,.converter-zoom{flex:auto;width:auto}.converter-view-modes button{flex:1}.converter-opacity-controls{padding-inline:2px}}@media (prefers-reduced-motion:reduce){.converter-compare-pane{transition:none}}.tool-shell--converter{grid-template-columns:285px minmax(0,1fr) 290px;gap:16px}.tool-shell--converter>.converter-palette-panel,.tool-shell--converter>.converter-inspector{max-height:calc(100dvh - 108px);position:sticky;top:88px;overflow-y:auto}.tool-shell--converter>.converter-palette-panel{padding:24px 20px}.converter-palette-panel h2,.converter-inspector h2{margin-bottom:8px}.converter-panel-intro{color:var(--muted);font-size:var(--tool-type-meta,.72rem);margin:0 0 20px;line-height:1.5}.converter-file-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.converter-main{align-content:start;gap:12px;min-width:0;display:grid}.converter-upload-stage{border:2px solid var(--ink);min-height:clamp(470px,65dvh,650px);box-shadow:6px 6px 0 var(--ink);background-color:#ddd4c6;background-image:linear-gradient(#ffffff57 1px,#0000 1px),linear-gradient(90deg,#ffffff57 1px,#0000 1px);background-size:24px 24px;border-radius:22px;align-content:center;place-items:center;gap:14px;padding:clamp(20px,4vw,48px);display:grid}.converter-upload-stage>p{color:var(--muted);font-size:var(--tool-type-meta,.75rem);margin:0}.converter-upload-card{isolation:isolate;text-align:center;cursor:pointer;background:#fffdf7e6;border:2px dashed #24211e8c;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(100%,580px);min-height:300px;padding:32px;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.converter-upload-card:hover{border-color:var(--coral-dark);transform:translateY(-2px)}.converter-upload-card:focus-within{outline:3px solid var(--blue);outline-offset:3px}.converter-upload-card.has-image{min-height:390px;color:var(--white);justify-content:flex-end}.converter-upload-card.has-image:after{content:"";z-index:-1;background:linear-gradient(#0000,#181715e0);position:absolute;inset:42% 0 0}.converter-upload-card img{z-index:-2;object-fit:contain;background:#cfc5b7}.converter-upload-card strong{font-family:var(--font-display);font-size:var(--tool-type-card-title,clamp(1.1rem, 2vw, 1.5rem))}.converter-upload-card>span:last-child{max-width:100%;color:inherit;font-size:var(--tool-type-meta,.76rem);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.converter-upload-icon{border:2px solid var(--ink);background:var(--yellow);width:58px;height:58px;box-shadow:3px 3px 0 var(--ink);border-radius:18px;place-items:center;font-size:2rem;display:grid}.converter-remove-image{color:#9c3829}.converter-quick-settings{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fffdf7;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.converter-quick-settings .field{margin:0}.converter-export-summary,.converter-source-bar{border:1px solid var(--line);background:#fffdf7eb;border-radius:13px;padding:12px 16px}.converter-export-summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.converter-export-summary div{gap:3px;min-width:0;display:grid}.converter-export-summary span,.converter-export-summary p,.converter-source-bar{color:var(--muted);font-size:var(--tool-type-meta,.7rem)}.converter-export-summary strong{color:var(--ink);font-size:var(--tool-type-body,.86rem);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.converter-export-summary p{margin:0}.converter-source-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.converter-source-bar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.converter-source-bar div{flex:none;gap:12px;display:flex}.converter-source-bar .text-button{font-size:var(--tool-type-button,.7rem);padding:0}.converter-main .converter-canvas{border:2px solid var(--ink);height:clamp(520px,68dvh,680px);box-shadow:6px 6px 0 var(--ink);border-radius:22px;position:relative;top:auto}.converter-canvas__header{flex-wrap:wrap;gap:8px}.converter-canvas__title{flex:auto;min-width:max-content}.converter-header-actions,.converter-preview-tools,.converter-preview-mode-control{align-items:center;display:flex}.converter-header-actions{flex:none;gap:8px}.converter-preview-tools{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;width:100%;padding-top:9px}.converter-preview-mode-control{gap:8px;min-width:0}.converter-preview-mode-control>span{color:var(--muted);font-size:var(--tool-type-meta,.62rem);letter-spacing:.07em;text-transform:uppercase;font-weight:850}.converter-view-modes button,.converter-zoom button,.converter-zoom output{min-width:38px;min-height:38px}.converter-close-focus,.converter-view-menu>summary,.converter-view-menu button{border:1px solid var(--line);background:var(--white);min-height:38px;color:var(--ink);font-size:var(--tool-type-button-compact,.7rem);cursor:pointer;border-radius:8px;padding:0 11px;font-weight:800}.converter-view-menu{position:relative}.converter-view-menu>summary{justify-content:space-between;align-items:center;gap:10px;min-width:138px;list-style:none;display:flex}.converter-view-menu>summary:after{content:"▾";color:var(--muted);font-size:var(--tool-type-meta,.68rem)}.converter-view-menu[open]>summary:after{transform:rotate(180deg)}.converter-view-menu>summary small{color:var(--muted);font-size:var(--tool-type-meta,.58rem);margin-left:auto;font-weight:750}.converter-view-menu>summary::-webkit-details-marker{display:none}.converter-view-menu>.converter-view-menu__panel{z-index:60;border:1px solid var(--line);background:var(--white);border-radius:11px;gap:5px;width:248px;padding:8px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 12px 28px #24211e2e}.converter-view-menu__panel>p{color:var(--muted);font-size:var(--tool-type-meta,.58rem);letter-spacing:.08em;text-transform:uppercase;margin:2px 4px 5px;font-weight:850}.converter-view-menu__panel>button{text-align:left;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:50px;padding:7px 8px;display:flex}.converter-view-menu__panel>button.is-active{background:#24211e14}.converter-view-menu__panel button>span{gap:2px;min-width:0;display:grid}.converter-view-menu__panel button strong{font-size:var(--tool-type-button-compact,.7rem)}.converter-view-menu__panel button span small{color:var(--muted);font-size:var(--tool-type-meta,.58rem);font-weight:650}.converter-view-menu__panel button>i{background:#24211e1f;border:1px solid #24211e47;border-radius:999px;flex:none;width:30px;height:18px;position:relative}.converter-view-menu__panel button>i:after{content:"";background:var(--white);border-radius:50%;width:12px;height:12px;transition:transform .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #24211e33}.converter-view-menu__panel button.is-active>i{border-color:var(--ink);background:var(--ink)}.converter-view-menu__panel button.is-active>i:after{transform:translate(12px)}.converter-view-menu__panel>.converter-fit-image{border-top:1px solid var(--line);text-align:center;border-radius:0 0 7px 7px;justify-content:center;min-height:36px;margin-top:3px}.editable-grid--readonly .editable-cell{cursor:default}.editable-grid--readonly .editable-cell:hover{z-index:auto;outline:0}.palette-picker{gap:14px;display:grid}.palette-picker .field{margin:0}.palette-color-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.palette-color-list--recent{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-color-chip{border:1px solid var(--line);background:var(--white);min-width:0;min-height:48px;color:var(--ink);cursor:pointer;border-radius:9px;justify-items:center;gap:4px;padding:5px;display:grid}.palette-color-chip i{border:1px solid #24211e40;border-radius:50%;width:24px;height:24px;box-shadow:inset 0 -2px #00000024}.palette-color-chip span{max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--tool-type-meta);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.palette-color-chip.is-active{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.eraser-chip{border:1px dashed var(--line);background:var(--white);min-height:48px;color:var(--muted);font-size:var(--tool-type-button-compact,.62rem);border-radius:9px;font-weight:800}.eraser-chip.is-active{border-color:var(--ink);color:var(--ink)}.palette-picker__empty{color:var(--muted);font-size:var(--tool-type-meta,.68rem);background:#f6f2e9;border-radius:9px;margin:0;padding:14px;line-height:1.45}.converter-palette-toggle{font-size:var(--tool-type-button,.72rem);margin:14px 0 20px;padding:0}.converter-palette-panel .tool-section{border-top:1px solid var(--line)}.converter-download-card{border:1px solid var(--line);background:#f6f2e9;border-radius:13px;gap:11px;margin-bottom:18px;padding:14px;display:grid}.converter-download-card>p{color:var(--muted);font-size:var(--tool-type-meta,.7rem);margin:0;line-height:1.45}.converter-download-card .button,.converter-download-card .field{margin:0}.converter-download-card .button,.converter-download-card .button.button--primary{min-height:38px;font-size:var(--tool-type-button-compact,.72rem);white-space:nowrap;padding-inline:12px}.converter-creator-link{margin-top:2px}.converter-download-card>.converter-creator-help{font-size:var(--tool-type-meta,.64rem);margin-top:-4px}.converter-materials-details{border-top:1px solid var(--line)}.converter-materials-details>summary{color:var(--ink);font-size:var(--tool-type-button,.75rem);cursor:pointer;padding:14px 0;font-weight:800}.converter-materials-details .converter-material-list{margin-bottom:0}@media (width<=1100px){.tool-shell--converter{grid-template-columns:260px minmax(0,1fr)}.tool-shell--converter>.converter-inspector{grid-column:1/-1;max-height:none;position:relative;top:auto}}@media (width<=820px){.tool-shell--converter{grid-template-columns:1fr}.converter-main{order:1}.tool-shell--converter>.converter-inspector{order:2;grid-column:auto}.tool-shell--converter>.converter-palette-panel{order:3;max-height:none;position:relative;top:auto}.converter-quick-settings{grid-template-columns:1fr}.converter-main .converter-canvas,.converter-main .converter-canvas--empty{position:relative;top:auto}.converter-canvas__header{flex-wrap:wrap}.converter-canvas__title{width:100%}.converter-upload-stage{min-height:430px;padding:18px}.converter-upload-card,.converter-upload-card.has-image{min-height:310px}}@media (width<=580px){.converter-source-bar,.converter-export-summary{flex-direction:column;align-items:flex-start}.converter-header-actions{width:100%}.converter-header-actions>*{flex:1 1 0}.converter-preview-tools{flex-direction:row;align-items:center}.converter-preview-mode-control{flex-direction:row;align-items:center;width:100%}.converter-preview-mode-control>span{padding-left:2px}.converter-preview-tools .converter-view-modes,.converter-preview-tools .converter-view-menu>summary{width:100%}.converter-preview-tools .converter-view-modes{flex:auto}.converter-preview-tools .converter-zoom,.converter-preview-tools .converter-view-menu{flex:145px}.converter-view-menu>.converter-view-menu__panel{width:min(280px,100vw - 44px);right:0}}.tool-shell--converter>.converter-palette-summary{max-height:none;padding:18px 14px;overflow:visible}.converter-palette-summary h2{margin-bottom:12px}.converter-palette-summary__meta{border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:9px 0;display:grid}.converter-palette-summary__meta span{gap:3px;min-width:0;display:grid}.converter-palette-summary__meta small,.converter-palette-summary__hint{color:var(--muted);font-size:var(--tool-type-meta,.61rem);line-height:1.4}.converter-palette-summary__meta strong{font-size:var(--tool-type-meta,.72rem);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.converter-palette-summary__colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0;display:grid}.converter-palette-summary__colors>span{border:1px solid var(--line);background:#ffffff9e;border-radius:8px;align-items:center;gap:5px;min-width:0;min-height:30px;padding:4px 6px;display:flex}.converter-palette-summary__colors i{border:1px solid #24211e38;border-radius:50%;flex:none;width:16px;height:16px}.converter-palette-summary__colors code{min-width:0;color:var(--ink);font-size:var(--tool-type-meta);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.converter-palette-summary__colors .converter-palette-summary__more{color:var(--muted);font-size:var(--tool-type-meta,.65rem);justify-content:center;font-weight:800}.converter-palette-summary__empty{color:var(--muted);font-size:var(--tool-type-meta,.65rem);background:#f6f2e9;border-radius:9px;margin:14px 0;padding:12px;line-height:1.45}.converter-palette-summary .converter-edit-colors{min-height:40px;font-size:var(--tool-type-button-compact,.7rem);margin:2px 0 0;padding:8px 10px}.converter-palette-summary__hint{text-align:center;margin:8px 0 0}.converter-settings-dialog{border:2px solid var(--ink);width:min(920px,100vw - 32px);max-width:none;max-height:min(860px,100dvh - 32px);box-shadow:8px 8px 0 var(--ink);background:#fffdf7;border-radius:20px;margin:auto;padding:0;overflow:hidden}.converter-settings-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#181614a3}.converter-settings-dialog__surface{grid-template-rows:auto auto minmax(0,1fr) auto;max-height:min(856px,100dvh - 36px);display:grid}.converter-settings-dialog__surface>header,.converter-settings-dialog__surface>footer{background:#fffdf7;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.converter-settings-dialog__surface>header{border-bottom:1px solid var(--line)}.converter-settings-dialog__surface>header h2{font-size:var(--tool-type-panel-title,1.25rem);margin:0}.converter-settings-dialog__surface>footer{border-top:1px solid var(--line);justify-content:flex-end}.converter-settings-dialog__surface>footer .button{min-width:110px;margin:0}.converter-settings-tabs{margin:14px 20px 0}.converter-settings-tabs button{min-width:120px}.converter-settings-dialog__body{overscroll-behavior:contain;min-height:0;padding:18px 20px 24px;overflow-y:auto}.converter-settings-color-layout{grid-template-columns:minmax(0,1.55fr) minmax(230px,.7fr);align-items:start;gap:16px;display:grid}.converter-settings-card,.converter-settings-disclosure{border:1px solid var(--line);background:#f7f2e9;border-radius:13px;min-width:0;padding:16px}.converter-settings-card.converter-settings-group{margin:0}.converter-settings-card>legend{margin-bottom:7px}.converter-settings-card>p,.converter-settings-card__heading>span{color:var(--muted);font-size:var(--tool-type-meta,.68rem);margin:0 0 14px;line-height:1.45}.converter-settings-card__heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.converter-settings-card__heading h3{font-size:var(--tool-type-card-title,1rem);margin:0}.converter-settings-card__heading>span{text-align:right;margin:0}.converter-settings-dialog .palette-color-list{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.converter-settings-dialog .palette-color-chip{min-height:54px}.converter-settings-dialog .converter-palette-toggle{margin:14px 0 0}.converter-settings-side{gap:12px;display:grid}.converter-settings-disclosure{padding:0;overflow:hidden}.converter-settings-disclosure>summary{font-size:var(--tool-type-button,.75rem);cursor:pointer;padding:15px 16px;font-weight:800}.converter-settings-disclosure>div{max-height:420px;padding:0 16px 16px;overflow-y:auto}.converter-settings-disclosure .inventory-panel{margin:0}.converter-settings-advanced-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}@media (width<=1100px){.tool-shell--converter{grid-template-columns:190px minmax(0,1fr)}.tool-shell--converter>.converter-inspector{grid-column:1/-1}}@media (width<=820px){.tool-shell--converter{grid-template-columns:1fr}.tool-shell--converter>.converter-palette-summary{max-width:none}.converter-palette-summary__colors{grid-template-columns:repeat(3,minmax(0,1fr))}.converter-settings-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);box-shadow:4px 4px 0 var(--ink);border-radius:16px}.converter-settings-dialog__surface{max-height:calc(100dvh - 20px)}.converter-settings-color-layout,.converter-settings-advanced-layout{grid-template-columns:1fr}}@media (width<=520px){.converter-settings-dialog__surface>header,.converter-settings-dialog__surface>footer,.converter-settings-dialog__body{padding-inline:14px}.converter-settings-tabs{margin-inline:14px}.converter-settings-tabs button{min-width:0}}.converter-workflow-copy{border-left:3px solid var(--coral);color:var(--muted);font-size:var(--editor-type-note);margin:0 0 16px;padding-left:14px;font-weight:700;line-height:1.45}.tool-shell--converter{grid-template-columns:270px minmax(0,1fr) 290px}.tool-shell--converter>.converter-controls-panel{overscroll-behavior:contain;max-height:calc(100dvh - 108px);padding:20px 16px;position:sticky;top:88px;overflow-y:auto}.converter-controls-panel>h2{font-size:var(--tool-type-panel-title,1.55rem);margin-bottom:12px}.converter-control-section{border-top:1px solid var(--line);padding:15px 0}.converter-control-section h3,.converter-advanced-controls legend{color:var(--ink);font-size:var(--tool-type-meta,.72rem);letter-spacing:.08em;text-transform:uppercase;margin:0 0 11px;font-weight:850}.converter-control-section__heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:11px;display:flex}.converter-control-section__heading h3{margin:0}.converter-control-section__heading>span{color:var(--muted);font-size:var(--tool-type-meta,.63rem);padding:0}.converter-control-section__heading .text-button{font-size:var(--tool-type-button,.75rem);padding:0}.converter-controls-panel .field{margin-bottom:11px}.converter-controls-panel .field:last-child,.converter-controls-panel .converter-range:last-child{margin-bottom:0}.converter-controls-panel .field>span{font-size:var(--tool-type-meta,.68rem);margin-bottom:5px}.tool-shell--converter .converter-controls-panel .field select{min-height:40px;font-size:var(--tool-type-body,.72rem);padding-inline:10px}.converter-controls-panel .converter-range{gap:4px;margin-bottom:9px}.converter-controls-panel .converter-range>span{font-size:var(--tool-type-meta,.67rem)}.converter-inventory-control .converter-check{color:var(--ink);font-size:var(--tool-type-body,.74rem);align-items:center;margin-bottom:6px;font-weight:750}.converter-inventory-control .converter-check input{margin-top:0}.converter-inventory-control>p{color:var(--muted);font-size:var(--tool-type-meta,.64rem);margin:0;line-height:1.45}.converter-inventory-control .converter-manage-inventory{font-size:var(--tool-type-button-compact,.65rem);margin-top:8px;padding:0}.converter-advanced-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.converter-advanced-controls>summary{color:var(--ink);font-size:var(--tool-type-button,.72rem);cursor:pointer;padding:14px 0;font-weight:800}.converter-advanced-controls__body{padding:2px 0 15px}.converter-image-adjustments .converter-control-section__heading{margin-bottom:10px}.converter-advanced-controls .converter-settings-group{margin-bottom:16px}.converter-inline-custom-dimensions{border:1px solid var(--line);background:#fffdf7b3;border-radius:10px;margin:-2px 0 12px;padding:10px}.converter-inline-custom-dimensions .dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-inline-custom-dimensions .dimension-fields label{grid-template-columns:minmax(0,1fr);gap:3px;min-width:0}.converter-inline-custom-dimensions .dimension-fields input{width:100%}.converter-inline-custom-dimensions .dimension-fields span,.converter-inline-custom-dimensions .dimension-fields-hint{font-size:var(--tool-type-meta,.58rem)}.converter-background-controls{margin-top:18px}.converter-controls-panel .converter-background-actions .button{min-height:36px;font-size:var(--tool-type-button-compact,.63rem)}.converter-controls-panel .converter-palette-summary{border-top:0}.converter-controls-panel .converter-palette-summary__colors{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 10px}.converter-controls-panel .converter-palette-summary__empty{margin:0 0 10px;padding:10px}.converter-controls-panel .converter-edit-colors{min-height:38px;font-size:var(--tool-type-button-compact,.68rem);margin:0}.converter-main{gap:12px}.converter-settings-dialog__surface{grid-template-rows:auto minmax(0,1fr) auto}.converter-viewer-hint{width:100%;color:var(--muted);font-size:var(--tool-type-meta,.65rem);text-align:right;margin:0;font-weight:700}.converter-workbench:not(.converter-workbench--focus) .converter-close-focus{min-width:116px}.converter-focus-dialog{background:#282522;padding:12px}.converter-workbench--focus{background:#302c28;border-color:#ffffff29;padding:12px}.converter-workbench--focus .converter-preview-viewport{background-color:#1f1d1b;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:28px 28px;border-color:#ffffff24}@media (width>=1101px){.tool-shell--converter{--converter-panel-height:clamp(580px, calc(100dvh - 140px), 680px)}.tool-shell--converter>.converter-controls-panel,.tool-shell--converter>.converter-main,.tool-shell--converter>.converter-inspector{height:var(--converter-panel-height);box-sizing:border-box;max-height:none}.tool-shell--converter>.converter-controls-panel,.tool-shell--converter>.converter-inspector{overflow-y:auto}.tool-shell--converter>.converter-main{grid-template-rows:auto minmax(0,1fr);align-content:stretch}.tool-shell--converter>.converter-main:has(>.converter-upload-stage){grid-template-rows:minmax(0,1fr)}.converter-main>.converter-upload-stage,.converter-main>.converter-source-bar+.converter-canvas{align-self:stretch;height:auto;min-height:0}}@media (width<=1100px){.tool-shell--converter{grid-template-columns:260px minmax(0,1fr)}.tool-shell--converter>.converter-inspector{grid-column:1/-1}}@media (width<=820px){.tool-shell--converter{grid-template-columns:1fr}.converter-main{order:1}.tool-shell--converter>.converter-controls-panel{order:2;max-height:none;position:relative;top:auto}.tool-shell--converter>.converter-inspector{order:3;grid-column:auto}.converter-viewer-hint{text-align:left;grid-column:1/-1}.converter-workbench--focus .converter-header-actions,.converter-workbench--focus .converter-preview-tools{grid-column:1/-1}}@media (width<=580px){.converter-workbench:not(.converter-workbench--focus) .converter-view-modes{flex:none}.converter-workbench:not(.converter-workbench--focus) .converter-close-focus{min-width:0;margin-left:auto}}.tool-shell--converter :where(button,.button,.text-button),.converter-settings-dialog :where(button,.button,.text-button),.converter-focus-dialog :where(button,.button,.text-button),.converter-export-dialog :where(button,.button,.text-button){font-family:var(--font-body), Arial, sans-serif;letter-spacing:0;font-weight:800;line-height:1.2}.tool-shell--converter .field>span,.converter-settings-dialog .field>span{font-size:var(--editor-type-note)}.tool-shell--converter .field input:not([type=range]),.tool-shell--converter .converter-range input[type=number],.converter-settings-dialog .field input:not([type=range]),.converter-settings-dialog .converter-range input[type=number],.converter-settings-dialog select{font-size:var(--editor-type-control)}.workspace-page{background:#e9e1d5;min-height:calc(100vh - 76px)}.workspace-shell{grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.workspace-sidebar{background:#f4eee4;border-right:1px solid #c8beaf;flex-direction:column;padding:36px 24px;display:flex}.workspace-sidebar h2{font-size:2.2rem}.workspace-sidebar nav{gap:6px;margin-top:28px;display:grid}.workspace-sidebar nav button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;min-height:48px;padding:0 13px;font-weight:750;display:flex}.workspace-sidebar nav button.is-active{background:var(--ink);color:var(--white)}.workspace-sidebar nav strong{font-size:.73rem}.workspace-sidebar__actions{gap:8px;margin-top:auto;display:grid}.workspace-content{padding:54px clamp(24px,5vw,72px) 90px}.workspace-content__header{margin-bottom:36px}.workspace-content__header h1{margin-bottom:16px;font-size:clamp(2.8rem,5vw,5rem)}.workspace-content__header p:last-child{max-width:650px}.workspace-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.workspace-card{background:var(--white);border:1px solid #c8beaf;border-radius:18px;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:16px;min-width:0;padding:16px;display:grid}.workspace-card:hover{border-color:var(--ink)}.workspace-card__preview{width:108px}.workspace-card .eyebrow{margin-bottom:5px}.workspace-card h3{text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;font-size:1rem;overflow:hidden}.workspace-card p{margin-bottom:0;font-size:.73rem}.workspace-card .text-button{margin-top:10px;font-size:.75rem}.workspace-card--managed{padding:0;display:block;overflow:hidden}.workspace-card__open{grid-template-columns:108px minmax(0,1fr);align-items:center;gap:16px;padding:16px;display:grid}.workspace-card__actions{background:#faf6ef;border-top:1px solid #ded6ca;justify-content:flex-end;align-items:center;gap:16px;min-height:45px;padding:8px 14px;display:flex}.workspace-card__actions .text-button{margin-top:0}.workspace-card__delete{color:#a52d22}.workspace-card__rename{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;display:grid}.workspace-card__rename label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.workspace-card__rename input{background:var(--white);min-width:0;min-height:34px;font:inherit;border:1px solid #a99e90;border-radius:8px;padding:0 9px;font-size:.76rem}.workspace-status{color:var(--coral-dark);margin:-22px 0 24px;font-size:.78rem;font-weight:800}.workspace-empty{text-align:center;border:1px dashed #b7ad9f;border-radius:20px;place-items:center;min-height:260px;display:grid}.workspace-colors{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:28px;display:grid}.workspace-color-brands{gap:7px;display:grid}.workspace-color-brands button{min-height:62px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff8c;border:1px solid #c8beaf;border-radius:13px;gap:3px;padding:11px 14px;display:grid}.workspace-color-brands button.is-active{border-color:var(--ink);background:var(--ink);color:var(--white)}.workspace-color-brands span{font-weight:850}.workspace-color-brands small{color:inherit;opacity:.68}.workspace-color-library{background:var(--white);border:1px solid #c8beaf;border-radius:20px;min-width:0;padding:24px}.workspace-color-library__toolbar{justify-content:space-between;align-items:end;gap:22px;display:flex}.workspace-color-library__toolbar h2{margin-bottom:0;font-size:2rem}.workspace-color-search{gap:6px;width:min(300px,100%);font-size:.72rem;font-weight:800;display:grid}.workspace-color-search input{background:#fffdf7;border:1px solid #b9afa3;border-radius:10px;min-height:42px;padding:0 12px}.workspace-color-library__actions{border-top:1px solid #ded6ca;gap:20px;margin:22px 0 14px;padding-top:16px;display:flex}.workspace-color-library__actions button:disabled{opacity:.4;cursor:default}.workspace-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:590px;padding-right:5px;display:grid;overflow-y:auto}.workspace-color{min-width:0;min-height:56px;color:var(--ink);text-align:left;cursor:pointer;background:#fffdf9;border:1px solid #ded6ca;border-radius:11px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;display:grid}.workspace-color:hover{border-color:#8e8376}.workspace-color.is-active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#f3eee5}.workspace-color>i{border:1px solid #24211e47;border-radius:50%;width:32px;height:32px;box-shadow:inset 0 -3px #00000024}.workspace-color>span{min-width:0;display:grid}.workspace-color strong,.workspace-color small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-color strong{font-size:.75rem}.workspace-color small{color:var(--muted);font-size:.66rem}.workspace-color>b{font-size:.9rem}