:root{font-family:Arial,Helvetica,sans-serif;color:#192a26;background:#f7f8f6;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.topbar{height:58px;border-bottom:1px solid #dbe2dc;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1320px)/2));background:#fff}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.12em;font-size:13px}.brand-mark{width:20px;height:20px;background:#199a60;display:inline-block;clip-path:polygon(0 0,100% 0,100% 38%,38% 38%,38% 100%,0 100%)}.brand-sub{color:#8a9991;font-weight:400;letter-spacing:0}.top-note,.eyebrow,.panel-label{font-size:11px;letter-spacing:.12em;font-weight:700}.top-note{color:#688076}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#24ac67;margin-left:5px}.workspace{max-width:1368px;margin:auto;padding:32px 24px 44px}.heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.eyebrow{color:#168557;margin:0 0 10px}h1{font-size:34px;line-height:1.1;margin:0;letter-spacing:0}h2{font-size:24px;margin:0;letter-spacing:0}h3{font-size:15px;margin:0 0 10px}.subtitle{color:#62756a;margin:10px 0 0}.privacy-badge{border:1px solid #cde4d5;background:#f1fbf5;color:#216c47;padding:9px 11px;font-size:12px;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:minmax(290px,350px) minmax(0,1fr);gap:18px;align-items:start}.control-column,.preview-column{background:#fff;border:1px solid #dae2dc;border-radius:5px;padding:20px}.panel-label{display:flex;align-items:center;gap:9px;color:#54685d}.panel-label span{color:#1c9b64}.panel-label button{margin-left:auto;border:0;background:none;color:#26845c;font-size:12px;letter-spacing:0}.drop-zone{position:relative;border:1px dashed #9fbbae;background:#f9fcfa;min-height:178px;margin-top:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;color:#586f62}.drop-zone.dragging{border-color:#118859;background:#ebf8ef}.drop-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone strong{font-size:15px;color:#223b2d}.drop-zone small,.setting small{font-size:11px;color:#819288}.drop-icon{color:#17965c;font-size:26px}.choose-link{color:#148452;text-decoration:underline}.file-details{display:flex;justify-content:space-between;align-items:center;background:#edf6ef;padding:9px 12px;margin-top:10px;min-width:0}.file-details[hidden]{display:none}.file-details span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-details button{border:0;background:none;font-size:22px;color:#6a7f70}.adjust-label{margin-top:28px;padding-top:20px;border-top:1px solid #e5ebe6}.settings{display:grid;gap:19px;margin-top:19px}.setting{display:grid;gap:8px}.setting label{display:flex;justify-content:space-between;font-weight:700;font-size:12px}.setting output{color:#2e8c5e;font-weight:400}.setting input[type=range]{width:100%;accent-color:#199a60}.color-row{display:flex;gap:6px}.color-row input[type=color]{width:42px;height:32px;padding:2px;background:#fff;border:1px solid #cbd8ce}.preset,.segmented button{border:1px solid #d6e0d9;background:#fff;padding:7px 11px;color:#5c7063}.preset.active,.segmented button.selected{background:#e6f5eb;border-color:#85c6a0;color:#126740}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.segmented{display:flex}.segmented button+button{border-left:0}.preview-box{height:440px;border:1px solid #d5dfd6;display:flex;align-items:center;justify-content:center;overflow:hidden}.checker{background-color:#fff;background-image:linear-gradient(45deg,#dfe5e0 25%,transparent 25%),linear-gradient(-45deg,#dfe5e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe5e0 75%),linear-gradient(-45deg,transparent 75%,#dfe5e0 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}.preview-box.light{background:#fff}.preview-box.dark{background:#25332e}.preview-box canvas{display:block;max-width:100%;max-height:100%;object-fit:contain}.empty-preview{display:grid;gap:10px;color:#769083;text-align:center}.preview-glyph{font-size:54px;color:#b3c5b9}.preview-foot{display:flex;justify-content:space-between;gap:10px;color:#718579;font-size:12px;padding:12px 0}.video-controls{display:flex;align-items:center;gap:10px;border-top:1px solid #e6ebe7;padding:10px 0}.video-controls[hidden]{display:none}.video-controls button{width:30px;height:30px;border:1px solid #d5ded7;background:#fff}.video-controls input{flex:1;min-width:0;accent-color:#199a60}.video-controls span{font-size:12px;white-space:nowrap}.export-bar{border-top:1px solid #e2e9e3;padding-top:16px;display:flex;justify-content:space-between;gap:18px;align-items:end}.export-bar p{margin:8px 0 0;color:#77897d;font-size:12px;line-height:1.5}.export-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.export-actions button{border:1px solid #bfcfc3;background:#fff;color:#235b3e;padding:10px 13px;white-space:nowrap}.export-actions button.primary{background:#17955d;border-color:#17955d;color:#fff}.export-actions button:disabled{opacity:.45;cursor:not-allowed}.export-actions button[hidden]{display:none}.details,.faq{border-top:1px solid #dce5dd;background:#fff}.details-inner{max-width:1320px;margin:auto;padding:42px 24px;display:grid;grid-template-columns:280px 1fr;gap:32px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 38px}.detail-grid article{border-top:2px solid #d6e9da;padding-top:13px}.detail-grid p,.faq p{color:#66796c;line-height:1.6;margin:0;font-size:13px}.faq details{border-bottom:1px solid #dce5dd;padding:15px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{padding-top:12px}footer{border-top:1px solid #dce5dd;background:#fff;display:flex;justify-content:space-between;padding:20px max(24px,calc((100vw - 1320px)/2));font-size:11px;letter-spacing:.1em;color:#60796a}footer span{letter-spacing:0}@media(max-width:850px){.tool-grid{grid-template-columns:1fr}.details-inner{grid-template-columns:1fr}.heading{align-items:start}.preview-box{height:380px}}@media(max-width:600px){.topbar{padding:0 16px}.brand-sub,.top-note,.privacy-badge{display:none}.workspace{padding:24px 14px 30px}.heading{margin-bottom:20px}h1{font-size:27px}.control-column,.preview-column{padding:15px}.preview-box{height:300px}.preview-head,.export-bar{align-items:start;flex-direction:column}.export-actions{justify-content:flex-start;width:100%}.export-actions button{flex:1}.details-inner{padding:32px 18px}.detail-grid{grid-template-columns:1fr}footer{padding:18px}footer span{display:none}}
nav{display:flex;gap:16px}nav a{color:#52685a;text-decoration:none;font-size:12px}nav a:hover,.text-link{color:#168557;text-decoration:underline}.info-page{max-width:760px;margin:auto;padding:72px 24px 110px;min-height:62vh}.info-page h1{max-width:650px;margin-bottom:24px}.info-page p{max-width:680px;color:#62756a;line-height:1.7}.contact-email{font-size:20px;color:#168557}