:root{--accent:#d97706;--accent2:#4d7c0f;}

:root{--ink:#111827;--muted:#5b6472;--paper:#f5f2ea;--surface:#fff;--line:#1f2937;--soft:#e7e2d7;--accent:#2563eb;--accent2:#0f766e;--danger:#b42318;--shadow:0 12px 30px rgba(17,24,39,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;background:var(--paper);color:var(--ink);line-height:1.55}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:1rem;top:1rem;z-index:10000;background:#fff;padding:.75rem 1rem;border:2px solid var(--line)}
.network-bar{min-height:42px;background:#111827;color:#fff;display:flex;align-items:center;gap:1rem;padding:.55rem max(1rem,calc((100vw - 1200px)/2));font-size:.83rem;letter-spacing:.04em}.network-bar a:first-child{font-weight:900;letter-spacing:.12em}.network-bar span{opacity:.75}.network-bar a:last-child{margin-left:auto;text-decoration:none;font-weight:750}.site-header{max-width:1200px;margin:0 auto;padding:1.05rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid color-mix(in srgb,var(--line) 20%,transparent)}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:950;letter-spacing:-.03em;font-size:1.2rem}.brand-mark{width:2rem;height:2rem;display:grid;place-items:center;background:var(--accent);color:#fff;border:2px solid var(--line);box-shadow:3px 3px 0 var(--line)}.site-header nav{margin-left:auto;display:flex;gap:1rem;align-items:center}.site-header nav a{text-decoration:none;font-weight:700;font-size:.92rem}.menu-button{display:none;margin-left:auto;border:2px solid var(--line);background:#fff;padding:.55rem .75rem}.shell{width:min(1200px,calc(100% - 2rem));margin-inline:auto}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:2rem;padding:clamp(2.4rem,6vw,5.2rem) 0 2.2rem;align-items:end}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:.76rem;color:var(--accent);margin:0 0 .8rem}.hero h1{font-size:clamp(2.3rem,6vw,5rem);line-height:.94;letter-spacing:-.065em;margin:0;max-width:950px}.lead{font-size:clamp(1rem,2vw,1.25rem);max-width:760px;color:var(--muted);margin:1.4rem 0 0}.hero-art{min-height:220px;border:2px solid var(--line);background:var(--surface);box-shadow:8px 8px 0 var(--line);position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;border:2px solid var(--line);background:var(--accent)}.hero-art:before{width:56%;height:56%;left:12%;top:12%;transform:rotate(-4deg)}.hero-art:after{width:48%;height:48%;right:8%;bottom:8%;background:var(--accent2);transform:rotate(5deg)}.hero-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.hero-badges span{border:1px solid var(--line);background:#fff;padding:.35rem .65rem;font-weight:750;font-size:.82rem}
.tool-shell{margin-top:1.5rem;margin-bottom:2rem;border:2px solid var(--line);background:var(--surface);box-shadow:10px 10px 0 var(--line)}.tool-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;padding:1.1rem 1.2rem;border-bottom:2px solid var(--line);background:color-mix(in srgb,var(--accent) 8%,white)}.tool-heading h2{margin:0;font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.04em}.tool-heading p{margin:0;max-width:520px;color:var(--muted);font-size:.9rem}.workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:540px}.panel{padding:1rem;border-right:2px solid var(--line)}.panel:last-child{border-right:0}.panel h3{margin:.2rem 0 1rem;font-size:1.05rem}.section-block{padding:1rem 0;border-top:1px solid #d8d4ca}.section-block:first-child{border-top:0;padding-top:0}.section-block h4{margin:0 0 .75rem;font-size:.92rem;text-transform:uppercase;letter-spacing:.08em}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.field{display:grid;gap:.3rem}.field.full{grid-column:1/-1}.field label,.field>span{font-size:.78rem;font-weight:850}.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--line);background:#fff;padding:.62rem .68rem;min-height:42px}.field textarea{min-height:74px;resize:vertical}.check{display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem}.check input{margin-top:.25rem}.button-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}.btn{border:2px solid var(--line);background:#fff;padding:.65rem .9rem;font-weight:850;box-shadow:3px 3px 0 var(--line)}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--line)}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:color-mix(in srgb,var(--accent2) 18%,white)}.btn.danger{color:var(--danger)}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.status{min-height:1.5rem;margin:.75rem 0 0;color:var(--muted);font-size:.86rem}.status.error{color:var(--danger);font-weight:800}.list{display:grid;gap:.55rem}.list-card{border:1.5px solid var(--line);padding:.7rem;background:#fff}.list-card__top{display:flex;align-items:start;justify-content:space-between;gap:.5rem}.list-card h5{margin:0;font-size:.95rem}.list-card p{margin:.25rem 0 0;color:var(--muted);font-size:.8rem}.icon-btn{border:1px solid var(--line);background:#fff;min-width:36px;min-height:36px;font-weight:900}.preview{padding:1rem;min-width:0}.preview-toolbar{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin-bottom:.85rem}.preview-toolbar h3{margin:0 auto 0 0}.canvas-stage{min-height:420px;border:2px dashed color-mix(in srgb,var(--line) 45%,transparent);background:linear-gradient(45deg,#f7f7f5 25%,transparent 25%),linear-gradient(-45deg,#f7f7f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f7f7f5 75%),linear-gradient(-45deg,transparent 75%,#f7f7f5 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;display:grid;place-items:center;overflow:auto;padding:1rem}.canvas-stage svg,.canvas-stage canvas{max-width:100%;height:auto;display:block}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1rem}.metric{border:1.5px solid var(--line);padding:.75rem;background:#fff}.metric span{display:block;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.metric strong{display:block;font-size:1.35rem;margin-top:.2rem}.result-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.86rem}.result-table th,.result-table td{border:1px solid var(--line);padding:.55rem;text-align:left;vertical-align:top}.result-table th{background:#ece8de}.notice{border-left:5px solid var(--accent);background:#fff;padding:.85rem 1rem;margin:1rem 0}.content-section{padding:3rem 0}.content-section h2{font-size:clamp(1.7rem,4vw,3rem);letter-spacing:-.045em;margin:.2rem 0 1rem}.content-section>p,.section-heading p{max-width:780px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-grid article,.faq-grid details{border:1.5px solid var(--line);background:#fff;padding:1rem}.feature-grid h3{margin:.5rem 0}.feature-grid p{color:var(--muted)}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.faq-grid summary{font-weight:850;cursor:pointer}.faq-grid p{color:var(--muted)}.webbe-popular-tools{width:min(1200px,calc(100% - 2rem));margin:2rem auto;min-height:220px}.webbe-tools-fallback{border:2px solid var(--line);background:#fff;padding:1rem;display:flex;justify-content:space-between;gap:1rem}.site-footer{border-top:2px solid var(--line);margin-top:3rem;background:#111827;color:#fff;padding:2.5rem max(1rem,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1fr auto;gap:2rem}.site-footer nav{display:grid;grid-template-columns:repeat(2,auto);gap:.5rem 1rem}.site-footer p{max-width:650px;color:#c7ced9}.site-footer a{color:#fff}.footer-brand{font-size:1.3rem;font-weight:950;text-decoration:none}.fine{font-size:.82rem}.legal-page{width:min(850px,calc(100% - 2rem));margin:2rem auto 5rem}.legal-page h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em}.legal-page h2{margin-top:2rem}.legal-page p,.legal-page li{color:#394150}.webbe-top-ticker{position:relative;z-index:1000;background:#fff;border-bottom:1px solid #cfd4dc}.webbe-top-ticker__inner{max-width:1200px;margin:auto;padding:.5rem 1rem;display:flex;align-items:center;gap:.7rem;min-height:42px}.webbe-top-ticker__label{font-weight:900;text-transform:uppercase;font-size:.68rem;letter-spacing:.12em;color:var(--accent)}.webbe-top-ticker__link{min-width:0;flex:1;text-decoration:none;display:flex;align-items:center;gap:.45rem;white-space:nowrap;overflow:hidden}.webbe-top-ticker__rank{font-weight:900}.webbe-top-ticker__name{overflow:hidden;text-overflow:ellipsis}.webbe-top-ticker__description{overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.webbe-top-ticker__all{font-size:.78rem;font-weight:800;text-decoration:none}.webbe-top-ticker.is-fixed{position:fixed;left:0;right:0;top:0;box-shadow:0 4px 16px rgba(0,0,0,.1)}.webbe-top-ticker.is-hidden{display:none}
@media(max-width:820px){.site-header nav{display:none;position:absolute;z-index:20;top:104px;left:1rem;right:1rem;background:#fff;border:2px solid var(--line);padding:1rem;flex-direction:column;align-items:stretch}.site-header nav.is-open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr}.hero-art{min-height:150px}.workspace{grid-template-columns:1fr}.panel{border-right:0;border-bottom:2px solid var(--line)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.webbe-top-ticker__description,.webbe-top-ticker__separator{display:none}}
@media(max-width:480px){.shell,.webbe-popular-tools{width:min(100% - 1rem,1200px)}.site-header{padding-inline:.6rem}.hero{padding-top:1.8rem}.hero h1{font-size:2.35rem}.tool-heading{display:block}.tool-heading p{margin-top:.5rem}.field-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr}.button-row .btn{flex:1 1 100%}.webbe-top-ticker__label{display:none}.webbe-top-ticker__all{display:none}.network-bar span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.webbe-top-ticker,.network-bar,.site-header,.site-footer,.webbe-popular-tools,.button-row,.menu-button,.no-print{display:none!important}body{background:#fff}.tool-shell{box-shadow:none;border:0}.workspace{display:block}.panel{display:none}.preview{padding:0}.canvas-stage{border:0;background:#fff;min-height:0}.content-section{display:none}}
.scrapfit-hero .hero-art{background:#fbf3df}.scrapfit-hero .hero-art:before{clip-path:polygon(0 0,100% 0,100% 48%,58% 48%,58% 100%,0 100%);background:#f59e0b}.scrapfit-hero .hero-art:after{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 28%);background:#84cc16}.scrap-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.scrap-tabs button{border:1px solid var(--line);background:#fff;padding:.5rem .65rem;font-weight:800}.scrap-tabs button[aria-selected="true"]{background:var(--accent);color:#fff}.scrap-editor{display:grid;grid-template-columns:minmax(280px,370px) minmax(0,1fr)}.scrap-svg-wrap{border:1.5px solid var(--line);background:#faf8f2;min-height:240px;display:grid;place-items:center;overflow:auto}.scrap-svg-wrap svg{width:100%;height:auto;min-height:240px}.defect-handle{cursor:move}.defect-handle .resize{cursor:nwse-resize}.piece-row{display:grid;grid-template-columns:1.2fr repeat(3,.65fr) auto;gap:.4rem;align-items:end;margin-bottom:.55rem}.piece-row input,.piece-row select{width:100%;border:1px solid var(--line);padding:.45rem}.result-layouts{display:grid;gap:1rem}.layout-card{border:2px solid var(--line);background:#fff;padding:.8rem}.layout-card h4{margin:.1rem 0 .6rem}.layout-card svg{width:100%;height:auto;border:1px solid #a6a19a;background:#fff}.unplaced-list{display:flex;flex-wrap:wrap;gap:.45rem}.unplaced-list span{border:1px solid var(--danger);background:#fff1f0;padding:.3rem .55rem;font-size:.8rem}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.mode-grid label{border:1px solid var(--line);padding:.55rem;background:#fff;font-size:.8rem}.progress-bar{height:10px;background:#e5e7eb;border:1px solid var(--line);margin-top:.6rem}.progress-bar span{display:block;height:100%;width:0;background:var(--accent)}
@media(max-width:900px){.scrap-editor{grid-template-columns:1fr}.piece-row{grid-template-columns:1fr 1fr}.piece-row>*:first-child{grid-column:1/-1}}