@import "https://fonts.googleapis.com/css2?family=Raleway:wght@600;700;800&family=Bitter:ital,wght@0,400;0,600;1,400&display=swap";:root{--page:#f7f9f2;--surface:#fff;--ink:#1a2c00;--green:#3d6e00;--muted:#6a8640;--soft:#9ab870;--border:#ccdba0;--pill:#eef5d6;--warning:#9f5f00;--shadow:0 14px 30px #3d6e0014}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Bitter,Georgia,serif}button,input{font:inherit}button{cursor:pointer}a.primary-button{text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.site-header{border-bottom:1.5px solid var(--border);background:var(--surface);z-index:20;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-logo{width:auto;height:36px}.brand-divider{background:var(--border);border-radius:2px;width:1.5px;height:28px}.brand-title,.brand-subtitle,.site-link,.section-kicker,h1,h2,button,.field span,.snippet-card span,.saved-row,.site-footer{font-family:Raleway,sans-serif}.brand-title{color:var(--green);letter-spacing:.02em;font-size:.9rem;font-weight:700;line-height:1}.brand-subtitle{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-top:2px;font-size:.62rem;font-weight:600}.site-link{color:var(--green);background:var(--pill);border:1.5px solid var(--border);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:.65rem;font-weight:700;text-decoration:none;display:inline-flex}.tool-hero{width:100%;max-width:1040px;margin:0 auto;padding:56px 32px 32px}.section-kicker{align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-kicker div{background:var(--green);width:28px;height:1.5px}.section-kicker span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.65rem;font-weight:700}.hero-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:end;gap:32px;display:grid}h1{color:var(--ink);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15}.tool-hero p,.panel-heading p{color:var(--muted);margin:0;line-height:1.65}.tool-hero p{max-width:590px;font-size:1rem}.privacy-note{background:var(--surface);border:1.5px solid var(--border);color:var(--green);box-shadow:var(--shadow);border-radius:12px;gap:12px;padding:18px;display:flex}.privacy-note strong{margin-bottom:4px;font-family:Raleway,sans-serif;font-size:.85rem;display:block}.privacy-note span{color:var(--muted);font-size:.82rem;line-height:1.5;display:block}.tool-main{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:16px;width:100%;max-width:1040px;margin:0 auto;padding:0 32px 80px;display:grid}.panel{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel-heading.compact{align-items:center}h2{color:var(--ink);letter-spacing:-.01em;margin:0 0 6px;font-size:1.05rem;font-weight:800}.panel-heading p{font-size:.85rem}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-wide{grid-column:1/-1}.field{flex-direction:column;gap:7px;display:flex}.field span,.format-group legend,.format-option span,.note-list strong{letter-spacing:.08em;text-transform:uppercase;color:var(--green);font-size:.65rem;font-weight:700}.field input{border:1.5px solid var(--border);width:100%;color:var(--ink);background:#fbfcf7;border-radius:10px;outline:none;padding:11px 12px;font-size:.94rem;line-height:1.2}.field input:focus{border-color:var(--green);box-shadow:0 0 0 3px #3d6e001a}.field small{color:var(--soft);font-size:.74rem;line-height:1.45}.output-panel{flex-direction:column;gap:16px;display:flex}.status-dot{background:var(--pill);border:1.5px solid var(--border);width:32px;height:32px;color:var(--muted);border-radius:999px;flex:none;place-items:center;display:grid}.status-dot.valid{color:var(--green)}.url-box,.result-box{border:1.5px dashed var(--border);min-height:128px;color:var(--green);overflow-wrap:anywhere;background:#fbfcf7;border-radius:10px;padding:14px;font-size:.88rem;line-height:1.55}.result-box{flex-direction:column;justify-content:center;gap:8px;display:flex}.result-box.success{border-style:solid}.result-box.error{color:var(--warning);border-color:#9f5f0073}.result-box strong{color:var(--ink);font-family:Raleway,sans-serif;font-size:.98rem;line-height:1.35}.result-box span{color:var(--muted);overflow-wrap:anywhere;font-size:.78rem}.button-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.button-row.single{grid-template-columns:1fr}.primary-button,.secondary-button,.ghost-button,.snippet-card button,.saved-row button{border:1.5px solid var(--border);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:34px;font-size:.72rem;font-weight:800;display:inline-flex}.submit-button{width:max-content;padding:0 18px}.primary-button{background:var(--green);color:#fff;border-color:var(--green)}.disabled-link{pointer-events:none;opacity:.55}.secondary-button,.ghost-button,.snippet-card button,.saved-row button{color:var(--green);background:var(--pill)}.ghost-button{white-space:nowrap;min-height:30px;padding:4px 12px}.snippet-card{border:1.5px solid var(--border);background:var(--page);border-radius:10px;grid-template-columns:1fr auto;gap:8px;padding:12px;display:grid}.snippet-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;font-size:.62rem;font-weight:800}.snippet-card code{color:var(--ink);overflow-wrap:anywhere;font-size:.78rem;line-height:1.5}.snippet-card button{width:34px;min-height:30px}.presets-panel,.saved-panel{grid-column:1/-1}.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.preset-card{text-align:left;border:1.5px solid var(--border);background:#fbfcf7;border-radius:12px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .15s}.info-card{cursor:default}.download-form{flex-direction:column;gap:18px;display:flex}.format-group{border:0;grid-template-columns:repeat(2,minmax(0,150px));gap:10px;margin:0;padding:0;display:grid}.format-group legend{color:var(--green);text-transform:uppercase;margin-bottom:8px}.format-option{border:1.5px solid var(--border);min-height:44px;color:var(--muted);cursor:pointer;background:#fbfcf7;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.format-option.selected{background:var(--pill);color:var(--green);border-color:var(--green)}.format-option input{opacity:0;pointer-events:none;position:absolute}.note-list{border:1.5px solid var(--border);border-radius:10px;overflow:hidden}.note-list div{border-top:1.5px solid var(--border);grid-template-columns:170px minmax(0,1fr);align-items:center;gap:14px;min-height:58px;padding:12px 14px;display:grid}.note-list div:first-child{border-top:0}.note-list strong{color:var(--green);text-transform:uppercase}.note-list span{color:var(--muted);font-size:.86rem;line-height:1.55}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preset-card:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-1px)}.info-card:hover{border-color:var(--border);box-shadow:none;transform:none}.preset-card strong{color:var(--ink);margin-bottom:6px;font-family:Raleway,sans-serif;font-size:.9rem;display:block}.preset-card span{color:var(--muted);font-size:.78rem;line-height:1.55;display:block}.saved-table{border:1.5px solid var(--border);border-radius:10px;overflow:hidden}.saved-row{border-top:1.5px solid var(--border);min-height:46px;color:var(--ink);grid-template-columns:1.2fr 1fr 1fr 78px;align-items:center;gap:12px;padding:9px 12px;font-size:.76rem;font-weight:700;display:grid}.saved-head{background:var(--pill);min-height:38px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-top:0;font-size:.62rem}.saved-row button{min-height:28px}.empty-state{color:var(--soft);padding:18px 12px;font-size:.86rem}.site-footer{border-top:1.5px solid var(--border);background:var(--surface);color:var(--soft);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 32px;font-size:.65rem;font-weight:600;display:flex}.site-footer a{color:var(--green);font-weight:700;text-decoration:none}@media (width<=860px){.hero-grid,.tool-main{grid-template-columns:1fr}.privacy-note{max-width:440px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.site-header{align-items:flex-start;gap:12px;height:auto;padding:12px 18px}.brand-logo{height:32px}.site-link{padding:4px 9px}.tool-hero,.tool-main{padding-left:18px;padding-right:18px}.tool-hero{padding-top:40px}.field-grid,.button-row,.preset-grid,.format-group,.note-list div{grid-template-columns:1fr}.panel{padding:18px}.panel-heading{flex-direction:column}.saved-table{overflow-x:auto}.saved-row{min-width:560px}.submit-button{width:100%}}