:root{--paper:#f7f7f2;--white:#fff;--ink:#253a31;--muted:#748077;--line:#e1e5dc;--forest:#25463a;--lime:#d9edb3;--orange:#b16844;--danger:#a33d32;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:3px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bf8d47;outline-offset:4px}input:focus,select:focus{border-color:#50785d}button{border:0}h1,h2,h3,p{margin:0}button,a{touch-action:manipulation}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:15px;background:var(--forest);color:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{height:94px;max-width:1280px;margin:auto;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:54px;padding:0 36px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:26px;font-weight:750;letter-spacing:-1.4px}.brand-light{font-weight:400}.brand-dot{color:var(--orange)}.site-header nav{display:flex;gap:28px;align-self:stretch}.nav-link{display:flex;align-items:center;gap:6px;text-decoration:none;font-size:13px;font-weight:550;color:#667268;position:relative}.nav-link.active{color:var(--forest)}.nav-link.active:after{content:"";height:2px;background:var(--forest);position:absolute;bottom:-1px;left:0;right:0}.connection{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px;color:#58685d;white-space:nowrap}.status-dot{width:6px;height:6px;background:#628769;border-radius:50%}.page-shell{max-width:1176px;padding:0 36px;margin:0 auto}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:58px 0 36px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;line-height:1.6}.page-intro .eyebrow{color:var(--orange);margin-bottom:17px}h1{font-size:49px;line-height:1.12;letter-spacing:-1.8px;font-weight:500}.serif{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400}.intro-copy{font-size:14px;line-height:1.7;color:#68766b;margin-top:18px}.intro-note{display:flex;gap:13px;align-items:center;color:#68766b;font-size:11px;line-height:1.6;margin-bottom:7px}.note-mark{font-size:46px;color:#9bac8c;font-family:Georgia,serif}.studio-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:24px}.editor-card{background:white;border:1px solid var(--line);border-radius:16px;padding:30px 32px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-heading .eyebrow{color:#7d867b;font-size:9px;letter-spacing:1.5px}h2{font-size:21px;font-weight:550;letter-spacing:-.55px}.section-heading h2{margin-top:7px}.corner-mark{font-size:30px;font-weight:300;color:#b4beb1}.mode-picker{border:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;margin:0 0 25px}.mode-option{position:relative;cursor:pointer}.mode-option input{position:absolute;opacity:0;width:1px;height:1px}.mode-option>span{display:block;border:1px solid #e1e5dd;border-radius:9px;padding:14px 13px;min-height:73px;transition:background .15s,border-color .15s}.mode-option strong{font-size:12px;font-weight:600}.mode-option small{display:block;font-size:10px;color:#7d877c;margin-top:6px}.mode-option input:checked+span{background:#f0f4e9;border-color:#91a682}.mode-option input:checked+span strong{color:var(--forest)}.mode-option input:focus-visible+span{outline:3px solid #bf8d47;outline-offset:3px}.tiny-arrow{float:right;color:#7b956b;font-size:15px}.field-group{margin-bottom:21px}.field-group label,.color-picker legend{font-size:11px;font-weight:600;display:block;margin-bottom:9px}.optional{font-weight:400;color:#879082;margin-left:4px;font-size:10px}input[type=url],input[type=text],select{background:#fcfcf9;border:1px solid #dce2d7;border-radius:7px;padding:12px 13px;font-size:12px;color:var(--ink);width:100%;height:44px;min-width:0}input::placeholder{color:#9aA195}input[aria-invalid=true]{border-color:var(--danger)}.field-hint{font-size:10px;color:#7d877b;line-height:1.65;margin-top:8px}.field-hint a{color:#516c51}.divider{height:1px;background:var(--line);margin:25px 0 21px}.section-heading.compact{margin-bottom:17px}.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:22px}.appearance-grid .field-group{margin:0}.color-picker{border:0;margin:0;padding:0;min-width:0}.color-picker legend{padding:0}.swatches{display:flex;gap:11px;align-items:center;min-height:44px}.swatches label{position:relative;cursor:pointer}.swatches input{position:absolute;opacity:0;width:1px;height:1px}.swatch{width:25px;height:25px;display:block;border-radius:50%;position:relative}.forest{background:#25463a}.ink{background:#172027}.indigo{background:#303b81}.swatches input:checked+.swatch:after{position:absolute;content:"";inset:-4px;border:1px solid #809576;border-radius:50%}.swatches input:focus-visible+.swatch{outline:3px solid #bf8d47;outline-offset:5px}.appearance-grid select{font-size:11px}.button{border-radius:7px;padding:13px 16px;display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-size:11px;font-weight:600;min-height:42px;transition:background .15s,transform .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{color:white;background:var(--forest)}.primary:hover:not(:disabled){background:#335747}.wide{width:100%;justify-content:space-between}.form-status{font-size:11px;line-height:1.6;margin-top:10px;min-height:0;color:#65765d}.form-status:not(:empty){min-height:18px}.form-status.error{color:var(--danger)}.preview-card{border-radius:16px;background:var(--forest);padding:26px 30px 20px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;isolation:isolate;min-height:610px}.preview-card:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #41604c;border-radius:50%;z-index:-1;bottom:-270px;left:-145px;box-shadow:0 0 0 35px #41604c33,0 0 0 70px #41604c22}.preview-heading{display:flex;justify-content:space-between;align-items:center;width:100%;color:#b7c5a9;margin-bottom:29px}.preview-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.sparkle{font-size:29px;line-height:1}.qr-paper{width:min(100%,264px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:10px;background:white;border-radius:12px;box-shadow:0 6px 30px #0c201d25;transform:rotate(-2deg);margin-bottom:26px}.qr-paper canvas{width:100%;height:100%;image-rendering:pixelated;border-radius:4px}.qr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a4b39a;gap:18px}.qr-empty p{text-align:center;color:#87967d;font-size:12px;line-height:1.65}.preview-card h2{color:#f2f5e9;font-size:22px;font-weight:450;letter-spacing:-.4px;text-align:center;overflow-wrap:anywhere;max-width:100%}.preview-description{font-size:11px;color:#bdcab7;line-height:1.75;text-align:center;margin:10px 0 18px;overflow-wrap:anywhere;max-width:100%}.preview-url{font-size:10px;color:#d2dec9;overflow-wrap:anywhere;text-align:center;max-width:100%;margin:0 0 17px;line-height:1.7}.download-buttons{display:flex;width:100%;gap:8px;margin-top:auto}.light{background:var(--lime);color:#294233;flex:1}.light:hover:not(:disabled){background:#e6f3ca}.outline-light{background:transparent;color:#e0e8d8;border:1px solid #6c816c;min-width:74px}.preview-footnote{font-size:9px;color:#9db194;letter-spacing:.15px;margin-top:15px;text-align:center}.recent-section{margin-top:42px}.recent-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.recent-heading h2{font-size:18px;display:flex;align-items:center;gap:9px}.recent-heading p{font-size:10px;color:#7b8778;margin-top:6px}.count{font-size:10px;background:#e9ede1;border-radius:5px;padding:3px 6px;letter-spacing:0}.text-button{background:none;color:#73826c;font-size:11px;padding:10px 0}.recent-empty{border:1px dashed #d4ddcb;border-radius:10px;display:flex;align-items:center;gap:15px;padding:26px;color:#94a186}.recent-empty>span{font-size:31px;font-weight:300}.recent-empty p{font-size:12px;color:#65765d}.recent-empty small{display:block;color:#91a086;font-size:10px;margin-top:7px}.recent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recent-item{border:1px solid var(--line);padding:16px;background:#fff;border-radius:10px;display:flex;align-items:center;gap:13px}.recent-item img{width:45px;height:45px;image-rendering:pixelated;flex-shrink:0}.recent-info{min-width:0;flex:1}.recent-info strong{font-size:11px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#7c8b73;margin-top:6px}.recent-item button{background:#eff3e8;border-radius:6px;width:30px;height:30px;color:var(--forest);font-size:15px;flex-shrink:0}.connect-note{display:flex;align-items:center;gap:16px;margin:29px 0 43px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.note-icon{background:#eaf0df;color:#6f8b59;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.connect-note strong{font-size:12px;font-weight:550}.connect-note p{font-size:10px;color:#7a8773;line-height:1.7;margin-top:5px}.connect-note>a{font-size:10px;white-space:nowrap;margin-left:auto;font-weight:550;text-decoration:none}.site-footer{max-width:1176px;padding:0 36px 30px;margin:auto;display:flex;justify-content:space-between;font-size:10px;font-weight:600;gap:15px}.footer-muted{color:#8c9587;font-weight:400;margin-left:9px}.input-with-action{position:relative}.input-with-action input{padding-right:45px}.input-action{position:absolute;right:5px;top:5px;background:#edf2e6;border-radius:5px;width:34px;height:34px;color:#5a754c;font-size:22px}.address-preview{font-size:10px;line-height:1.6;color:#61735a;overflow-wrap:anywhere;padding-top:3px}.inline-notice{background:#f7eedc;padding:13px 15px;border-radius:7px;font-size:11px;line-height:1.65;color:#7c5a2c;margin-top:12px}.redirect-card{max-width:600px;margin:90px auto 120px;padding:48px 30px;border:1px solid var(--line);border-radius:16px;background:white;text-align:center}.redirect-card h1{font-size:33px;margin:18px 0;letter-spacing:-1px}.redirect-card>p:not(.eyebrow){font-size:14px;color:#6a7c61;line-height:1.7;overflow-wrap:anywhere}.redirect-symbol{font-size:56px;color:#8ea578;margin-bottom:20px}.redirect-card .button{margin-top:25px}.loading-track{height:3px;background:#edf2e5;overflow:hidden;border-radius:10px;max-width:200px;margin:28px auto 0}.loading-track span{display:block;width:40%;height:100%;background:#9bb478;animation:loading 1.3s ease-in-out infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(350%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.setup-intro{padding:50px 0 30px}.setup-intro h1{font-size:40px;margin:12px 0 15px}.setup-intro>p:last-child{font-size:14px;color:#6a7c61;line-height:1.7;max-width:650px}.setup-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start;margin-bottom:45px}.setup-steps{display:grid;gap:16px}.step-card,.setup-config{border:1px solid var(--line);border-radius:12px;background:white;padding:26px}.step-card h2{font-size:17px;display:flex;gap:12px;align-items:center;margin-bottom:13px}.step-number{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background:#edf2e4;color:#65834f;font-size:10px;width:25px;height:25px;flex-shrink:0}.step-card p,.step-card li,.setup-config>p{font-size:12px;color:#66765c;line-height:1.8}.step-card ol{margin:10px 0;padding-left:19px}.step-card li+li{margin-top:7px}code{font-size:.92em;background:#edf2e5;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.step-card pre{background:#f4f6ee;border:1px solid #e2e8d8;padding:14px;border-radius:6px;overflow:auto;line-height:1.8;font-size:10px;color:#527044}.step-card pre code{background:none;padding:0}.step-card .button{margin-top:14px}.setup-config{position:sticky;top:24px}.setup-config h2{font-size:21px;margin-bottom:10px}.setup-config>p{margin-bottom:24px}.setup-config label{font-size:11px}.setup-config .button+.button{margin-top:10px}.setup-config .secondary{background:#edf2e5;color:#36582c}.setup-config .field-hint{margin-top:7px}.setup-config .divider{margin:23px 0}.setup-config h3{font-size:13px;margin-bottom:16px}.setup-config .field-group{margin-bottom:18px}.setup-config .form-status{margin-bottom:12px}.setup-bottom{font-size:11px;color:#7b8873;padding:0 0 30px;line-height:1.9}.setup-bottom details{border-top:1px solid var(--line);padding:16px 0}.setup-bottom summary{cursor:pointer;font-size:12px;color:#4e6845;font-weight:550}.setup-bottom details p{margin-top:10px;max-width:800px}.no-script{margin:20px}
/* Let both pointer and keyboard users activate the full custom radio label. */
.skip-link{position:absolute}
.mode-option input,.swatches input{inset:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}
.swatches{gap:3px}.swatches label{display:grid;place-items:center;width:40px;height:44px}
.secondary{background:#edf2e5;color:#36582c}
.shortlink-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin-bottom:30px;align-items:start}
.slug-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.slug-label label{margin:0}.mode-badge{font-size:9px;background:#edf2e5;color:#527044;border-radius:5px;padding:5px 8px;white-space:nowrap}
.short-preview-card{border-radius:16px;background:var(--forest);padding:32px;color:#eef4e8;min-height:390px}
.short-preview-card .eyebrow{color:#b7c5a9}.big-arrow{font-size:72px;line-height:1.4;color:#cbe4a6;display:block}
.short-preview-card h2{font-size:26px;line-height:1.35;font-weight:450;max-width:280px}
.short-url{font-size:14px;line-height:1.7;overflow-wrap:anywhere;padding:18px 0;color:#d9edb3}
.draft-badge{display:inline-block;padding:6px 9px;border:1px solid #6a8066;border-radius:5px;color:#c6d6bc;font-size:9px}
.short-explanation{font-size:11px;line-height:1.9;color:#b7c9ad;margin-top:22px}
.owner-shell{max-width:620px;margin:32px auto;padding:0 20px 35px}
.owner-title{font-size:34px;letter-spacing:-1px;margin:13px 0}.owner-intro{font-size:12px;line-height:1.8;color:#6a7c61;margin-bottom:22px}
.owner-preview{padding:15px;background:#f1f5e9;border-radius:7px;margin-bottom:20px}.owner-preview .address-preview{font-size:12px;margin-top:7px}
.saved-url{display:block;overflow-wrap:anywhere;font-size:13px;line-height:1.8;margin:20px 0}
#saved-result .button{margin:5px 6px 5px 0}
@media(max-width:650px){.shortlink-layout{grid-template-columns:1fr}.short-preview-card{padding:27px;min-height:350px}.site-header{height:auto!important;min-height:94px;flex-wrap:wrap;gap:10px!important;padding-top:15px!important}.site-header nav{width:100%;height:40px;gap:24px}.owner-shell{margin-top:24px}.owner-title{font-size:30px}}
@media(min-width:1400px){.page-intro{padding-top:70px}.studio-grid{gap:28px}.editor-card{padding:32px 36px}}
@media(max-width:850px){.site-header{padding:0 25px;gap:35px}.page-shell{padding:0 25px}.studio-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}.editor-card{padding:24px 22px}.preview-card{padding:24px 21px}.qr-paper{max-width:225px}.mode-option>span{padding:12px 9px}.mode-option small{font-size:9px}.intro-note{display:none}h1{font-size:43px}.recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-note{gap:12px}.connect-note p{max-width:360px}.setup-layout{grid-template-columns:1fr 1fr;gap:16px}.step-card,.setup-config{padding:23px 20px}.site-footer{padding-left:25px;padding-right:25px}}
@media(max-width:650px){.site-header{height:77px;padding:0 20px;gap:28px}.brand{font-size:23px;gap:8px}.brand img{width:30px;height:30px}.site-header nav{gap:21px}.nav-link{font-size:12px}.connection{display:none}.page-shell{padding:0 20px}.page-intro{padding:36px 0 28px}h1{font-size:40px;letter-spacing:-1.6px}.intro-copy{font-size:12px;margin-top:15px}.page-intro .eyebrow{font-size:8px;margin-bottom:15px}.studio-grid{grid-template-columns:1fr;gap:20px}.editor-card{padding:25px 23px}.preview-card{padding:25px 27px 21px;min-height:545px}.qr-paper{max-width:250px}.preview-description{margin-bottom:20px}.preview-heading{margin-bottom:25px}.appearance-grid{gap:22px}.mode-option small{font-size:10px}.mode-option>span{padding:14px 12px}.recent-section{margin-top:32px}.recent-list{grid-template-columns:1fr}.recent-empty{padding:23px 18px}.connect-note{align-items:flex-start;flex-wrap:wrap;margin-bottom:26px;padding:22px 0}.connect-note div{flex:1}.connect-note>a{width:100%;padding-left:51px;margin-top:1px}.site-footer{padding:0 20px 25px;font-size:9px}.site-footer>span:last-child{display:none}.redirect-card{margin:50px auto 80px;padding:35px 23px}.redirect-card h1{font-size:29px}.setup-intro{padding-top:35px}.setup-intro h1{font-size:34px}.setup-intro>p:last-child{font-size:12px}.setup-layout{grid-template-columns:1fr;gap:20px}.setup-config{position:static}.setup-bottom{padding-bottom:25px}.step-card,.setup-config{padding:25px 23px}}