html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fbfcf9;color:#193a2c;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a,summary,input{touch-action:manipulation}button,summary,a{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #648b55;outline-offset:5px}::selection{background:#d4e8b8}.skip-link{position:absolute;left:16px;top:-80px;z-index:50;padding:12px 20px;background:#fff;border:1px solid #39674c}.skip-link:focus{top:12px}
#ctrl-site{max-width:1280px;margin:auto;font-size:16px;--radius:32px}#ctrl-site .nav{padding:18px 42px;min-height:90px}#ctrl-site .nav a,#ctrl-site .hero-actions a,#ctrl-site .footer a,#ctrl-site a.action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:28px;text-decoration:none;padding:11px 18px;font-size:14px}#ctrl-site a.primary{background:var(--green);color:#fff}#ctrl-site a:hover{filter:brightness(.95)}#ctrl-site .hero-copy{padding:64px 24px 45px}#ctrl-site h1{font-size:clamp(44px,6.6vw,84px)}#ctrl-site .hero-copy .micro{font-size:13px;margin-top:18px}#ctrl-site .eyebrow{text-transform:none;letter-spacing:1px;font-size:13px}#ctrl-site .lead{font-size:19px}#ctrl-site .hero-actions{margin-top:28px}#ctrl-site .hero-actions a{padding:15px 24px;font-size:15px}#ctrl-site .demo{margin:0 26px}#ctrl-site .demo-canvas{min-height:430px;grid-template-columns:1fr 300px 1fr;padding:24px 58px 35px}#ctrl-site .file-group{gap:26px 14px}#ctrl-site .sample-name{font-size:12px}#ctrl-site .drag-instruction{max-width:290px}#ctrl-site .drag-instruction strong{font-size:29px}#ctrl-site .drag-instruction p{font-size:14px}#ctrl-site .demo-bottom{padding:22px 30px}#ctrl-site .section{padding-top:88px}#ctrl-site .section-head{margin-bottom:35px}#ctrl-site h2{font-size:clamp(32px,3.8vw,48px)}#ctrl-site .section-head p,#ctrl-site .steps p{font-size:15px}#ctrl-site .steps{gap:48px}#ctrl-site .steps h3{font-size:21px}#ctrl-site .trust-line{font-size:13px;margin-top:26px}#ctrl-site .how-note{font-size:12px}#ctrl-site .category-nav{gap:8px;margin:32px 0 24px}#ctrl-site .category-nav button{font-size:14px;padding:11px 18px}
#ctrl-site .catalog-panel{grid-template-columns:1.08fr 1fr;background:#f0f3ec;align-items:stretch}#ctrl-site .catalog-visual{padding:30px;gap:23px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 6% 6%,#d9efdf 0,transparent 62%),linear-gradient(140deg,#e9e5d4,#dbe7dc 70%,#d1e7e6)}#ctrl-site .preview-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#526a59;letter-spacing:.5px;gap:12px}#ctrl-site .catalog-type{font-size:11px}#ctrl-site .catalog-copy{padding:38px 32px}#ctrl-site .catalog-copy h3{font-size:30px}#ctrl-site .format-lines{font-size:13px;line-height:1.8}#ctrl-site .tool-list{font-size:14px;gap:14px 18px}#ctrl-site .catalog-note{font-size:12px;line-height:1.65}#ctrl-site .catalog-example{font-size:12px;text-align:left;color:#506450}#ctrl-site .preview-formats{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500}#ctrl-site .preview-formats>.format-from,#ctrl-site .preview-formats>.format-to{background:#ffffffb0;border:1px solid #ffffff;border-radius:7px;padding:4px 8px}#ctrl-site .preview-formats button{margin-left:auto;font-size:12px;padding:0 0 0 12px;min-height:35px;color:#244d3a}#ctrl-site .app-preview{width:100%;min-width:0}#ctrl-site .app-window{background:#fafbf5;border:1px solid #ffffffe6;border-radius:16px;box-shadow:0 22px 45px -15px #244d3b38;overflow:hidden;color:#294234;min-height:350px}#ctrl-site .app-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 17px 11px;font-size:14px;font-weight:600}#ctrl-site .app-title small{display:block;font-size:10px;font-weight:400;color:#738070;margin-top:2px}#ctrl-site .app-title>svg{color:#9eac97;width:17px;height:17px}#ctrl-site .app-toolbar{display:flex;align-items:center;gap:5px;padding:0 12px 12px;flex-wrap:wrap}#ctrl-site .app-toolbar button{min-height:31px;padding:7px;border-radius:7px;font-size:11px;gap:5px}#ctrl-site .app-toolbar button svg{width:15px;height:15px}#ctrl-site .app-toolbar button[aria-pressed=true]{background:#dbe8cb}#ctrl-site .app-photo{margin:0 12px;border-radius:9px;overflow:hidden;position:relative;background:#dbe4cd;aspect-ratio:1.65}#ctrl-site .app-photo img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center}#ctrl-site .photo-crop{position:absolute;inset:12%;border:1px solid white;box-shadow:0 0 0 80px #15382e66;pointer-events:none;display:none}#ctrl-site .photo-crop:before,#ctrl-site .photo-crop:after{content:'';position:absolute;inset:0 33.33%;border-left:1px solid #ffffff80;border-right:1px solid #ffffff80}#ctrl-site .photo-crop:after{inset:33.33% 0;border:0;border-top:1px solid #ffffff80;border-bottom:1px solid #ffffff80}#ctrl-site .app-photo[data-tool=crop] .photo-crop{display:block}#ctrl-site .photo-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:15px 17px}#ctrl-site .photo-settings label{font-size:10px;display:grid;grid-template-columns:1fr auto;gap:5px}#ctrl-site .photo-settings input{grid-column:1/-1;width:100%;height:4px;margin:4px 0;accent-color:#5b7856}#ctrl-site .app-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 17px;border-top:1px solid #e0e6d9;font-size:10px;color:#6a7a65}#ctrl-site .app-foot strong{background:#dfead1;color:#3a5b40;padding:5px 10px;border-radius:6px;font-size:10px;font-weight:500}#ctrl-site .mini-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:25px 15px 29px;background:#e8ece1;min-height:225px;align-items:center}#ctrl-site .mini-page{aspect-ratio:.72;background:white;border:1px solid #d9dfd2;border-radius:3px;padding:12px 9px;box-shadow:0 7px 15px #273c2c13;position:relative;min-width:0}#ctrl-site button.mini-page{display:block;width:100%;text-align:left;min-height:0;border-radius:3px;padding:12px 9px;font:inherit;background:#fff}#ctrl-site .mini-page[aria-pressed=true]{outline:2px solid #749b60;outline-offset:3px}#ctrl-site .mini-page b{font-size:10px;display:block;line-height:1.3;color:#31566b}#ctrl-site .mini-page i{display:block;height:3px;background:#e0e5e8;margin-top:8px;width:100%}#ctrl-site .mini-page i:nth-child(odd){width:70%}#ctrl-site .mini-page .page-photo{width:100%;height:45px;object-fit:cover;border-radius:2px;margin-top:12px}#ctrl-site .mini-page small{position:absolute;bottom:8px;right:8px;color:#72826f;font-size:9px}#ctrl-site .preview-table-wrap{padding:20px 14px 23px;background:#e7eee3;min-height:224px}#ctrl-site .preview-table{width:100%;border-collapse:collapse;font-size:11px;background:#fff;table-layout:fixed;box-shadow:0 8px 18px #1f482914}#ctrl-site .preview-table th,#ctrl-site .preview-table td{padding:9px 7px;border:1px solid #e2e8dc;text-align:right;white-space:nowrap}#ctrl-site .preview-table th{background:#467558;color:white;font-weight:500}#ctrl-site .preview-table th:first-child,#ctrl-site .preview-table td:first-child{text-align:left}#ctrl-site .preview-table tr:last-child{background:#edf4e7;font-weight:600}#ctrl-site .slide-stage{display:flex;gap:9px;padding:15px;background:#e6e8ee;min-height:235px;align-items:center}#ctrl-site .slide-thumbs{display:grid;gap:7px;flex:none;width:39px}#ctrl-site .slide-thumbs span{height:25px;background:#eef2e9;border:1px solid #b8c9ac;border-radius:3px;font-size:9px;display:grid;place-items:center}#ctrl-site .slide-main{aspect-ratio:1.5;background:#364b65;border-radius:5px;position:relative;overflow:hidden;width:100%;color:white;padding:18px;display:flex;flex-direction:column;justify-content:end}#ctrl-site .slide-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}#ctrl-site .slide-main strong,#ctrl-site .slide-main span{position:relative;font-size:19px;line-height:1.2}#ctrl-site .slide-main span{font-size:9px;margin-top:6px;letter-spacing:1px}#ctrl-site .video-preview{padding:0 12px 14px}#ctrl-site .video-frame{aspect-ratio:1.8;position:relative;border-radius:8px;overflow:hidden;background:#214957}#ctrl-site .video-frame img{width:100%;height:100%;object-fit:cover}#ctrl-site .video-time{position:absolute;bottom:9px;left:10px;background:#16372dde;color:#fff;padding:4px 8px;border-radius:5px;font-size:10px}#ctrl-site .filmstrip{display:flex;gap:2px;height:38px;overflow:hidden;margin-top:13px;border:2px solid #88a96e;border-radius:5px;position:relative}#ctrl-site .filmstrip img{width:20%;object-fit:cover}#ctrl-site .timeline-range{width:100%;accent-color:#567a4b;margin:12px 0 0}#ctrl-site .wave-stage{background:linear-gradient(145deg,#dbdeef,#eff1fb);padding:32px 17px 22px;margin:0 12px;border-radius:9px;min-height:215px;display:flex;flex-direction:column;justify-content:center}#ctrl-site .waveform{display:flex;align-items:center;justify-content:space-between;gap:3px;height:110px;border-bottom:1px solid #a9acc6;position:relative}#ctrl-site .waveform span{width:4px;border-radius:4px;background:#7e81b6;min-height:6px;max-height:96px}#ctrl-site .waveform:after{content:'';position:absolute;left:35%;height:115px;width:1px;background:#4b507c}#ctrl-site .wave-times{display:flex;justify-content:space-between;margin-top:12px;font-size:10px;color:#687291}#ctrl-site .code-preview{padding:23px 18px;background:#eef2e8;min-height:225px;font:12px/1.9 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#526c52}#ctrl-site .code-preview strong{color:#326450;font-weight:500}#ctrl-site .code-preview .timestamp{color:#738eaf}#ctrl-site .archive-preview{padding:20px 17px;background:#f0eadb;min-height:225px}#ctrl-site .archive-row{display:flex;gap:9px;align-items:center;background:#ffffffb3;padding:10px 12px;margin-bottom:8px;border-radius:6px;font-size:11px}#ctrl-site .archive-row svg{width:16px;height:16px;color:#9b8550}#ctrl-site .archive-row small{margin-left:auto;color:#818575;font-size:9px}#ctrl-site .preview-feedback{font-size:10px;min-height:18px;color:#607256}
#ctrl-site .batch-copy p,#ctrl-site .privacy-copy p{font-size:15px}#ctrl-site .workflow p{font-size:14px}#ctrl-site .privacy{margin-top:88px}#ctrl-site details{font-size:15px}#ctrl-site details p,#ctrl-site details .detail-content{font-size:13px}#ctrl-site .download-section{margin-top:70px;padding:65px 24px}#ctrl-site .download-section>img{border-radius:15px}#ctrl-site .site-privacy{padding-top:28px}#ctrl-site .footer{padding-top:30px}#ctrl-site .footer a{font-size:12px;padding:6px 8px}
@media(min-width:1500px){#ctrl-site .hero-copy{padding-top:72px}}
@media(max-width:1000px){#ctrl-site .demo-canvas{padding:24px;grid-template-columns:1fr 250px 1fr}#ctrl-site .catalog-panel{grid-template-columns:1fr 1fr}#ctrl-site .catalog-visual{padding:22px}#ctrl-site .catalog-copy{padding:28px 24px}#ctrl-site .tool-list{grid-template-columns:1fr;gap:8px;font-size:13px}#ctrl-site .section{padding-top:65px}}
@media(max-width:760px){#ctrl-site .nav{padding:16px 24px}#ctrl-site .nav-links{gap:0}#ctrl-site .nav a{font-size:12px;padding:10px 12px}#ctrl-site .hero-copy{padding:45px 22px 34px}#ctrl-site .lead{font-size:16px}#ctrl-site .section{padding:55px 24px 0}#ctrl-site .catalog-panel{grid-template-columns:1fr}#ctrl-site .catalog-visual{padding:28px;gap:20px}#ctrl-site .app-window{max-width:520px;margin:auto}#ctrl-site .tool-list{grid-template-columns:1fr 1fr;font-size:14px}#ctrl-site .catalog-copy{padding:30px}#ctrl-site .catalog-note{font-size:12px}#ctrl-site .steps{gap:24px}#ctrl-site .steps p{font-size:14px}#ctrl-site .catalog-example{max-width:none;text-align:left}#ctrl-site .demo-canvas{padding:20px 18px;gap:15px}#ctrl-site .drag-instruction strong{font-size:23px}#ctrl-site .drag-instruction p{font-size:12px}#ctrl-site .privacy{margin-top:60px}#ctrl-site .section-head p{max-width:440px}#ctrl-site .preview-formats{width:100%}}
@media(max-width:620px){#ctrl-site .nav{padding:14px 18px}#ctrl-site .nav-links .desktop-link{display:none}#ctrl-site .hero-actions a{font-size:13px;padding:13px 17px}#ctrl-site .hero-copy .micro{font-size:12px;max-width:320px}#ctrl-site .demo{margin:0 12px}#ctrl-site .demo-canvas{display:flex;min-height:430px;padding:14px 16px 24px}#ctrl-site .file-group{gap:10px}#ctrl-site .sample-name{font-size:11px}#ctrl-site .file-icon{width:43px;height:54px}#ctrl-site .drag-instruction{padding-top:20px;max-width:260px}#ctrl-site .drag-instruction strong{font-size:24px}#ctrl-site .demo-bottom{padding:17px}#ctrl-site .catalog-visual{padding:22px 16px}#ctrl-site .catalog-copy{padding:26px 22px}#ctrl-site .catalog-copy h3{font-size:27px}#ctrl-site .app-window{min-height:330px}#ctrl-site .app-title{padding:15px 14px 11px}#ctrl-site .app-photo{aspect-ratio:1.5}#ctrl-site .preview-caption{font-size:10px}#ctrl-site .preview-formats button{font-size:11px;padding-left:4px}#ctrl-site .tool-list{gap:12px;font-size:13px}#ctrl-site .category-nav{gap:5px;margin-top:20px}#ctrl-site .category-nav button{font-size:12px;padding:10px 13px}#ctrl-site .steps h3{font-size:18px}#ctrl-site .batch-copy p,#ctrl-site .privacy-copy p{font-size:14px}#ctrl-site .workflow p{font-size:13px}#ctrl-site .section-head p{font-size:14px}#ctrl-site .footer{padding:24px 20px}#ctrl-site .brand{font-size:17px}#ctrl-site .download-section h2{font-size:35px}}
@media(max-width:360px){#ctrl-site .section{padding-left:16px;padding-right:16px}#ctrl-site .nav a{padding:9px 10px}#ctrl-site .brand{font-size:15px}#ctrl-site .hero-actions{gap:4px}#ctrl-site .hero-actions a{padding:12px 13px;font-size:12px}#ctrl-site .catalog-visual{padding:20px 12px}#ctrl-site .catalog-copy{padding:24px 18px}#ctrl-site .preview-formats{gap:5px}#ctrl-site .preview-formats button{font-size:10px}#ctrl-site .tool-list{grid-template-columns:1fr}#ctrl-site .preview-table th,#ctrl-site .preview-table td{font-size:10px;padding:8px 4px}#ctrl-site .app-toolbar{gap:1px}#ctrl-site .app-toolbar button{padding:6px}#ctrl-site .mini-page{padding:8px 6px}#ctrl-site .mini-page b{font-size:8px}#ctrl-site .mini-pages{gap:7px;padding:24px 12px}#ctrl-site .mini-page .page-photo{height:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}