:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172a38;background:#f3f6f8;font-size:16px;line-height:1.55;--ink:#142c3b;--accent:#116653;--line:#d9e2e8}*{box-sizing:border-box}body{margin:0}header{height:86px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));gap:20px}header a{color:inherit;text-decoration:none;font-size:.9rem}.brand{font-size:1.25rem;font-weight:800;letter-spacing:.08em}.brand span{font-weight:400;color:#91dfc5}.brand small{display:block;font-size:.65rem;letter-spacing:.18em;color:#b4c6d1}main{max-width:1240px;margin:auto;padding:34px 24px 60px}.intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:26px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.16em;color:var(--accent);margin:0 0 6px}h1{font-size:clamp(1.8rem,3.1vw,2.6rem);letter-spacing:-.035em;margin:0;font-weight:650}h2{font-size:1.1rem;margin:0 0 16px;letter-spacing:-.02em}.privacy{font-size:.875rem;background:#e1f3eb;border-left:3px solid var(--accent);padding:12px 18px;margin:0}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 14px 45px #173b4d08}.controls{padding:26px;border-right:1px solid var(--line)}.editor{padding:26px 32px}.step{font-size:.75rem;color:var(--accent);display:inline-block;margin-right:10px;border-bottom:2px solid #75c9ad;padding:2px 0}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:6px}select,button,.button{font:inherit;font-size:.9rem;border:1px solid #bdccd6;border-radius:7px;color:var(--ink);background:white;min-height:44px;padding:10px 14px}select{width:100%;margin:0 0 15px;white-space:normal}button,.button{cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}button:hover,.button:hover{background:#edf6f2}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#0b5041}.wide{width:100%;margin-top:16px}.requirements{background:#f2f6f8;border-radius:8px;padding:15px;margin:4px 0 26px;font-size:.875rem}.requirements strong{font-size:1.15rem;display:block}.requirements p{margin:7px 0}.requirements a,a{color:#12644f}.dropzone{border:1.5px dashed #acbeca;border-radius:10px;padding:25px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fbfcfd}.dropzone.dragover{background:#e4f7ef;border-color:var(--accent)}.dropzone span{font-size:.8rem;color:#607482}.dropzone .button{width:100%;margin:0}.camera{color:var(--accent);cursor:pointer;margin:0;padding:7px}.small{font-size:.8rem;color:#546c7b}.text-button{border:none;padding:0;min-height:36px;background:none;text-decoration:underline;font-size:.8rem}.editor-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.chip{font-size:.75rem;background:#eef4f7;padding:5px 9px;white-space:nowrap;border-radius:5px;align-self:flex-start}.stage{height:360px;display:flex;align-items:center;justify-content:center;background:#e9eff3;background-image:linear-gradient(45deg,#dfe7ec 25%,transparent 25%),linear-gradient(-45deg,#dfe7ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe7ec 75%),linear-gradient(-45deg,transparent 75%,#dfe7ec 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;position:relative;border-radius:8px;overflow:hidden}canvas{display:block;max-width:100%;max-height:100%;touch-action:none;cursor:grab;background:#fff;box-shadow:0 2px 20px #0002}#empty{position:absolute;inset:0;background:#edf2f5;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#617886;pointer-events:none}#empty[hidden]{display:none}.frame-icon{font-size:4rem;line-height:1;margin-bottom:15px;color:#829ba9}#empty p{font-size:.9rem}.adjust{display:flex;align-items:center;gap:15px;margin-top:18px}.adjust label{margin:0}.adjust input{flex:1;min-width:30px;accent-color:var(--accent)}.adjust button{font-size:.8rem}#marker-controls{display:flex;gap:8px;flex-wrap:wrap}#marker-controls button{font-size:.8rem;min-height:38px}#marker-controls button.active{background:#d9f3e8;border-color:var(--accent)}.status{padding:12px 14px;background:#edf4f8;border-radius:6px;font-size:.875rem;white-space:pre-line}.status.error{background:#fff0e9;color:#9c3c13}.status.good{background:#e5f5ed;color:#15513d}.manual{font-size:.875rem;border-top:1px solid var(--line);padding-top:16px}.manual p{margin:6px 0 14px}.manual label{font-weight:400;display:flex;align-items:flex-start;gap:9px}.manual input{margin-top:5px;accent-color:var(--accent);width:18px;height:18px;flex:none}#downloads{margin-top:20px;border-top:1px solid var(--line);padding-top:10px}#downloads .button{margin:0 8px 8px 0}#output-info{font-size:.9rem;font-weight:600}#specifications{margin-top:42px;scroll-margin-top:20px}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.section-title h2{font-size:1.45rem}.section-title span{font-size:.8rem;color:#607482}.table-wrap{overflow-x:auto;border:1px solid var(--line);background:white;border-radius:10px}table{border-collapse:collapse;width:100%;min-width:840px;font-size:.84rem;text-align:left}th{background:#e9eff3;font-size:.75rem;color:#455d6b}td,th{padding:16px;vertical-align:top;border-bottom:1px solid var(--line)}td:first-child{font-weight:600;max-width:170px}td small{display:block;font-weight:400;color:#5a6e7b}.how{margin-top:36px}.how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-left:22px}.how li{padding-left:3px;font-size:.9rem}.how strong{display:block}footer{max-width:1192px;margin:auto;border-top:1px solid var(--line);padding:20px 0 30px;display:flex;justify-content:space-between;gap:20px;color:#59717e;font-size:.8rem}footer span{font-weight:800;letter-spacing:.1em}footer p{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #e5a63c;outline-offset:3px}.dropzone:focus-within{outline:3px solid #e5a63c;outline-offset:2px}[hidden]{display:none!important}@media(max-width:800px){.workspace{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}.intro{align-items:flex-start;flex-direction:column}.privacy{width:100%}.editor,.controls{padding:22px}.how ol{grid-template-columns:1fr;gap:18px}.section-title{flex-direction:column;gap:0}header{padding:15px 20px}.stage{height:350px}footer{margin:0 24px;flex-direction:column}.brand small{font-size:.65rem}}@media(max-width:430px){main{padding:24px 12px}.editor,.controls{padding:18px}.stage{height:310px}.adjust{gap:9px}.adjust button{max-width:110px}.editor-title{align-items:flex-start}.editor-title h2{max-width:165px}header>a:last-child{font-size:.75rem;max-width:115px}h1{font-size:1.8rem}}
footer nav{display:flex;gap:16px;flex-wrap:wrap}footer nav a{color:#12644f}.info-page{max-width:900px;min-height:65vh}.info-page h1{margin-bottom:20px}.info-page .privacy{margin:20px 0 28px}.info-page h2{margin:28px 0 8px}.info-page p:not(.eyebrow):not(.privacy){max-width:72ch}.info-page a{overflow-wrap:anywhere}@media(max-width:800px){footer nav{gap:18px}.info-page{min-height:55vh}}