*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}.shorten-hero{min-height:100vh;padding:80px 16px;display:flex;justify-content:center;align-items:flex-start}.shorten-card{width:100%;max-width:1280px;background:linear-gradient(180deg,#0b2f3c,#06242f 55%,#041b24);backdrop-filter:blur(18px);border-radius:20px;padding:32px;box-shadow:0 30px 80px #0009,inset 0 1px #ffffff12;border:1px solid rgba(255,255,255,.07)}.shorten-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(1200px 600px at top center,rgba(255,255,255,.06),transparent 60%)}.shorten-header{margin-bottom:32px}.shorten-header h1{margin:0;font-size:2.1rem;color:#f8fafc;text-align:center}.shorten-header p{margin-top:8px;font-size:1rem;color:#cbd5f5;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-size:.9rem;color:#e2e8f0}.form-group input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#020617a6;color:#f8fafc;font-size:.95rem}.form-group input::placeholder{color:#94a3b8}.form-group input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf840}.hint{margin-top:6px;font-size:.75rem;color:#94a3b8}.domain-section .collapsible-content{background:linear-gradient(180deg,#182d40d9,#08121ce6);border-radius:14px;padding:18px 18px 16px;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 30px #00000059}.domain-section input,.domain-section select{background:#08121ce6;border:1px solid rgba(120,200,255,.18);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff05}.domain-section select[data-role=domain]:hover,.domain-section select[data-role=domain]:focus{border-color:#78c8ff8c;box-shadow:inset 0 0 0 1px #78c8ff40,0 0 0 2px #78c8ff14,0 12px 26px #00000073;transition:all .16s ease}.domain-section select[data-role=domain]{height:44px;padding:0 14px;font-size:14.5px;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-section .row-4{row-gap:20px}.domain-section label{margin-bottom:6px}.domain-section select[data-role=domain]{font-weight:500}.domain-section select[data-role=domain]{color:#eaf2ff;background-color:transparent}.domain-section select[data-role=domain]{color:#eaf2ff;background:linear-gradient(180deg,#12263cd9,#0c1a2ae6);border:1px solid rgba(120,180,255,.25);border-radius:12px;padding:12px 14px;font-weight:500;letter-spacing:.2px;transition:border-color .2s ease,box-shadow .2s ease}.domain-section select[data-role=domain]:hover{border-color:#78beff73}.domain-section select[data-role=domain]:focus{outline:none;border-color:#78c8ffb3;box-shadow:0 0 0 2px #508cff40,inset 0 0 0 1px #78c8ff26}.domain-section select[data-role=domain] option{color:#0b1220;background:#fff}.domain-section .domain-with-slash{position:relative}.domain-section .domain-with-slash:after{content:"";position:absolute;inset:-6px;border-radius:16px;background:radial-gradient(120% 80% at 50% 0%,rgba(90,160,255,.08),transparent 70%);pointer-events:none}.advanced-section{margin-top:24px;padding-top:20px}.toggle-icon{font-size:.85rem}.advanced-content{margin-top:16px}.advanced-grid{display:grid;grid-template-columns:1fr;gap:14px}.advanced-item label{font-size:.8rem;color:#cbd5f5;margin-bottom:4px;display:block}.advanced-item input{width:100%;padding:10px;border-radius:8px;background:#02061780;border:1px solid rgba(255,255,255,.1);color:#94a3b8}.advanced-item.disabled{opacity:.6}.upgrade-hint{margin-top:14px;font-size:.75rem;color:#fbbf24}.collapsible-section{margin-top:22px;padding:18px 20px;border-radius:14px;background:linear-gradient(180deg,#ffffff08,#ffffff03);box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000040}.collapsible-header:hover{color:#e6f0ff}.collapsible-content{margin-top:16px}.collapsible-content{display:none;margin-top:24px;padding-top:20px}.collapsible-section.active .collapsible-content{display:block}.badge-pro{background:#fbbf242e;color:#fbbf24;font-size:11px;padding:2px 8px;border-radius:999px}.collapsible-header>span:first-child{font-weight:600}.collapsible-header .badge-pro{margin-left:6px}.collapsible-header .toggle-icon{margin-left:6px;transition:transform .25s ease}.collapsible-section.open .toggle-icon{transform:rotate(180deg)}.collapsible-header{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.collapsible-header,.advanced-toggle,.qr-toggle{min-height:48px;padding:12px 14px}.action-row{margin-top:28px;text-align:center}.primary-btn{background:linear-gradient(135deg,#989b33,#0ea5e9);color:#020617;border:none;padding:14px 26px;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 28px #38bdf873}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.result{margin-top:28px;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .35s ease,transform .35s ease}.result.show{opacity:1;transform:translateY(0) scale(1)}.result-card{background:linear-gradient(180deg,#0f172a,#020617);border-radius:20px;padding:28px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0009,inset 0 1px #ffffff0a;animation:resultFadeIn .35s ease both;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .4s ease,transform .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:20px}.result-card.visible{opacity:1;transform:translateY(0) scale(1)}.result-header{margin-bottom:16px}.result-badge{display:inline-block;background:#10b98126;color:#10b981;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:6px;animation:badgePulse 1.2s ease-out}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0 #22c55e00}50%{transform:scale(1.05);box-shadow:0 0 16px #22c55e99}to{transform:scale(1);box-shadow:none}}.pro-badge{margin-left:8px;font-size:11px;padding:3px 8px;border-radius:999px;background:#fbbf242e;color:#fbbf24;font-weight:700;letter-spacing:.04em}.result-title{font-size:20px;font-weight:700;color:#e5e7eb}.result-url-box{display:flex;align-items:center;gap:12px;margin-top:14px;background:#020617;padding:14px;border-radius:14px;border:1px dashed rgba(255,255,255,.12)}#generatedLink{flex:1;font-size:15px;color:#93c5fd;word-break:break-all}.action-row{display:flex;justify-content:center;margin-top:28px}#shortenBtn{width:90%;max-width:760px;padding:10px 24px;font-size:20px;font-weight:700;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#ffa240,#ffd41d);color:#f0f1f7;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}#shortenBtn:hover{transform:translateY(-1px);box-shadow:0 10px 30px #38bdf873;filter:brightness(1.05)}#shortenBtn:active{transform:translateY(0);box-shadow:inset 0 3px 8px #00000059}#shortenBtn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#0692960f;color:#e5e7eb;border:1px solid rgba(255,255,255,.12);padding:10px 16px;border-radius:12px;cursor:pointer;transition:background .15s ease,transform .15s ease}.btn-primary:hover{background:#ffffff1f;transform:translateY(-1px)}.btn-secondary{background:#ffffff0f;color:#e5e7eb;border:1px solid rgba(255,255,255,.12);padding:10px 16px;border-radius:12px;cursor:pointer;transition:background .15s ease,transform .15s ease}.btn-secondary:hover{background:#ffffff1f;transform:translateY(-1px)}.result-note{margin-top:14px;font-size:13px;color:#9ca3af}.result-card.hidden{display:none}.result-url{word-break:break-all;font-size:1rem;color:#f8fafc;margin-bottom:16px}.result-actions button{background:#ffffff14;color:#e5e7eb;border:1px solid rgba(255,255,255,.12);padding:8px 14px;border-radius:999px;font-size:.85rem;cursor:pointer}.result-actions button:hover{background:#38bdf840}.modal{position:fixed;inset:0;background:#020617bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none}.modal-content{background:#020617;border-radius:16px;padding:28px;width:90%;max-width:420px;border:1px solid rgba(255,255,255,.12);text-align:center}.modal-content h3{margin-top:0;color:#f8fafc}.modal-content p{color:#cbd5f5;font-size:.9rem}.modal-content button{margin-top:18px;padding:10px 18px;border-radius:999px;border:none;background:#38bdf8;color:#020617;font-weight:600;cursor:pointer}.final-preview{margin:18px 0 6px;padding:12px 14px;border-radius:12px;background:#38bdf814;border:1px dashed rgba(56,189,248,.35);display:flex;flex-direction:column;gap:4px}.preview-label{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:#7dd3fc}.preview-url{font-size:.85rem;color:#e0f2fe;word-break:break-all}.qr-section{margin-top:24px;padding-top:20px}.qr-content{margin-top:16px}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.qr-item{display:flex;flex-direction:column;justify-content:space-between}.qr-item label{display:block;font-size:.8rem;color:#cbd5f5;margin-bottom:4px}.qr-item input,.qr-item select{width:100%;padding:10px;border-radius:8px;background:#02061780;border:1px solid rgba(255,255,255,.1);color:#94a3b8}.qr-item.disabled{opacity:.6}.qr-preview{margin-top:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:260px;height:260px;border:1px dashed rgba(255,255,255,.25);border-radius:14px;background:#ffffff08;box-shadow:0 10px 30px #00000059}.qr-preview{animation:qrGrow .45s ease-out forwards}@keyframes qrGrow{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.advanced-content,.qr-content{overflow:hidden;transition:grid-template-rows .25s ease,opacity .2s ease,transform .2s ease}.advanced-toggle .toggle-icon,.qr-toggle .toggle-icon{transition:transform .25s ease}.advanced-toggle.active .toggle-icon,.qr-toggle.active .toggle-icon{transform:rotate(180deg)}.shorten-card{transition:box-shadow .25s ease,transform .25s ease}.shorten-card:hover{transform:translateY(-2px);box-shadow:0 28px 80px #000000a6,inset 0 1px #ffffff14}.primary-btn{transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.primary-btn:active{transform:translateY(0);box-shadow:inset 0 2px 6px #00000059}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-actions button{transition:background-color .15s ease,transform .15s ease}@keyframes qrPulse{0%{box-shadow:0 0 #38bdf826}70%{box-shadow:0 0 0 12px #38bdf800}to{box-shadow:0 0 #38bdf800}}.final-preview{margin-top:12px}.preview-box{border:1px dashed rgba(255,255,255,.25);padding:12px;border-radius:10px;font-family:monospace;background:#ffffff08}.preview-only{position:relative;border:1px dashed rgba(96,165,250,.4)}.preview-badge{position:absolute;top:8px;right:10px;font-size:11px;padding:3px 8px;border-radius:999px;background:#fbbf2426;color:#fbbf24;font-weight:600}.preview-hint{margin-top:6px;font-size:12px;color:#94a3b8}.result-url span{font-size:18px;font-weight:600;word-break:break-all}.result-note{margin-top:10px;font-size:12px;color:#94a3b8}@keyframes popIn{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.qr-content{display:none;padding-top:12px}.qr-section.active .qr-content{display:block}.qr-note{font-size:12px;color:#94a3b8;margin-top:8px}.hidden{display:none!important}#copyResult{position:relative}#copyResult.copied:after{content:"Copied!";position:absolute;top:-36px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;font-size:12px;padding:4px 10px;border-radius:999px}.share-wrapper{position:relative}.share-menu{position:absolute;top:48px;right:0;min-width:180px;background:#0a0f1ef2;border-radius:14px;padding:8px;box-shadow:0 20px 40px #0006;display:none;z-index:50}.share-menu.show{display:block}.share-menu button{width:100%;background:none;border:none;color:#e5e7eb;padding:10px 12px;text-align:left;border-radius:8px;cursor:pointer}.share-menu button:hover{background:#ffffff14}.share-divider{height:1px;margin:6px 0;background:#ffffff1a}.row-4{display:grid;grid-template-columns:2fr 1fr .8fr 2fr;gap:12px}.row-4 input,.row-4 select{width:100%;padding:12px;border-radius:10px;background:#02061799;border:1px solid rgba(255,255,255,.12);color:#e5e7eb}.share-options:after{content:"";position:absolute;bottom:-6px;left:18px;width:12px;height:12px;background:inherit;transform:rotate(45deg);border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.result-url-row span{transition:background .2s ease,box-shadow .2s ease}.result-url-row span:hover{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1f}.result-actions button{transition:transform .15s ease,background .15s ease}.result-actions button:active{transform:translateY(0)}.result-lower{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;margin-top:28px}.qr-canvas{width:160px;height:160px;border-radius:14px}.qr-canvas.ready{opacity:1;transform:scale(1)}.qr-label{margin-top:10px;font-size:13px;opacity:.6}.qr-canvas:empty:before{content:"QR Preview";display:flex;align-items:center;justify-content:center;width:160px;height:160px;border-radius:14px;border:1px dashed rgba(255,255,255,.25);color:#fff9;font-size:13px}.badge-success{animation:pulseOnce .6s ease}@keyframes pulseOnce{0%{transform:scale(.95);opacity:.7}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@media(max-width:768px){.result-lower{grid-template-columns:1fr;text-align:center}.result-actions{justify-content:center}}.share-group{position:relative}.share-options{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;background:#0a0f1ef2;border-radius:14px;padding:10px;box-shadow:0 20px 50px #00000073;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:50}.share-group .share-options{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;z-index:100}.share-options.show{opacity:1;transform:translateY(0);pointer-events:auto}.action-btn.primary{background:linear-gradient(135deg,#4f7cff,#6f8dff);font-weight:600}@media(max-width:768px){.result-lower{grid-template-columns:1fr}.qr-preview-wrapper{margin:0 auto 20px}.primary-actions,.secondary-actions{justify-content:center}}.result-card{max-width:920px;margin:0 auto}#result #qrOutput{width:220px;height:220px;margin-top:24px;border-radius:16px;border:2px dashed rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}.qr-placeholder{width:180px;height:180px;border:2px dashed rgba(255,255,255,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.share-dropdown{position:relative}.share-menu{position:absolute;top:110%;right:0;z-index:20}@media(max-width:768px){.result-body{grid-template-columns:1fr;text-align:center}.result-qr{margin:0 auto}}.result-url{display:flex;align-items:center;gap:12px}#copyResult{padding:10px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,#facc15,#f59e0b);color:#000;font-weight:600;cursor:pointer}#copyResult:hover{transform:translateY(-1px)}.result-qr-row{display:grid;grid-template-columns:260px 1fr;gap:32px;margin-top:28px;align-items:flex-start}.qr-placeholder{position:absolute;font-size:14px;opacity:.6;text-align:center;pointer-events:none}.result-actions .btn{padding:10px 16px;border-radius:999px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);cursor:pointer}.result-actions .btn.primary{background:linear-gradient(135deg,#6aa8ff,#8b7cff);border:none}@media(max-width:768px){.result-qr-row{grid-template-columns:1fr;text-align:center}.result-qr-preview{margin:0 auto}.result-actions{justify-content:center}}.section-separator{margin:26px 0;height:1px;width:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.25),transparent)}.result-body{display:flex;align-items:flex-start;gap:32px;margin-top:20px;align-items:center}.result-qr{display:flex;justify-content:flex-start;align-items:center}.qr-preview{width:260px;min-width:260px;height:auto;padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-preview canvas{width:220px;height:220px;max-width:100%;max-height:100%}#qr-preview{opacity:0;transform:scale(.85);transition:opacity .35s ease,transform .35s ease}.result-card.active #qr-preview{opacity:1;transform:scale(1)}@media(max-width:768px){.result-body{grid-template-columns:1fr}.result-qr,.result-actions{justify-content:center}}.result-body{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:flex-start}.result-qr{display:flex;justify-content:flex-start}.qr-preview{width:280px;min-width:280px;padding:22px;border-radius:18px}.qr-preview canvas{width:240px;height:240px}.collapsible-section,.advanced-section,.qr-section{background:linear-gradient(180deg,#ffffff0a,#0003);border-radius:14px;margin-top:14px}.collapsible-content,.advanced-content,.qr-content{padding:16px}.domain-section,.advanced-section,.qr-section{border-radius:10px;padding:15px 0;background:linear-gradient(180deg,#ffffff08,#00000040)}.collapsible-header{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;padding-bottom:12px;padding-left:12px;border-bottom:1px solid rgba(255,255,255,.06)}.advanced-main,.advanced-toggle,.qr-toggle{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer;width:100%;background:transparent;border:none;color:#e5e7eb;font-size:.95rem;justify-content:space-between;padding:10px 0 10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.qr-toggle:hover,.advanced-toggle:hover,.collapsible-header:hover{color:#38bdf8}.result-body{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:center}.action-btn{min-height:44px;padding:12px 16px}.result-actions .action-btn{transition:transform .15s ease,box-shadow .15s ease}.result-actions .action-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000059}.collapsible-title{display:flex;align-items:center;gap:10px;font-weight:600}.collapsible-helper{margin-top:4px;font-size:11px;color:#ffffff8c;line-height:1.4;text-align:right;margin-left:auto;font-style:italic;letter-spacing:.2px;padding-right:15px}.legal{margin-top:16px;font-size:.85rem;color:#666;text-size:10px;text-align:center;padding-top:10px}@media(max-width:768px){.result-body{flex-direction:column;align-items:stretch}.qr-preview{margin:0 auto}.result-actions{width:100%}}.form-group:has(#longUrlInput){background:linear-gradient(135deg,#3b82f626,#2563eb14);border:1px solid rgba(59,130,246,.25);border-radius:16px;padding:18px 20px;box-shadow:0 12px 30px #00000040}#longUrlInput{font-size:16px;padding:14px 16px}.form-group:has(#longUrlInput) label{font-size:14px;font-weight:600;color:#eaf2ff;display:flex;align-items:center;gap:8px}.required-label{display:inline-flex;align-items:center;gap:6px}.required-star{color:#ef4444;font-size:18px;font-weight:700;line-height:1}#longUrlInput:focus+.required-star{animation:pulse-star .6s ease-in-out}@keyframes pulse-star{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.required-label{display:inline-flex;align-items:center;gap:6px;position:relative}.required-star{color:#ef4444;font-size:16px;font-weight:700;cursor:help}.required-star:after{content:"Required";position:absolute;top:-34px;left:0;background:#0f172af2;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;box-shadow:0 8px 24px #0006;z-index:10}.required-star:hover:after{opacity:1;transform:translateY(0)}.pro-required .required-star{color:#facc15}.pro-pill{background:linear-gradient(135deg,#9e9985,#7e755c);color:#1e293b;font-size:8px;font-weight:700;padding:2px 8px;border-radius:999px;margin-left:4px}.pro-required .required-star:after{content:"PRO required"}.section-hint{margin:8px 0 14px;font-size:13px;color:#e2e8f0a6;font-style:italic}.pro-hint{padding-left:15px}.field-error{animation:fieldGlow 1.6s ease;border-color:#ef4444!important}@keyframes fieldGlow{0%{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 6px #ef444426}to{box-shadow:0 0 #ef444400}}.pro-cta{margin-top:14px;font-size:13px;color:#fbbf24;cursor:pointer;opacity:.9}.pro-cta:hover{text-decoration:underline;opacity:1}.confetti{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(34,197,94,.35),transparent 40%),radial-gradient(circle at 80% 30%,rgba(59,130,246,.35),transparent 40%),radial-gradient(circle at 50% 80%,rgba(236,72,153,.35),transparent 40%);animation:confettiFade 1.2s ease-out;z-index:9999}@keyframes confettiFade{0%{opacity:0}20%{opacity:1}to{opacity:0}}@media(max-width:768px){.result-body{display:flex;flex-direction:column;align-items:center;gap:18px}#qr-preview{width:100%;max-width:280px;margin:0 auto}#qr-preview canvas{width:100%!important;height:auto!important}.primary-actions{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.share-group{position:relative;display:inline-flex}.primary-actions .action-btn{min-width:120px;justify-content:center}@media(max-width:420px){.primary-actions{flex-direction:column;width:100%}.primary-actions .action-btn{width:100%}}.secondary-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;opacity:.9}.action-btn{min-width:120px}}.action-btn:active,.primary-btn:active,.btn-primary:active{transform:scale(.97);filter:brightness(1.1)}.action-btn[disabled],.primary-btn[disabled],.btn-primary[disabled]{opacity:.55;pointer-events:none}.action-btn,.primary-btn,.btn-primary{-webkit-tap-highlight-color:transparent;transition:transform .12s ease,opacity .12s ease}.result-actions>.action-btn.primary:first-child,.result-actions>.share-group{grid-row:1}@media(max-width:480px){.result-actions{display:flex;flex-direction:column}.result-actions>.action-btn.primary:first-child{margin-right:0}}.qr-modal{position:fixed;inset:0;background:#050a14f2;z-index:9999;display:flex;justify-content:center;align-items:center}.qr-modal-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-modal canvas{width:80vw;max-width:360px}#closeQrModal{background:#2563eb;color:#fff;padding:10px 18px;border-radius:10px}@media(max-width:768px){.share-menu{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#0b1220,#050814);border-radius:16px 16px 0 0;padding:20px;box-shadow:0 -20px 60px #0009}.share-menu button{width:100%;padding:14px;font-size:16px}}@media(max-width:768px){h1{font-size:26px;line-height:1.2}.shorten-header p{font-size:15px;opacity:.85}.result-title{font-size:20px}.result-note{font-size:14px;text-align:center}.collapsible-header{padding:16px}.form-group label{font-size:14px}}.preview-box{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.preview-box span[data-role=final-url]{width:100%;display:block;word-break:break-all;line-height:1.5}.preview-badge{align-self:flex-start;font-size:12px;opacity:.85;white-space:nowrap}@media(max-width:768px){.preview-box{padding:30px}}@media(min-width:769px){.preview-badge{align-self:flex-end}}.field-error{border-color:#f87171!important;box-shadow:0 0 0 2px #f8717140}.field-error:after{content:attr(data-error);display:block;margin-top:6px;font-size:.75rem;color:#fca5a5}.advanced-checkbox{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;color:var(--text-muted)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.advanced-item.advanced-checkbox{background:linear-gradient(180deg,#0000002e,#00000047);border-radius:14px;padding:18px 15px;box-shadow:inset 0 1px #ffffff0f,0 6px 18px #00000040;transition:box-shadow .2s ease,transform .2s ease}.advanced-item.advanced-checkbox:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000059}.checkbox-label span{font-weight:500}.checkbox-label input[type=checkbox]{background-color:#00000059;border-radius:4px}.advanced-item input.field-warn{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b40}.advanced-item input.field-ok{border-color:#10b981;box-shadow:0 0 0 2px #10b98140}.advanced-item.analytics{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#0000001f;border-radius:12px;box-shadow:inset 0 1px 2px #ffffff0d,0 4px 14px #00000026}.advanced-item.analytics input[type=checkbox]{width:18px;height:18px}.qr-color-control{display:grid;grid-template-rows:auto auto;gap:14px}.qr-color-picker{display:flex;align-items:center;gap:12px}.qr-color-preview{width:64px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px #00000040}.qr-color-toggle{padding:10px 14px;border-radius:10px;font-weight:500}.qr-color-control .qr-hue-slider{width:100%;margin:0}.qr-hue-slider{flex:1;appearance:none;height:6px;border-radius:999px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.qr-hue-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.25);box-shadow:0 4px 12px #0000004d}.qr-color-preview{width:36px;height:36px;border-radius:10px;background:red;box-shadow:inset 0 1px 2px #ffffff26,0 6px 16px #00000040}.qr-upload-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:linear-gradient(145deg,#ffffff1f,#00000026);border:1px solid rgba(255,255,255,.18);cursor:pointer;font-weight:500;color:#e5f2f2;transition:transform .15s ease,box-shadow .15s ease}.qr-upload-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #00000059}.qr-upload-btn i{opacity:.85}.qr-item{background:#0000001f;padding:16px;border-radius:16px;box-shadow:inset 0 1px 2px #ffffff0f,0 6px 18px #00000038}.qr-logo-filename{margin-top:8px;font-size:.85rem;opacity:.85;color:#d1fae5;word-break:break-all}.qr-color-picker{margin-top:12px}.qr-color-preview{width:100%;height:42px;border-radius:10px;margin-bottom:10px;background:#22c55e;box-shadow:inset 0 0 0 1px #ffffff26}.qr-color-toggle{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 14px;color:#e5e7eb;cursor:pointer;font-size:.9rem}.qr-color-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding-top:8px}.qr-color-palette>*{width:14px;height:14px;border-radius:50%;background-clip:padding-box}.qr-color-palette>*{position:relative;cursor:pointer}.qr-color-palette>*:before{content:"";position:absolute;inset:-10px}.qr-color-palette>*:hover{box-shadow:0 0 0 2px #ffffff40}.qr-color-palette>*.active{box-shadow:0 0 0 2px #ffffff73,0 0 12px #ffffff26}@media(max-width:640px){.qr-color-palette>*{padding:12px}}@media(max-width:640px){.qr-color-palette{grid-template-columns:repeat(5,1fr)}}.qr-color-palette.hidden{display:none}.qr-color-swatch{width:100%;aspect-ratio:1;border-radius:8px;cursor:pointer;border:1px solid rgba(255,255,255,.2)}.qr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:stretch}.qr-item{display:flex;flex-direction:column;justify-content:space-between;min-height:180px}.qr-item.qr-color-item{gap:10px}.qr-color-preview{max-height:48px}.qr-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:20px;align-items:stretch}.qr-item:nth-child(2){grid-column:2;grid-row:1}.qr-item:nth-child(4){grid-column:2;grid-row:2}.advanced-section{margin-top:20px}.advanced-section .advanced-section,.advanced-section .qr-section,.advanced-section .collapsible-section{margin-top:14px}.advanced-content{display:none;flex-direction:column;gap:18px}.advanced-content>.collapsible-section,.advanced-content>.advanced-section,.advanced-content>.qr-section{width:100%}.advanced-content.is-open{display:block}.advanced-section .advanced-content{display:none}.advanced-section .advanced-content.is-open{display:block}@media(max-width:640px){.qr-color-picker{flex-direction:row}}.advanced-pro-wrapper{margin-top:18px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#ffffff0a,#ffffff04);box-shadow:inset 0 1px #ffffff0f,0 20px 40px #00000059;border:1px solid rgba(255,255,255,.06)}.master-advanced-toggle{width:100%;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,#10b98124,#10b9810d);border:1px solid rgba(16,185,129,.25);color:#ecfdf5;display:flex;align-items:center;justify-content:space-between;font-weight:600;letter-spacing:.2px;transition:background .25s ease,box-shadow .25s ease}.master-advanced-toggle:hover{background:linear-gradient(180deg,#10b98138,#10b98114);box-shadow:0 8px 24px #10b98140}.advanced-pro-wrapper .collapsible-section,.advanced-pro-wrapper .advanced-section,.advanced-pro-wrapper .qr-section{margin-top:16px;padding:16px;border-radius:14px;background:linear-gradient(180deg,#ffffff09,#ffffff03);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff0a,0 8px 20px #00000040}.advanced-pro-wrapper>.section-hint{margin:10px 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.advanced-pro-wrapper .collapsible-section,.advanced-pro-wrapper .advanced-section,.advanced-pro-wrapper .qr-section{transform:translateY(6px) scale(.985);opacity:0;transition:opacity .35s ease,transform .35s ease}.advanced-pro-wrapper .advanced-content.is-open>.collapsible-section,.advanced-pro-wrapper .advanced-content.is-open>.advanced-section,.advanced-pro-wrapper .advanced-content.is-open>.qr-section{opacity:1;transform:translateY(0) scale(1)}.advanced-pro-wrapper input:focus,.advanced-pro-wrapper select:focus{outline:none;box-shadow:0 0 0 2px #10b98140,0 0 24px #10b98140;border-color:#10b9818c}.advanced-pro-wrapper .pro-pill,.advanced-pro-wrapper .badge-pro,.advanced-pro-wrapper .pro-badge{box-shadow:0 0 #10b98100;transition:box-shadow .25s ease}.advanced-pro-wrapper input:focus~.pro-pill,.advanced-pro-wrapper select:focus~.pro-pill{box-shadow:0 0 18px #10b98199}@media(max-width:640px){.advanced-pro-wrapper{padding:14px;border-radius:14px;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000040}.advanced-pro-wrapper .collapsible-section,.advanced-pro-wrapper .advanced-section,.advanced-pro-wrapper .qr-section{padding:14px;border-radius:12px;box-shadow:inset 0 1px #ffffff0a,0 6px 16px #00000038}.master-advanced-toggle{padding:12px 14px;font-size:.95rem}}.master-pro-badge{margin-left:10px;padding:3px 10px;font-size:.7rem;font-weight:700;letter-spacing:.6px;border-radius:999px;background:linear-gradient(180deg,#facc15,#eab308);color:#1f2937;box-shadow:inset 0 1px #fff9,0 6px 16px #eab30873}.domain-row{margin-top:14px;padding:14px;border-radius:14px;background:linear-gradient(180deg,#0000002e,#00000047);border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 1px #ffffff0a,inset 0 -6px 12px #00000059}.advanced-section .advanced-content{margin-top:14px;padding:14px;border-radius:14px;background:linear-gradient(180deg,#00202873,#00121a8c);border:1px solid rgba(56,189,248,.12);box-shadow:inset 0 1px #ffffff0a,inset 0 -8px 16px #0006}.qr-section .qr-content{margin-top:14px;padding:16px;border-radius:16px;background:linear-gradient(180deg,#10b98124,#065f4638);border:1px solid rgba(16,185,129,.28);box-shadow:inset 0 1px #ffffff0f,inset 0 -10px 20px #00000073,0 12px 28px #10b9812e}.qr-section .qr-item{padding:14px;border-radius:14px;background:linear-gradient(180deg,#00000047,#0000006b);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0a,0 6px 18px #00000059;transition:transform .25s ease,box-shadow .25s ease}.qr-section .qr-content:before{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(16,185,129,.08) 40%,transparent 60%);opacity:.35}.domain-section .domain-row,.advanced-section .advanced-content,.qr-section .qr-content{width:100%;box-sizing:border-box}.domain-section .domain-row,.advanced-section .advanced-content,.qr-section .qr-content{padding-left:16px;padding-right:16px}@media(hover:hover){.qr-section .qr-item:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0d,0 10px 26px #10b98147}}@media(max-width:640px){.domain-row,.advanced-section .advanced-content,.qr-section .qr-content{padding:12px;border-radius:12px}}.domain-section .domain-row{box-shadow:inset 0 1px #ffffff0f,inset 0 -4px 8px #00000040}.domain-section .domain-row{background:linear-gradient(180deg,#00000024,#00000038)}.pro-locked{position:relative}.pro-locked:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000000d,#00000026);pointer-events:none;border-radius:inherit}.pro-locked input,.pro-locked select,.pro-locked button{cursor:pointer;opacity:.65;title:"Available in PRO plan"}.pro-locked label{cursor:default}.pro-locked .pro-badge{box-shadow:0 0 0 2px #ffc10740}.domain-section select option.pro-domain{color:#ffffff73;background:linear-gradient(90deg,#ffd70014,#ffd70005)}.domain-section select.free-locked{cursor:not-allowed}.upgrade-modal.hidden{display:none}.upgrade-modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.upgrade-inline-cta{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#ffc8501f,#3cff900f);border:1px dashed rgba(255,200,80,.35)}.upgrade-hint{font-size:13px;color:#facc15;opacity:.85}.upgrade-primary{background:linear-gradient(135deg,#0ac6d4,#09b25e);color:#111827;font-weight:600;padding:8px 16px;border-radius:999px;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.upgrade-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #fbbf2459}.upgrade-result-cta{width:100%;margin-top:12px;padding:10px;border-radius:12px;background:#6366f11f;border:1px solid rgba(99,102,241,.3);color:#c7d2fe;font-size:14px;cursor:pointer}.upgrade-result-cta:hover{background:#6366f12e}.auth-modal{position:fixed;inset:0;background:#000000b8;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000}.auth-modal.hidden{display:none}.auth-card{position:relative;background:linear-gradient(180deg,#0f0f0f,#0a0a0a);color:#fff;padding:28px;width:100%;max-width:380px;border-radius:18px;box-shadow:0 40px 120px #0009,inset 0 0 0 1px #ffffff0d}.auth-card h3{margin-bottom:6px}.auth-card p{font-size:14px;opacity:.85;margin-bottom:14px}.auth-card input{width:100%;padding:14px;margin-bottom:16px;border-radius:12px;border:1px solid #333;background:#000;color:#fff;font-size:15px}.auth-card input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98140}.auth-card button:hover{filter:brightness(1.05)}.auth-close:hover{background:#ffffff1f}.auth-footnote{margin-top:14px;font-size:13px;opacity:.8}.auth-footnote a{color:#10b981;text-decoration:none;cursor:pointer}.auth-actions .btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#000;font-weight:700}.auth-actions .btn-primary:hover{filter:brightness(1.05)}.auth-actions .btn-secondary{background:transparent;color:#ffffff8c;border:1px solid rgba(255,255,255,.15)}.auth-actions .btn-secondary:hover{color:#ffffffbf;border-color:#ffffff4d;background:#ffffff0a}.is-locked{opacity:.5;pointer-events:none}select[data-role=domain]{pointer-events:auto!important}.is-locked{opacity:.45;cursor:not-allowed}.is-locked:focus{outline:none}[data-pro-domain].is-locked{cursor:not-allowed}.pro-required{opacity:.75}.pro-pill{margin-left:6px;font-size:11px;padding:2px 6px;border-radius:6px;background:#ffd54f;color:#000}.domain-with-slash .domain-input-wrap{display:flex;align-items:center;gap:10px}.domain-with-slash select{flex:1}.domain-slash{font-size:1.2rem;opacity:.6;line-height:1;pointer-events:none;user-select:none}.is-locked+.domain-slash{opacity:.35}.shorten-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.shorten-left{min-width:0}.shorten-right{position:relative;top:auto}@media(max-width:900px){.shorten-layout{grid-template-columns:1fr}.shorten-right{position:static}}.shorten-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:start;gap:28px}.shorten-left,.shorten-right{margin-top:0;padding-top:0}.shorten-right>*:first-child{margin-top:0}.secondary-actions.horizontal{display:flex;gap:10px}.domain-grid{display:grid;grid-template-columns:1fr;gap:14px}.domain-with-slash{grid-column:1 / -1}.domain-grid>div:not(.domain-with-slash){display:grid}@media(min-width:900px){.domain-grid{grid-template-columns:repeat(3,1fr)}.domain-with-slash{grid-column:1 / -1}}.shorten-right .collapsible-section,.shorten-right .advanced-section,.shorten-right .qr-section{margin-bottom:22px}.shorten-right .section-hint{margin-bottom:10px;opacity:.85}.qr-grid{gap:18px}.pro-badge,.master-pro-badge{transform:scale(.92);opacity:.85}.shorten-layout{position:relative}.shorten-layout:after{content:"";position:absolute;top:6%;bottom:6%;left:52%;width:1px;background:linear-gradient(to bottom,transparent,rgba(120,220,255,.18),transparent);pointer-events:none}.pro-cta{margin-top:10px;font-size:.85rem;color:#f7c46c;opacity:.85}@media(max-width:900px){.shorten-layout{grid-template-columns:1fr}.shorten-right{margin-top:24px}.advanced-pro-wrapper .advanced-content{display:none}.advanced-pro-wrapper.open .advanced-content{display:block}}.advanced-item{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:12px}.advanced-item label{margin-bottom:0;font-size:.9rem;opacity:.85}.advanced-item input,.advanced-item select{width:100%}.advanced-checkbox{grid-template-columns:1fr}.advanced-checkbox .checkbox-label{display:flex;align-items:center;gap:10px}@media(max-width:900px){.shorten-layout:before,.column-divider,.vertical-divider{display:none!important}}@media(max-width:900px){.shorten-layout:before,.shorten-layout:after,.shorten-columns:before,.shorten-columns:after,.shorten-right:before,.shorten-right:after{display:none!important;content:none!important}.shorten-right{border:none!important;box-shadow:none!important;background-image:none!important}}@media(max-width:900px){.advanced-content,.qr-content{display:none}.advanced-section.open .advanced-content,.qr-section.open .qr-content,.advanced-pro-wrapper.open .advanced-content{display:block}}.domain-section .domain-row{padding:0;margin:0;background:none;border:none;box-shadow:none}.advanced-content{overflow:hidden;max-height:0;opacity:0;transform:translateY(-4px);transition:max-height .42s ease,opacity .24s ease,transform .24s ease;will-change:max-height,opacity,transform}.advanced-content.is-open{max-height:3000px;opacity:1;transform:translateY(0)}.advanced-pro-wrapper>.advanced-content>*{margin-bottom:22px}.advanced-pro-wrapper>.advanced-content>*:last-child{margin-bottom:0}.collapsible-section,.advanced-section,.qr-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:14px 14px 16px}.collapsible-section:hover,.advanced-section:hover,.qr-section:hover{border-color:#6bc7ff40}.pro-trust-hint{font-size:12px;opacity:.65;margin:6px 0 14px}[data-pro-only]:focus{box-shadow:0 0 0 1px #6bc7ff73}@media(max-width:768px){.shorten-right{margin-top:24px}.advanced-pro-wrapper{border-top:1px solid rgba(255,255,255,.08);padding-top:18px}}#shortenBtn{font-size:1.05rem;padding:14px 28px;box-shadow:0 10px 28px #6cc7ff47;transition:transform .15s ease,box-shadow .15s ease}#shortenBtn:hover{transform:translateY(-1px);box-shadow:0 14px 36px #6cc7ff59}.action-confidence{margin-top:8px;text-align:center;font-size:.85rem;opacity:.65}@keyframes previewPulse{0%{box-shadow:0 0 #6cc7ff00}50%{box-shadow:0 0 0 4px #6cc7ff14}to{box-shadow:0 0 #6cc7ff00}}.preview-box{transition:background-color .2s ease}.preview-box.is-updating{animation:previewPulse .6s ease}.result-subline{margin-top:6px;font-size:.9rem;opacity:.7}.shorten-left{background:linear-gradient(to bottom,#ffffff05,#fff0)}.shorten-left:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top center,rgba(108,199,255,.04),transparent 60%)}.qr-preview{padding:16px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:box-shadow .2s ease,transform .2s ease}.qr-preview:hover{transform:translateY(-1px);box-shadow:0 12px 28px #00000040}.qr-label{display:block;margin-top:10px;font-size:.85rem;opacity:.75;text-align:center}@keyframes qrReady{0%{box-shadow:0 0 #6cc7ff00}40%{box-shadow:0 0 0 6px #6cc7ff1f}to{box-shadow:0 0 #6cc7ff00}}.qr-preview.is-ready{animation:qrReady .8s ease}#downloadQr{background:#6cc7ff1f;border:1px solid rgba(108,199,255,.25)}#downloadQr:hover{background:#6cc7ff2e}.qr-hint{margin-top:6px;font-size:.8rem;opacity:.6;text-align:center}.result-actions{display:flex;flex-direction:column;gap:16px;margin-top:20px}.result-actions>.action-btn.primary,.result-actions>.share-group{display:inline-flex}.result-actions>.action-btn.primary{margin-right:12px}.result-actions>.action-btn.primary,.result-actions>.share-group{align-self:flex-start}.result-actions>.action-btn.primary,.result-actions>.share-group{display:inline-flex;vertical-align:middle}.result-actions .action-btn.primary,.result-actions .share-group .action-btn{min-width:120px;padding:10px 16px;border-radius:999px}.result-actions .secondary-actions{display:flex;gap:12px}.result-actions .upgrade-result-cta{margin-top:6px;align-self:flex-start;opacity:.9}.result-actions button:hover{transform:translateY(-1px)}@media(max-width:480px){.result-actions{gap:12px}.result-actions>.action-btn.primary,.result-actions>.share-group{width:100%;justify-content:center;margin-right:0}.result-actions .secondary-actions{flex-direction:column}}.login-hint{position:absolute;top:16px;right:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);padding:8px 12px;border-radius:8px;font-size:13px;color:#ffffffd9}.login-hint a{margin-left:6px;color:#6bc7ff;text-decoration:none;font-weight:500}.login-hint a:hover{text-decoration:underline}