:root{--shortlink-primary:#0073aa;--shortlink-primary-hover:#005a87;--shortlink-primary-light:rgba(0,115,170,.1);--shortlink-success:#155724;--shortlink-success-light:#d4edda;--shortlink-error:#dc3545;--shortlink-error-light:#f8d7da;--shortlink-warning:#721c24;--shortlink-warning-light:#f5c6cb;--shortlink-gray-50:#f9fafb;--shortlink-gray-100:#f3f4f6;--shortlink-gray-200:#e5e7eb;--shortlink-gray-300:#d1d5db;--shortlink-gray-400:#9ca3af;--shortlink-gray-500:#6b7280;--shortlink-gray-600:#4b5563;--shortlink-gray-700:#374151;--shortlink-gray-800:#1f2937;--shortlink-gray-900:#111827;--shortlink-space-1:4px;--shortlink-space-2:8px;--shortlink-space-3:12px;--shortlink-space-4:16px;--shortlink-space-5:20px;--shortlink-space-6:24px;--shortlink-space-7:28px;--shortlink-space-8:32px;--shortlink-space-9:36px;--shortlink-space-10:40px;--shortlink-space-11:44px;--shortlink-space-12:48px;--shortlink-space-13:52px;--shortlink-space-14:56px;--shortlink-space-15:60px;--shortlink-space-16:64px;--shortlink-font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--shortlink-font-size-xs:12px;--shortlink-font-size-sm:14px;--shortlink-font-size-base:16px;--shortlink-font-size-lg:18px;--shortlink-font-size-xl:20px;--shortlink-font-size-2xl:24px;--shortlink-font-size-3xl:30px;--shortlink-radius-sm:4px;--shortlink-radius-md:6px;--shortlink-radius-lg:8px;--shortlink-radius-xl:12px;--shortlink-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shortlink-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shortlink-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shortlink-transition:all .2s ease-in-out}.shortlink-container .shortlink-form-container{margin:0 auto;padding:var(--shortlink-space-6)}.shortlink-container .shortlink-form-header{margin-bottom:var(--shortlink-space-8);text-align:center}.shortlink-container .shortlink-form-title{font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-2xl);font-weight:700;color:var(--shortlink-gray-900);margin:0 0 var(--shortlink-space-3) 0;line-height:1.2}.shortlink-container .shortlink-form-description{font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-base);color:var(--shortlink-gray-600);margin:0;line-height:1.5}.shortlink-container .shortlink-form{margin-bottom:var(--shortlink-space-6)}.shortlink-container .shortlink-form-group{margin-bottom:var(--shortlink-space-6)}.shortlink-container .shortlink-label{display:block;font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-sm);font-weight:600;color:var(--shortlink-gray-700);margin-bottom:var(--shortlink-space-2);line-height:1.4}.shortlink-container .shortlink-optional{font-weight:400;color:var(--shortlink-gray-500)}.shortlink-container .shortlink-input{width:100%;padding:var(--shortlink-space-3) var(--shortlink-space-4);font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-base);line-height:1.5;color:var(--shortlink-gray-900);background-color:#fff;border:1px solid var(--shortlink-gray-300);border-radius:var(--shortlink-radius-md);transition:var(--shortlink-transition);box-sizing:border-box}.shortlink-container .shortlink-input:focus{outline:none;border-color:var(--shortlink-primary);box-shadow:0 0 0 3px var(--shortlink-primary-light)}.shortlink-container .shortlink-input:invalid{border-color:var(--shortlink-error)}.shortlink-container .shortlink-input:invalid:focus{box-shadow:0 0 0 3px var(--shortlink-error-light)}.shortlink-container .shortlink-help{font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-sm);color:var(--shortlink-gray-500);margin-top:var(--shortlink-space-2);line-height:1.4}.shortlink-container .shortlink-url-button-group{display:flex;gap:var(--shortlink-space-3);align-items:stretch}.shortlink-container .shortlink-url-button-group .shortlink-input{flex:1;margin:0}.shortlink-container .shortlink-url-button-group .shortlink-button{width:auto}.shortlink-container .shortlink-button--compact{width:auto;padding:var(--shortlink-space-3) var(--shortlink-space-5);min-height:44px;white-space:nowrap;flex-shrink:0}.shortlink-container .shortlink-button{width:100%;padding:var(--shortlink-space-4) var(--shortlink-space-6);font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-base);font-weight:600;color:#fff;background-color:var(--shortlink-primary);border:none;border-radius:var(--shortlink-radius-md);cursor:pointer;transition:var(--shortlink-transition);display:flex;align-items:center;justify-content:center;gap:var(--shortlink-space-2);min-height:48px}.shortlink-container .shortlink-button:hover:not(:disabled){background-color:var(--shortlink-primary-hover);box-shadow:var(--shortlink-shadow-lg)}.shortlink-container .shortlink-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.shortlink-container .shortlink-button-spinner{display:flex;align-items:center;justify-content:center}.shortlink-container .shortlink-spinner{width:20px;height:20px;animation:shortlink-spin 1s linear infinite}@keyframes shortlink-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.shortlink-container .shortlink-error{font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-sm);color:var(--shortlink-error);margin-top:var(--shortlink-space-2);line-height:1.4;min-height:20px}.shortlink-container .shortlink-result{margin-top:var(--shortlink-space-8);padding:var(--shortlink-space-6);border-radius:var(--shortlink-radius-lg);border:1px solid var(--shortlink-gray-200);background-color:#fff}.shortlink-container .shortlink-success{text-align:center}.shortlink-container .shortlink-success-icon{width:48px;height:48px;margin:0 auto var(--shortlink-space-4) auto;background-color:var(--shortlink-success-light);color:var(--shortlink-success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--shortlink-font-size-xl);font-weight:700}.shortlink-container .shortlink-success-title{font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-xl);font-weight:700;color:var(--shortlink-success);margin:0 0 var(--shortlink-space-6) 0;line-height:1.2}.shortlink-container .shortlink-success-content{text-align:left}.shortlink-container .shortlink-result-item{margin-bottom:var(--shortlink-space-4)}.shortlink-container .shortlink-result-item:last-child{margin-bottom:0}.shortlink-container .shortlink-result-item label{display:block;font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-sm);font-weight:600;color:var(--shortlink-gray-700);margin-bottom:var(--shortlink-space-2)}.shortlink-container .shortlink-result-value{display:flex;gap:var(--shortlink-space-2);align-items:center}.shortlink-container .shortlink-result-value input[type=text]{flex:1;padding:var(--shortlink-space-3) var(--shortlink-space-4);font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-sm);color:var(--shortlink-gray-900);background-color:var(--shortlink-gray-50);border:1px solid var(--shortlink-gray-300);border-radius:var(--shortlink-radius-md);cursor:text}.shortlink-container .shortlink-copy-button{padding:var(--shortlink-space-2) var(--shortlink-space-4);font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-sm);font-weight:600;color:var(--shortlink-primary);background-color:#fff;border:1px solid var(--shortlink-primary);border-radius:var(--shortlink-radius-md);cursor:pointer;transition:var(--shortlink-transition);white-space:nowrap}.shortlink-container .shortlink-copy-button:hover{background-color:var(--shortlink-primary);color:#fff}.shortlink-container .shortlink-result-value span{font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-sm);color:var(--shortlink-gray-600);word-break:break-all}.shortlink-container .shortlink-error-message{text-align:center}.shortlink-container .shortlink-error-icon{width:48px;height:48px;margin:0 auto var(--shortlink-space-4) auto;background-color:var(--shortlink-error-light);color:var(--shortlink-error);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--shortlink-font-size-xl);font-weight:700}.shortlink-container .shortlink-error-title{font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-xl);font-weight:700;color:var(--shortlink-error);margin:0 0 var(--shortlink-space-4) 0;line-height:1.2}.shortlink-container .shortlink-error-text{font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-base);color:var(--shortlink-gray-600);margin:0;line-height:1.5}@media (max-width:768px){.shortlink-container .shortlink-form-container{margin:var(--shortlink-space-4);padding:var(--shortlink-space-4)}.shortlink-container .shortlink-form-title{font-size:var(--shortlink-font-size-xl)}.shortlink-container .shortlink-url-button-group{flex-direction:column;gap:var(--shortlink-space-3)}.shortlink-container .shortlink-button--compact{width:100%;padding:var(--shortlink-space-4) var(--shortlink-space-6)}.shortlink-container .shortlink-result-value{flex-direction:column;align-items:stretch}.shortlink-container .shortlink-copy-button{align-self:flex-start}}@media (max-width:480px){.shortlink-container .shortlink-form-container{margin:var(--shortlink-space-2);padding:var(--shortlink-space-3)}.shortlink-container .shortlink-form-title{font-size:var(--shortlink-font-size-lg)}.shortlink-container .shortlink-button{padding:var(--shortlink-space-3) var(--shortlink-space-4);font-size:var(--shortlink-font-size-sm)}}.shortlink-container .shortlink-input:focus,.shortlink-container .shortlink-button:focus,.shortlink-container .shortlink-copy-button:focus{outline:2px solid var(--shortlink-primary);outline-offset:2px}@media (prefers-contrast:high){.shortlink-container .shortlink-input{border:2px solid var(--shortlink-gray-900)}.shortlink-container .shortlink-button{border:2px solid var(--shortlink-gray-900)}}.shortlink-container .shortlink-advanced-settings{margin-bottom:var(--shortlink-space-6);background:var(--shortlink-gray-50);border-radius:var(--shortlink-radius-lg);overflow:hidden;box-shadow:var(--shortlink-shadow-sm)}.shortlink-container .shortlink-advanced-title{margin:0}.shortlink-container .shortlink-toggle-advanced{width:100%;padding:var(--shortlink-space-5) var(--shortlink-space-6);font-size:var(--shortlink-font-size-base);font-weight:600;color:var(--shortlink-gray-700);background-color:#fff;border:none;border-bottom:1px solid var(--shortlink-gray-200);cursor:pointer;transition:var(--shortlink-transition);display:flex;align-items:center;text-align:left;position:relative;gap:var(--shortlink-space-2)}.shortlink-container .shortlink-toggle-advanced:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--shortlink-primary);transition:var(--shortlink-transition)}.shortlink-container .shortlink-toggle-icon{font-size:var(--shortlink-font-size-sm);transition:var(--shortlink-transition)}.shortlink-container .shortlink-toggle-advanced[aria-expanded=true] .shortlink-toggle-icon{transform:rotate(180deg)}.shortlink-container .shortlink-advanced-content{padding:var(--shortlink-space-6);background-color:#fff;border-top:1px solid var(--shortlink-gray-100)}.shortlink-container .shortlink-checkbox-group{margin-top:var(--shortlink-space-2)}.shortlink-container .shortlink-checkbox-label{display:flex;align-items:flex-start;gap:var(--shortlink-space-3);cursor:pointer;font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-base);color:var(--shortlink-gray-700);line-height:1.5}.shortlink-container .shortlink-checkbox{margin:0;width:18px;height:18px;accent-color:var(--shortlink-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.shortlink-container .shortlink-checkbox-text{flex:1}.shortlink-container .shortlink-date-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--shortlink-space-4);margin-top:var(--shortlink-space-2)}.shortlink-container .shortlink-date-field{display:flex;flex-direction:column}.shortlink-container .shortlink-date-label{font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-sm);font-weight:600;color:var(--shortlink-gray-700);margin-bottom:var(--shortlink-space-2);line-height:1.4}.shortlink-container .shortlink-domain-slug-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--shortlink-space-3);align-items:end}.shortlink-container .shortlink-domain-select{position:relative}.shortlink-container .shortlink-domain-select:before{content:'https://';position:absolute;left:var(--shortlink-space-3);top:50%;transform:translateY(-50%);font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-sm);color:var(--shortlink-gray-500);pointer-events:none;z-index:1}.shortlink-container .shortlink-domain-select select{padding-left:calc(var(--shortlink-space-3) + 60px);border:2px solid var(--shortlink-gray-200);font-weight:500}.shortlink-container .shortlink-domain-select select:focus{background-color:#fff;border-color:var(--shortlink-primary)}.shortlink-container .shortlink-slug-input{position:relative}.shortlink-container .shortlink-slug-input:before{content:'/';position:absolute;left:var(--shortlink-space-3);top:50%;transform:translateY(-50%);font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-base);color:var(--shortlink-gray-500);pointer-events:none;z-index:1;font-weight:500}.shortlink-container .shortlink-slug-input input{padding-left:calc(var(--shortlink-space-3) + 20px);border:2px solid var(--shortlink-gray-200);font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-base);font-weight:500}.shortlink-container .shortlink-slug-input input:focus{background-color:#fff;border-color:var(--shortlink-primary)}.shortlink-container .shortlink-input[type=datetime-local]{font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-base)}@media (max-width:768px){.shortlink-container .shortlink-date-group{grid-template-columns:1fr;gap:var(--shortlink-space-3)}.shortlink-container .shortlink-domain-slug-group{grid-template-columns:1fr;gap:var(--shortlink-space-3)}.shortlink-container .shortlink-advanced-content{padding:var(--shortlink-space-4)}}@media (max-width:480px){.shortlink-container .shortlink-advanced-content{padding:var(--shortlink-space-3)}.shortlink-container .shortlink-toggle-advanced{padding:var(--shortlink-space-3) var(--shortlink-space-4);font-size:var(--shortlink-font-size-sm)}}@media (prefers-reduced-motion:reduce){.shortlink-container .shortlink-button:hover{transform:none}.shortlink-container .shortlink-spinner{animation:none}.shortlink-container .shortlink-toggle-icon{transition:none}}.shortlink-container .shortlink-preview-form-container{margin:0 auto;padding:var(--shortlink-space-6)}.shortlink-container .shortlink-preview-form{display:flex;flex-direction:column}.shortlink-container .shortlink-form-actions{display:flex;justify-content:center;margin-top:var(--shortlink-space-4)}.shortlink-container .shortlink-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--shortlink-space-3) var(--shortlink-space-6);border:none;border-radius:var(--shortlink-radius-md);font-family:var(--shortlink-font-family);font-size:var(--shortlink-font-size-base);font-weight:600;cursor:pointer;transition:var(--shortlink-transition);text-decoration:none;min-height:44px}.shortlink-container .shortlink-button--primary{background-color:var(--shortlink-primary);color:#fff}.shortlink-container .shortlink-button--primary:hover{background-color:var(--shortlink-primary-hover);box-shadow:var(--shortlink-shadow-lg)}.shortlink-container .shortlink-button--primary:active{transform:translateY(0);box-shadow:var(--shortlink-shadow-md)}@media (max-width:480px){.shortlink-container .shortlink-preview-form-container{padding:var(--shortlink-space-4);margin:var(--shortlink-space-4)}.shortlink-container .shortlink-button{width:100%;padding:var(--shortlink-space-4) var(--shortlink-space-6)}}