:root{color-scheme:light;--ink:#17201c;--muted:#66736d;--line:#d9dfdc;--canvas:#fbfcfb;--surface:#fff;--surface-soft:#f4f7f5;--accent:#d3412e;--accent-dark:#9f2a1f;--focus:#267a75;--focus-on-dark:#7bd3ca;--panel:#10201d;--panel-deep:#0b1715;--panel-line:#20332f;--on-panel:#fff;--on-panel-muted:#ffffffb3;--on-panel-subtle:#ffffff9e;--accent-soft:#d3412e2e;--grid-strong:#17201c1f;--grid-soft:#17201c0b;--warning-border:#f0c36d;--warning-surface:#fff8e7;--warning-ink:#6f4a05;--error:#ffb4a8;--proof-ink:#34423c;--teal-hover:#1f6863;--ease-out:cubic-bezier(.22, 1, .36, 1);--space-xs:6px;--space-sm:10px;--space-md:16px;--space-lg:24px;--space-xl:42px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button,input,select{font:inherit}.skip-link{z-index:20;background:var(--surface);color:var(--ink);transition:transform .18s var(--ease-out);border-radius:7px;padding:10px 14px;font-weight:800;position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(calc(-100% - 12px))}.skip-link:focus-visible{transform:translateY(0)}.site-header{z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);background:#fbfcfbf5;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:0 32px;display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;display:inline-flex}.brand-logo{width:172px;height:auto;display:block}.site-header nav{color:var(--muted);align-items:center;gap:18px;font-size:.95rem;display:flex}.site-header nav a[aria-current=page]{color:var(--ink);font-weight:800}.site-header nav a{align-items:center;min-height:44px;display:inline-flex}.page{width:min(1180px,100% - 40px);margin:0 auto}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:var(--space-md);letter-spacing:0;font-size:clamp(3rem,6vw,5.65rem);line-height:.98}.lead{max-width:700px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.58}.actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.button.secondary{color:var(--ink);background:0 0}.landing-hero{align-items:center;gap:var(--space-lg);min-height:min(680px,100svh - 68px);padding:var(--space-xl) 4vw var(--space-lg);background:var(--canvas);grid-template-columns:minmax(360px,.78fr) minmax(620px,1.22fr);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:620px;position:relative}.hero-copy h1{margin-bottom:20px}.hero-copy h1 span{color:var(--accent)}.hero-copy h1{text-wrap:balance}.hero-copy h1::selection,.hero-copy .lead::selection{background:var(--accent-soft)}.hero-copy .lead{max-width:560px}.hero-proof{gap:var(--space-md) var(--space-lg);margin-top:var(--space-lg);color:var(--proof-ink);flex-wrap:wrap;font-size:.92rem;font-weight:800;display:flex}.hero-proof span{align-items:center;gap:9px;display:inline-flex}.hero-proof svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.hero-lab{width:100%;min-width:0;position:relative}.laser-panel{z-index:1;background:var(--surface);border:1px solid #17201c29;border-radius:8px;max-width:100%;position:relative;overflow:hidden}.panel-bar{background:var(--panel-deep);height:42px;color:var(--on-panel);justify-content:space-between;align-items:center;padding:0 16px;font-size:.86rem;display:flex}.panel-bar strong{padding-left:18px;position:relative}.panel-bar strong:before{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);content:"";border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.panel-bar span{color:#ffffffb8;letter-spacing:0;font-size:.78rem;font-weight:800}.panel-body{grid-template-columns:190px minmax(0,1fr);min-width:0;min-height:430px;display:grid}.mock-controls{align-content:start;gap:var(--space-md);background:var(--panel);min-width:0;color:var(--on-panel);padding:18px;display:grid}.mock-controls>span{font-size:.9rem;font-weight:900}.mock-field{gap:var(--space-xs);min-width:0;display:grid}.mock-field>span{color:#ffffffad;font-size:.76rem;font-weight:800}.mock-controls strong{color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:7px;align-items:center;min-height:34px;padding:0 10px;font-size:.86rem;display:flex}.mock-action{background:var(--focus);min-height:44px;color:var(--on-panel);transition:background-color .18s var(--ease-out);border:0;border-radius:7px;justify-content:center;align-items:center;margin-top:4px;font-weight:900;display:inline-flex}.mock-action:hover{background:var(--teal-hover)}.mock-plan{width:100%;min-width:0;max-width:100%;height:100%;min-height:430px;display:block}.generated-preview{place-items:center;display:grid;overflow:hidden}.generated-preview svg{max-width:92%;height:auto;max-height:88%;display:block}.hero-generated-preview{background-color:#fff;background-image:linear-gradient(90deg,#17201c0f 1px,#0000 1px),linear-gradient(#17201c0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.hero-generated-preview svg{width:94%;max-height:380px}.generated-preview .cut{stroke-width:.45px}.tools-section{padding:var(--space-xl) 0 var(--space-lg)}.section-heading{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:minmax(0,.9fr) minmax(260px,.55fr);align-items:end;display:grid}.section-heading h2{text-wrap:balance;margin-bottom:0;font-size:clamp(2rem,4vw,3.8rem);line-height:1}.section-heading p{color:var(--muted);margin-bottom:0;line-height:1.6}.tool-grid{gap:var(--space-md);grid-template-rows:repeat(2,minmax(176px,auto));grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);display:grid}.tool-card{gap:var(--space-md);border:1px solid var(--line);background:var(--surface);min-height:0;transition:border-color .18s ease, background-color .18s var(--ease-out), transform .18s var(--ease-out);border-radius:8px;grid-template-columns:minmax(0,1fr);align-items:center;padding:22px;display:grid;position:relative;overflow:hidden}.tool-card:first-child{grid-row:1/span 2}.tool-card:not(:first-child){grid-template-columns:minmax(0,1fr) minmax(150px,.65fr)}.tool-card:first-child .tool-preview{min-height:210px}.tool-card:not(:first-child) .tool-preview{grid-area:1/2;min-height:132px}@media (hover:hover){.tool-card:hover{background:var(--surface-soft);border-color:#d3412e6b;transform:translateY(-2px)}}.tool-card:active{border-color:#d3412e6b;transform:translateY(0)}.tool-card h3{margin:0 0 8px;font-size:1.25rem}.tool-card p{margin-bottom:var(--space-sm);color:var(--muted);line-height:1.55}.tool-card strong{color:var(--accent-dark);font-size:.92rem}.tool-preview{border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(90deg,#17201c0a 1px,#0000 1px),linear-gradient(#17201c0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;grid-column:1/-1;align-self:center;width:100%;min-width:0;min-height:150px}.tool-preview svg{width:86%}.workshop-proof{align-items:center;gap:var(--space-lg);margin-top:var(--space-lg);padding:var(--space-xl) 0;border-top:1px solid var(--line);grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);display:grid}.proof-copy{justify-items:start;gap:var(--space-md);display:grid}.proof-copy h2{text-wrap:balance;margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.04}.proof-copy p{max-width:52ch;color:var(--muted);margin:0;line-height:1.6}.proof-copy a{min-height:44px;color:var(--accent-dark);align-items:center;font-weight:800;display:inline-flex}.proof-plan{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:220px;overflow:hidden}.breadcrumbs{color:var(--muted);padding-block:14px;font-size:.88rem}.breadcrumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{color:var(--line);content:"/";margin-right:8px}.breadcrumbs a{color:var(--accent-dark);font-weight:800}.tool-guide{gap:64px;padding-block:72px 96px;display:grid}.guide-heading{max-width:820px}.guide-kicker{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:900}.guide-heading h2,.guide-section__heading h2,.related-tools h2{text-wrap:balance;margin-bottom:16px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.04}.guide-heading>p:last-child{max-width:76ch;color:var(--muted);margin-bottom:0;font-size:1.08rem;line-height:1.72}.guide-section,.guide-faq,.related-tools{border-top:1px solid var(--line);gap:28px;padding-top:32px;display:grid}.guide-section__heading{max-width:720px}.guide-section__heading h2,.related-tools h2{margin-bottom:0;font-size:clamp(1.75rem,3vw,2.7rem)}.guide-steps{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.guide-steps li{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:38px minmax(0,1fr);gap:14px;min-height:180px;padding:22px;display:grid}.guide-steps li>span{background:var(--panel);width:38px;height:38px;color:var(--focus-on-dark);border-radius:50%;place-items:center;font-weight:900;display:grid}.guide-steps strong{margin:8px 0 10px;font-size:1.04rem;display:block}.guide-steps p,.guide-card p,.related-tool span{color:var(--muted);margin-bottom:0;line-height:1.62}.guide-columns{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.guide-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:28px}.guide-card h2{text-wrap:balance;margin-bottom:14px;font-size:clamp(1.35rem,2.3vw,1.85rem);line-height:1.16}.guide-card--wide{max-width:none}.faq-list{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.faq-list details{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-self:start;padding:18px 20px}.faq-list summary{cursor:pointer;font-weight:850;line-height:1.45}.faq-list details p{color:var(--muted);margin:14px 0 0;line-height:1.62}.related-tools{grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);align-items:start}.related-tools__grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.related-tool{border:1px solid var(--line);background:var(--surface);min-height:180px;transition:border-color .18s ease, transform .18s var(--ease-out);border-radius:8px;align-content:start;padding:22px;display:grid}.related-tool strong{margin-bottom:10px;font-size:1.12rem}.related-tool__action{align-self:end;margin-top:18px;font-weight:850;color:var(--accent-dark)!important}@media (hover:hover){.related-tool:hover{border-color:#d3412e6b;transform:translateY(-2px)}}.app-shell{grid-template-columns:minmax(280px,360px) minmax(0,1fr);width:100%;max-width:100vw;min-height:calc(100svh - 68px);display:grid;overflow-x:hidden}.tool-panel{--focus-ring:var(--focus-on-dark);border-right:1px solid var(--panel-line);background:var(--panel);min-width:0;color:var(--on-panel);padding:24px}.tool-context{color:var(--focus-on-dark);margin:0 0 12px;font-size:.9rem;font-weight:700}.tool-panel h1{overflow-wrap:break-word;width:min(100%,100vw - 48px);max-width:100%;margin-bottom:10px;font-size:2rem;line-height:1.1}.tool-panel .lead{width:min(100%,100vw - 48px);max-width:31ch;color:var(--on-panel-muted);overflow-wrap:break-word;font-size:.98rem;line-height:1.55}.field-grid{gap:var(--space-lg);width:min(100%,100vw - 48px);margin:var(--space-lg) 0;display:grid}.form-section{gap:var(--space-md);border:0;min-width:0;margin:0;padding:0;display:grid}.form-section+.form-section{padding-top:var(--space-lg);border-top:1px solid #ffffff1f}.form-section legend,.form-section>h2{align-items:center;gap:var(--space-sm);width:100%;color:var(--on-panel);margin:0;padding:0;font-size:1rem;font-weight:800;line-height:1.3;display:flex}.form-section legend span,.form-section>h2 span{width:24px;height:24px;color:var(--focus-on-dark);border:1px solid #7bd3ca80;border-radius:50%;place-items:center;font-size:.78rem;display:inline-grid}.form-section>p{color:var(--on-panel-muted);margin:0;font-size:.9rem;line-height:1.5}.field{gap:var(--space-xs);display:grid}.conditional-fields{gap:16px;display:grid}.conditional-fields[hidden]{display:none}.check-field{color:#ffffffc7;align-items:center;gap:10px;min-height:44px;font-size:.92rem;font-weight:800;display:flex}.check-field input{width:22px;height:22px;accent-color:var(--focus)}.field label{color:#ffffffad;font-size:.88rem;font-weight:800}.field-hint,.step-lock-note{color:var(--on-panel-subtle);font-size:.8rem;line-height:1.45}.field-hint a{color:var(--focus-on-dark);text-underline-offset:2px;font-weight:800;text-decoration:underline}.workflow-step{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid #ffffff1f}.workflow-step[data-state=locked] .field{opacity:.58}.workflow-step[data-state=ready] .step-lock-note{display:none}.field input,.field select{color:#fff;background:#ffffff12;border:1px solid #ffffff24;border-radius:7px;width:100%;min-width:0;height:46px;padding:0 12px}.field input[type=file]{color:#ffffffc7;padding:8px 10px;font-size:.92rem}.field input[type=file]::file-selector-button{color:#fff;background:#ffffff1f;border:0;border-radius:6px;margin-right:10px;font-weight:800}.field select option{color:var(--ink)}.field input:focus-visible,.field select:focus-visible,.tool-panel .button:focus-visible,.tool-panel .check-field input:focus-visible{outline-color:var(--focus-ring);border-color:var(--focus-on-dark)}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--error)}.field-error{min-height:0;color:var(--error);font-size:.82rem;line-height:1.4}.field-error:empty{display:none}.summary{color:#ffffffad;border-top:1px solid #ffffff1f;gap:10px;padding-top:16px;font-size:.92rem;display:grid}.summary-file{color:var(--on-panel-subtle);overflow-wrap:anywhere}.result-card{background:#267a7524;border:1px solid #267a7570;border-radius:8px;gap:6px;margin:18px 0;padding:16px;display:grid}.result-card[hidden]{display:none}.result-card span{color:#ffffffa8;font-size:.88rem;font-weight:800}.result-card strong{color:#7bd3ca;font-size:2rem;line-height:1}.tool-actions{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.tool-actions .button{border-color:var(--focus);background:var(--focus)}.tool-actions .button.secondary{color:#fff;background:0 0;border-color:#ffffff38}.button:disabled{cursor:not-allowed;opacity:.46}.tool-actions .button:hover{background:var(--teal-hover)}.tool-actions .button:active{background:var(--panel-deep)}.tool-actions .button.secondary:hover{background:#ffffff14;border-color:#ffffff6b}.tool-status{min-height:1.5em;color:var(--on-panel-muted);margin-top:14px;font-size:.88rem;line-height:1.5}.preview-area{background:var(--surface-soft);min-width:0;padding:24px}.mobile-preview-dock{display:none}.preview-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.preview-toolbar h2{margin:0;font-size:1.1rem}.preview-toolbar>div:first-child{gap:var(--space-xs);display:grid}.preview-toolbar span{color:var(--muted);font-size:.88rem}.preview-controls{gap:var(--space-xs);display:flex}.preview-controls button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--muted);font:inherit;cursor:pointer;transition:border-color .18s var(--ease-out), background-color .18s var(--ease-out), color .18s var(--ease-out);border-radius:7px;padding:0 12px;font-size:.86rem;font-weight:800}@media (hover:hover){.preview-controls button:hover{border-color:var(--focus);background:var(--surface-soft);color:var(--ink)}.preview-controls button[aria-pressed=true]:hover{background:var(--teal-hover);color:var(--on-panel)}}.preview-controls button[aria-pressed=true]{border-color:var(--focus);background:var(--focus);color:var(--on-panel)}.svg-preview{--grid-minor:20px;border:1px solid var(--line);background:linear-gradient(90deg,#17201c1f 1px,#0000 1px),linear-gradient(#17201c1f 1px,#0000 1px),linear-gradient(90deg,#17201c0b 1px,#0000 1px),linear-gradient(#17201c0b 1px,#0000 1px),#fff;background-size:calc(var(--grid-minor) * 2) calc(var(--grid-minor) * 2), calc(var(--grid-minor) * 2) calc(var(--grid-minor) * 2), var(--grid-minor) var(--grid-minor), var(--grid-minor) var(--grid-minor);contain:layout paint;background-position:0 0,0 0,0 0,0 0;border-radius:8px;min-height:640px;display:grid;overflow:auto}.fit-preview{background:#fff;min-height:clamp(360px,100svh - 160px,720px);position:relative}.svg-preview[data-preview-mode=fit]{place-items:center;overflow:hidden}.svg-preview[data-preview-mode=actual]{place-items:start;overflow:auto}.svg-preview svg{width:max-content;min-width:0;height:auto;display:block}.svg-preview .cut,.svg-preview .mark{stroke-width:.45px}.compact-preview{align-items:start}.compact-preview svg{min-width:auto}.warnings{gap:8px;margin-top:14px;display:grid}.warning{border:1px solid var(--warning-border);background:var(--warning-surface);color:var(--warning-ink);border-radius:7px;padding:10px 12px;font-size:.9rem}@media (width<=1100px){.tool-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}}@media (width<=860px){.site-header{padding:0 var(--space-md);position:static}.app-shell{overflow:visible}.landing-hero,.app-shell,.tool-grid,.section-heading,.workshop-proof{grid-template-columns:minmax(0,1fr)}.landing-hero{min-height:auto;padding:var(--space-lg) var(--space-md)}.tool-guide{gap:48px;padding-block:48px 72px}.guide-steps,.guide-columns,.faq-list,.related-tools,.related-tools__grid{grid-template-columns:minmax(0,1fr)}.guide-steps li,.related-tool{min-height:0}.panel-body{min-height:0;display:block}.mock-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-controls>span,.mock-action{grid-column:1/-1}.hero-proof{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));font-size:.86rem;display:grid}.hero-proof span{min-width:0}.tool-card{grid-template-columns:1fr}.tool-card:first-child{grid-row:auto}.tool-card:not(:first-child){grid-template-columns:1fr}.tool-card:not(:first-child) .tool-preview{grid-area:auto/1}.tool-preview{max-height:180px}.workshop-proof{padding:var(--space-lg) 0 var(--space-xl)}.tool-panel{width:100%;max-width:100vw;padding:var(--space-md);border-right:0;border-bottom:1px solid var(--panel-line)}.mobile-preview-dock{top:var(--space-sm);z-index:6;width:100%;min-height:94px;margin:0 0 var(--space-md);padding:var(--space-sm);align-items:center;gap:var(--space-sm);color:var(--on-panel);text-align:left;cursor:pointer;background:#0b1715f5;border:1px solid #ffffff47;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(84px,112px) auto;display:grid;position:sticky}.mobile-preview-dock__copy{gap:var(--space-xs);min-width:0;display:grid}.mobile-preview-dock__copy strong,.mobile-preview-dock__size,.mobile-preview-dock__action{display:block}.mobile-preview-dock__copy strong{font-size:.84rem}.mobile-preview-dock__size{color:var(--on-panel-muted);font-size:.74rem;line-height:1.35}.mobile-preview-dock__canvas{background:var(--surface);border-radius:6px;place-items:center;height:72px;display:grid;overflow:hidden}.mobile-preview-dock__canvas svg{max-width:100%;max-height:100%;width:100%!important;height:100%!important}.mobile-preview-dock__action{color:var(--focus-on-dark);font-size:.78rem;font-weight:800}.preview-area{width:100%;max-width:100vw;padding:var(--space-md);overflow-x:hidden}.preview-toolbar{align-items:flex-end;gap:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap}.svg-preview,.fit-preview{min-height:360px}.field-grid{width:100%}.tool-panel h1{font-size:1.78rem}.site-header{padding-block:var(--space-md);flex-direction:column;justify-content:center;align-items:flex-start}.site-header nav{gap:var(--space-sm) var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;font-size:.9rem;display:grid}.site-header nav a{min-width:0}}@media (pointer:coarse){.button,.mock-action,.site-header nav a,.field input,.field select,.check-field,.preview-controls button{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.button,.field input,.field select,.tool-card{border:1px solid buttontext}}