:root{--sg-paper:#f8f7f3;--sg-surface:#efeee7;--sg-ink:#303b31;--sg-muted:#666c61;--sg-line:#dedfd6;--sg-green:#4b5b43;--sg-accent:#7a4f2a;--sg-serif:'Playfair Display',Georgia,serif;--sg-sans:'Lato',Arial,sans-serif}
*{box-sizing:border-box}body.sg-page{display:block;margin:0;padding:0;background:var(--sg-paper);color:var(--sg-ink);font:400 16px/1.6 var(--sg-sans);min-height:100vh;-webkit-font-smoothing:antialiased}.sg-page a{color:var(--sg-green)}.sg-page a:hover{color:var(--sg-accent)}.sg-page a:focus-visible,.sg-page button:focus-visible,.sg-page input:focus-visible,.sg-page select:focus-visible,.sg-page textarea:focus-visible{outline:2px solid var(--sg-accent);outline-offset:4px}.sg-skip{position:absolute;top:-80px;left:20px;z-index:100;background:white;padding:12px}.sg-skip:focus{top:10px}
.sg-header{border-bottom:1px solid var(--sg-line)}.sg-header-inner{max-width:1160px;margin:auto;padding:0 24px;min-height:108px;display:flex;align-items:center;gap:28px}.sg-brand{display:block;flex-shrink:0}.sg-brand img{display:block;width:96px;height:96px}.sg-tools-link{font:400 18px var(--sg-serif);text-decoration:none;border-left:1px solid var(--sg-line);padding-left:28px}.sg-site-link{margin-left:auto;font-size:14px;text-decoration:none;display:flex;align-items:center;gap:18px}.sg-site-link span{font-size:20px}.sg-main{max-width:1160px;margin:0 auto;padding:42px 24px 28px}.sg-page h1,.sg-page h2,.sg-page h3{font-family:var(--sg-serif);font-weight:400;color:var(--sg-ink);letter-spacing:-.025em}.sg-page h1{font-size:clamp(27px,3.2vw,42px);line-height:1.2;text-align:left;margin:0 0 22px}.sg-page h2{line-height:1.3}.sg-eyebrow{font:400 11px/1.6 var(--sg-sans);letter-spacing:.15em;color:var(--sg-muted);margin:0 0 14px}.sg-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.sg-intro h1{font-size:clamp(38px,5vw,60px);margin:0}.sg-intro>p{color:var(--sg-muted);margin:0 0 5px;font-size:15px}.sg-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sg-tool{position:relative;display:block;min-height:154px;padding:20px 22px;border:1px solid var(--sg-line);border-radius:3px;text-decoration:none;background:#fffefa;transition:border-color .18s,background .18s}.sg-tool:hover{border-color:var(--sg-green);background:var(--sg-surface)}.sg-tool-number{font-size:11px;color:var(--sg-muted);letter-spacing:.09em}.sg-tool h2{font-size:21px;margin:16px 0 7px}.sg-tool p{font-size:12px;line-height:1.5;color:var(--sg-muted);margin:0}.sg-tool-arrow{position:absolute;right:20px;top:17px;font-size:19px;color:var(--sg-green)}
.sg-detail-page .sg-main{max-width:1028px}.sg-page .container{width:100%;max-width:none;background:transparent;padding:0;border-radius:0;box-shadow:none;margin:0}.sg-page form{max-width:none}.sg-page fieldset,.sg-page .section{min-width:0;background:#fffefa;border:1px solid var(--sg-line);border-radius:3px;padding:20px;margin:18px 0}.sg-page legend{font-weight:400;color:var(--sg-green);padding:0 8px}.sg-page label{color:var(--sg-ink);font-weight:400;font-size:14px}.sg-page input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),.sg-page select,.sg-page textarea{font:400 15px/1.5 var(--sg-sans);color:var(--sg-ink);background:white;border:1px solid #c5c9bd;border-radius:3px;padding:10px 12px;max-width:100%;min-width:0;box-shadow:none}.sg-page input[type=checkbox],.sg-page input[type=radio]{accent-color:var(--sg-green)}.sg-page textarea{resize:vertical}.sg-page .row>*{min-width:0}.sg-page .hint,.sg-page .muted{color:var(--sg-muted)}.sg-page .section h2{font-size:23px;color:var(--sg-ink)}.sg-page button,.sg-page .btn{font:400 14px/1.4 var(--sg-sans);min-height:42px;padding:10px 18px;background:var(--sg-green);color:white;border:1px solid var(--sg-green);border-radius:3px;cursor:pointer;box-shadow:none;text-decoration:none}.sg-page button:hover,.sg-page .btn:hover{background:#3c4c35;color:white}.sg-page button:disabled{opacity:.55;cursor:wait}.sg-page button.secondary,.sg-page .btn.secondary,.sg-page button.ghost,.sg-page .copy{background:transparent;color:var(--sg-green);border:1px solid var(--sg-line)}.sg-page button.secondary:hover,.sg-page .btn.secondary:hover,.sg-page button.ghost:hover,.sg-page .copy:hover{background:var(--sg-surface)}.sg-page .env-btn,.sg-page .channel-btn,.sg-page .lang-btn,.sg-page .view-btn{background:transparent;color:var(--sg-green);border-color:#aab19f}.sg-page .env-btn.active,.sg-page .channel-btn.active,.sg-page .lang-btn.active,.sg-page .view-btn.active,.sg-page .env-btn:hover,.sg-page .channel-btn:hover,.sg-page .lang-btn:hover,.sg-page .view-btn:hover{background:var(--sg-green);color:white}.sg-page .button-group,.sg-page .actions{flex-wrap:wrap}.sg-page .card{border:1px solid var(--sg-line);border-radius:3px;overflow:hidden}.sg-page .card h2{background:var(--sg-surface);border-color:var(--sg-line);font:400 15px var(--sg-sans);padding:14px}.sg-page .card pre,.sg-page #rawOutput pre{background:#fffefa;color:var(--sg-ink)}.sg-page pre{white-space:pre-wrap;overflow-wrap:anywhere}.sg-page #result,.sg-page .urlbox{overflow-wrap:anywhere;max-width:100%}.sg-page .urlbox{background:var(--sg-surface);border-color:var(--sg-line);border-radius:3px}.sg-page #loading{color:var(--sg-green)}.sg-page .err{color:#a52a22}.sg-page .ok{color:#3b622f}
.sg-promo-wrap{max-width:1160px;margin:0 auto;padding:10px 24px 48px}.sg-promo{position:relative;display:grid;grid-template-columns:235px 1fr;gap:40px;align-items:center;background:var(--sg-surface);border-radius:3px;overflow:hidden}.sg-promo>img{display:block;width:235px;height:300px;object-fit:cover}.sg-promo-copy{padding:28px 32px 28px 0;max-width:620px}.sg-promo-copy h2{font:400 clamp(26px,3vw,36px)/1.2 var(--sg-serif);letter-spacing:-.025em;margin:0 0 15px;color:var(--sg-ink)}.sg-promo-copy>p:not(.sg-eyebrow){font-size:14px;line-height:1.7;color:var(--sg-muted);margin:0 0 20px;max-width:430px}.sg-promo .sg-eyebrow{margin:0 0 12px}.sg-page .sg-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 22px;background:var(--sg-green);color:white;border:1px solid var(--sg-green);border-radius:3px;text-decoration:none;font:400 14px/1.5 var(--sg-sans)}.sg-page .sg-cta:hover{background:#3c4c35;color:white}.sg-promo-note{position:absolute;right:24px;bottom:20px;color:var(--sg-muted);font-size:11px;writing-mode:vertical-rl}.sg-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--sg-line);max-width:1112px;margin:0 auto;padding:22px 0 28px;font-size:12px;color:var(--sg-muted)}
@media(max-width:900px){.sg-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-promo-note{display:none}.sg-footer{margin:0 24px}}@media(max-width:600px){.sg-header-inner{padding:0 18px;gap:14px;min-height:84px}.sg-brand img{width:76px;height:76px}.sg-tools-link{font-size:15px;padding-left:14px}.sg-site-link{font-size:12px;gap:6px}.sg-main{padding:30px 18px 24px}.sg-intro{display:block;margin-bottom:24px}.sg-intro>p{margin:18px 0 0}.sg-tool-grid{gap:10px}.sg-tool{padding:17px 14px;min-height:148px}.sg-tool h2{font-size:19px;margin-top:22px}.sg-tool p{font-size:11px}.sg-tool-arrow{right:14px}.sg-promo-wrap{padding:6px 18px 30px}.sg-promo{grid-template-columns:110px 1fr;gap:20px;align-items:stretch}.sg-promo>img{width:110px;height:100%;min-height:300px;object-position:48% center}.sg-promo-copy{padding:24px 14px 24px 0}.sg-promo-copy h2{font-size:26px}.sg-promo-copy>p:not(.sg-eyebrow){font-size:13px}.sg-promo .sg-eyebrow{font-size:9px;letter-spacing:.08em}.sg-page .sg-cta{font-size:13px;padding:10px 13px;gap:14px}.sg-page .row{grid-template-columns:1fr}.sg-page fieldset,.sg-page .section{padding:14px}.sg-page .button-group{gap:8px}.sg-page .button-group button{flex:1 1 auto}.sg-page .sg-main input{margin-left:0}.sg-footer{margin:0 18px;font-size:11px}.sg-page .record-actions{display:flex;flex-wrap:wrap;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}