:root{--page:#f4f3ee;--surface:#fff;--ink:#182b25;--accent:#176b52;--on-accent:#fff;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-size:15px;line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.045em}h2{font-size:20px;letter-spacing:-.025em}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:750;letter-spacing:-.045em;text-decoration:none}.brand-mark{display:inline-grid;place-items:center;background:var(--ink);color:var(--surface);width:32px;height:32px;border-radius:9px;font-size:23px;font-weight:500;flex:none}.brand-logo{width:36px;height:36px;object-fit:contain;border-radius:6px}.badge{font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;border:1px solid #d7ded7;border-radius:5px;padding:4px 7px;color:#44574e}.button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:14px 20px;border-radius:var(--radius);font-size:14px;font-weight:650;text-decoration:none;border:1px solid transparent;line-height:1.35;text-align:center;overflow-wrap:anywhere;transition:filter .15s,transform .15s}.button:hover{filter:brightness(.96)}.button:active{transform:translateY(1px)}.button:disabled{cursor:default;opacity:1}.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.secondary{background:var(--surface);color:var(--ink);border-color:var(--ink)}:focus-visible{outline:3px solid #b57600;outline-offset:4px}.landing{min-height:100svh;display:flex;justify-content:center;align-items:center;padding:32px 20px}.landing-card,.login-card{width:min(100%,440px);padding:40px 32px;background:var(--surface);border-radius:24px;box-shadow:0 16px 60px #00000008;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.landing-card .brand{margin-bottom:48px}.destination{font-size:12px;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere;margin-bottom:16px;font-weight:550;word-break:break-word}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.landing-card h1,.landing-card h2{font-size:36px;line-height:1.1;letter-spacing:-.045em;overflow-wrap:anywhere}.description{margin-top:18px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}.landing-actions{display:grid;gap:12px;margin-top:30px}.landing-actions .primary{justify-content:space-between}.landing-footer{margin-top:28px;text-align:center;font-size:11px}.browser-hint,.countdown-panel{padding:14px;margin-top:22px;border:1px solid currentColor;border-radius:10px;font-size:12px}.countdown-panel label{margin-top:8px;display:flex;align-items:center;gap:8px}.feedback{font-size:12px;margin-top:14px}.feedback:empty{display:none}#copy-fallback{font-size:12px;margin-top:12px}#copy-fallback textarea{width:100%;margin-top:10px}.preview-banner{position:fixed;top:0;left:0;right:0;padding:10px;text-align:center;background:#182b25;color:#fff;font-size:12px;z-index:2}.login-card .brand{margin-bottom:38px}.login-card .description{margin-bottom:28px}.login-card .button{margin-top:18px}label{display:block;font-size:12px;font-weight:650;margin:18px 0 7px}label small{font-weight:400;color:#52665b;font-size:11px;display:block;margin-top:3px}input:not([type=checkbox]):not([type=color]),textarea,select{width:100%;border:1px solid #ccd4cc;border-radius:9px;background:#fff;color:#182b25;padding:12px 13px;min-height:45px}input:read-only{background:#f7f8f4}textarea{resize:vertical}input[type=checkbox]{accent-color:#176b52;width:16px;height:16px;flex:none}.check{display:flex;gap:8px;align-items:center;font-weight:500}.alert{border-radius:10px;padding:13px 16px;margin-bottom:22px;font-size:13px}.error{background:#fff0ed;border:1px solid #e8b7aa;color:#812a17}.success{background:#e9f4ee;border:1px solid #b5d4be;color:#165234}.studio-header{height:80px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce1d9;background:#fafbf7}.text-button{border:0;background:none;color:#435b4d;font-size:12px;padding:10px}.studio-shell{max-width:1640px;margin:auto;display:grid;grid-template-columns:250px minmax(360px,1fr) 400px;min-height:calc(100svh - 80px)}.sidebar{padding:30px 20px;border-right:1px solid #dce1d9}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.sidebar-heading h2{font-size:14px;letter-spacing:0}.count{font-size:10px;background:#e5eae2;border-radius:5px;padding:3px 6px;margin-left:6px}.add-link{font-size:24px;text-decoration:none;line-height:1;width:28px;text-align:center}#search-links{font-size:12px;min-height:38px;padding:9px 11px}.link-list{display:grid;gap:6px;margin-top:16px;max-height:65vh;overflow:auto}.link-item{padding:14px;border-radius:10px;text-decoration:none;display:grid;gap:4px;overflow-wrap:anywhere;border:1px solid transparent}.link-item:hover,.defaults-link:hover{background:#e9ece4}.link-item.selected,.defaults-link.selected{background:#e5ece1;border-color:#c5d3bf}.link-item strong{font-size:12px}.link-item span{font-size:11px;color:#52665b}.link-item small{font-size:10px;color:#52665b}.empty-state{color:#52665b;font-size:12px;line-height:1.7;padding:15px 0}.defaults-link{display:flex;justify-content:space-between;padding:14px 9px;font-size:12px;text-decoration:none;border-radius:9px;margin-top:24px;border:1px solid #d3dccf}.sidebar-note{font-size:10px;color:#52665b;margin:20px 4px;line-height:1.7}.editor{padding:42px clamp(22px,4vw,64px) 50px;min-width:0}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;color:#52665b}.editor-heading{margin-bottom:30px}.editor-heading h1{font-size:32px;margin-top:12px}.editor-heading>p:last-child{font-size:13px;color:#52665b;line-height:1.7;margin-top:12px}.share-box{padding:18px;background:#e7ede1;border:1px solid #c9d7c2;border-radius:12px;margin-bottom:28px}.share-box label{margin:0 0 8px}.share-row{display:flex;gap:8px}.share-row input{min-width:0;flex:1;font-size:12px}.compact{min-height:42px;padding:10px 14px;font-size:11px;border-radius:8px;flex:none}.share-box p{font-size:11px;margin-top:8px}.share-box p:empty{display:none}fieldset{padding:22px 0 30px;margin:0;border:0;border-top:1px solid #d3dccf}legend{padding-right:14px;font-size:14px;font-weight:700}legend span{font-size:10px;font-weight:500;color:#52665b;margin-right:10px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.slug-row{display:flex;align-items:center;gap:8px}.slug-row span{font-size:13px;color:#52665b}.colors{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.colors label{font-size:10px;margin:0}.colors input{display:block;width:58px;height:40px;background:none;padding:3px;border:1px solid #ccd4cc;border-radius:8px;margin-top:8px;cursor:pointer}.field-note{font-size:11px;line-height:1.7;color:#52665b;margin-top:8px}.utm-details{margin-top:22px;padding:14px 16px;border:1px solid #d3dccf;border-radius:10px}summary{cursor:pointer;font-size:12px;font-weight:650}.save-bar{display:flex;gap:12px;position:sticky;bottom:0;background:#f4f3eeef;backdrop-filter:blur(10px);padding:16px 0;border-top:1px solid #d3dccf}.save-bar .button{font-size:12px;min-height:46px;border-radius:10px}.preview-column{padding:38px 28px;border-left:1px solid #dce1d9;background:#eef0e8;min-width:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.phone-preview{--page:#f4f3ee;background:var(--page);padding:24px 15px;border:1px solid #ccd4c5;border-radius:26px;min-height:520px;display:flex;align-items:center;box-shadow:0 16px 40px #243b2410}.phone-preview .landing-card{padding:30px 22px;border-radius:17px}.phone-preview .landing-card .brand{margin-bottom:35px;font-size:14px}.phone-preview .landing-card h2{font-size:28px}.phone-preview .description{font-size:12px}.phone-preview .button{font-size:12px;min-height:48px;padding:12px}.preview-note{font-size:11px;color:#52665b;text-align:center;line-height:1.8;margin-top:20px}.help-details{margin-top:30px;font-size:11px;line-height:1.8;color:#435b4d}.help-details p{margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1100px){.preview-column{align-self:start;position:sticky;top:0;min-height:calc(100svh - 80px)}}
@media(max-width:1250px){.studio-shell{grid-template-columns:210px minmax(330px,1fr) 340px}.editor{padding:35px 28px}.preview-column{padding:30px 20px}.share-row{flex-wrap:wrap}.share-row input{flex-basis:100%}}
@media(max-width:1099px){.studio-shell{grid-template-columns:200px minmax(0,1fr)}.preview-column{grid-column:2;border-left:0;border-top:1px solid #dce1d9}.phone-preview{max-width:360px;margin:auto}.preview-heading{max-width:360px;margin:0 auto 22px}.sidebar{grid-row:1/3}.preview-column{padding:30px}.editor{padding:32px}.share-row input{flex-basis:initial}}
@media(max-width:700px){.studio-header{height:66px;padding:0 20px}.studio-header .badge{display:none}.studio-shell{display:flex;flex-direction:column}.sidebar{padding:20px;border-right:0;border-bottom:1px solid #dce1d9}.sidebar-heading{margin-bottom:12px}.link-list{max-height:180px}.link-item{padding:10px}.sidebar-note{display:none}.defaults-link{margin-top:14px}.editor{padding:30px 20px}.editor-heading h1{font-size:29px}.preview-column{padding:28px 20px}.two-columns{grid-template-columns:1fr}.save-bar{flex-direction:column;position:static}.share-row{flex-wrap:wrap}.share-row input{flex-basis:100%}.landing-card,.login-card{padding:32px 25px}.landing-card h1{font-size:32px}.landing-card .brand{margin-bottom:40px}.preview-banner{position:static;margin-bottom:20px}.landing:has(.preview-banner){flex-direction:column}.colors{gap:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.landing .landing-card .brand,.phone-preview .landing-card .brand{margin-bottom:24px}.landing .landing-card .destination,.phone-preview .landing-card .destination{margin-bottom:0}
.landing-actions .primary{position:relative;justify-content:center;padding-inline:42px}.landing-actions .primary>span:last-child{position:absolute;right:20px}