.eco-main{max-width:720px;margin:0 auto;padding:24px 24px 72px;line-height:1.65}.eco-main h1{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.3rem);line-height:1.15}.eco-lede{color:var(--muted);margin:0 0 28px}.eco-dropzone{border:2px dashed var(--green);background:var(--tint);text-align:center;cursor:pointer;border-radius:20px;padding:40px 24px;transition:background .15s,transform .15s,box-shadow .15s}.eco-dropzone:hover,.eco-dropzone:focus-visible,.eco-dropzone.dragover{background:var(--tint-strong);box-shadow:var(--shadow);outline:none;transform:translateY(-3px)}.eco-dropzone.disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.eco-dropzone p{margin:0;font-size:1.05rem}.eco-dropzone .eco-hint{color:var(--muted);margin-top:6px;font-size:.95rem}.eco-notice{color:var(--muted);margin:10px 0 0;font-size:.9rem}.eco-controls{flex-wrap:wrap;align-items:flex-end;gap:24px;margin-top:28px;display:flex}.eco-slider-group{flex:1;min-width:240px}.eco-slider-group label{margin-bottom:6px;font-weight:650;display:block}.eco-slider-group .eco-value{color:var(--green-hover)}.eco-slider-group .eco-sub{color:var(--muted);font-size:.85rem;font-weight:400;display:block}.eco-slider-group input[type=range]{width:100%;accent-color:var(--green)}.eco-btn{background:linear-gradient(135deg, var(--green), var(--green-bright));color:#04160c;cursor:pointer;box-shadow:0 6px 18px var(--glow);border:none;border-radius:999px;padding:12px 28px;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .15s,filter .15s}.eco-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.eco-btn:disabled{background:var(--border);color:var(--muted);box-shadow:none;cursor:not-allowed}.eco-progress{margin-top:28px}.eco-progress p{color:var(--muted);margin:0 0 8px;font-size:.95rem}.eco-progress progress{width:100%;height:10px;accent-color:var(--green)}.eco-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-ink);border-radius:14px;margin-top:24px;padding:14px 18px}.eco-error p{margin:0}.eco-error ul{margin:8px 0 0;padding-left:20px}.eco-result{border:1px solid var(--border);background:var(--surface);border-radius:20px;margin-top:36px;padding:28px}.eco-result h2{letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 4px;font-size:1.4rem;display:flex}.eco-check{background:linear-gradient(135deg, var(--green), var(--green-bright));color:#04160c;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;display:inline-flex}.eco-result>p{color:var(--muted);margin:0}.eco-list{color:var(--muted);margin:10px 0 0;padding-left:22px}.eco-results-list{margin:16px 0 0;padding:0;list-style:none}.eco-file-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.eco-file-row:last-child{border-bottom:none}.eco-file-info{min-width:0}.eco-file-info strong{overflow-wrap:anywhere;display:block}.eco-file-meta{color:var(--muted);font-size:.88rem}.eco-btn.small{flex:none;padding:8px 18px;font-size:.9rem}.eco-btn.secondary{background:var(--tint);color:var(--ink);border:1px solid var(--border);box-shadow:none}.eco-btn.secondary:hover:not(:disabled){background:var(--tint-strong)}.eco-file-actions{flex:none;align-items:center;gap:10px;display:flex}@media (hover:none) and (pointer:coarse){.eco-print{display:none}}.eco-warnings{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-ink);border-radius:12px;margin:14px 0 0;padding:12px 16px;font-size:.95rem;list-style:none}.eco-download{margin-top:22px}.eco-previews{margin-top:30px}.eco-previews label{margin-bottom:6px;font-weight:650;display:block}.eco-preview-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;margin-bottom:18px;padding:10px 14px;font-family:inherit;font-size:1rem;display:block}.eco-preview-input:focus{border-color:var(--green);outline:none}textarea.eco-preview-input{resize:vertical;line-height:1.5}.eco-previews figure{margin:0 0 18px}.eco-previews figcaption{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-size:.8rem;font-weight:650}.eco-preview-sample{color:#111;border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;font-synthesis:none;background:#fff;border-radius:12px;min-height:1.3em;padding:14px 20px;font-size:2.5rem;line-height:1.3}
