:root{--shortlink-muted:#666;--shortlink-danger:#dc3545;--shortlink-danger-bg:#f8d7da;--shortlink-danger-border:#f5c6cb;--shortlink-danger-text:#721c24;--shortlink-success:#28a745;--shortlink-primary:#007cba;--shortlink-form-border:#e9ecef;--shortlink-form-border-focus:#007cba;--shortlink-form-bg:#fff;--shortlink-form-text:#333;--shortlink-form-muted:#666;--shortlink-form-error:#dc3545;--shortlink-form-error-bg:#f8d7da;--shortlink-form-error-border:#f5c6cb;--shortlink-form-success:#28a745;--shortlink-form-success-bg:#d4edda;--shortlink-form-success-border:#c3e6cb;--shortlink-form-primary:#007cba;--shortlink-form-radius:4px;--shortlink-form-shadow:0 1px 3px rgba(0,0,0,.1);--shortlink-form-transition:all .2s ease;--shortlink-form-font-size:16px}.shortlink-container{max-width:100%;margin:1rem 0}.shortlink-header{margin-bottom:2rem}.shortlink-header h1{margin-bottom:.5rem;font-size:2rem;font-weight:600}.shortlink-header--blocked h1{color:var(--shortlink-danger)}.shortlink-header p{color:var(--shortlink-muted);margin:0}.shortlink-content{margin-bottom:2rem}.shortlink-content h2{font-size:1.5rem}.shortlink-content h3{font-size:1.25rem}.shortlink-content--preview{display:flex;flex-direction:column;gap:1.5rem}.shortlink-url{background-color:#fff;padding:1rem;border-radius:4px;border:1px solid #e9ecef;margin-bottom:1rem}.shortlink-url strong{display:block;margin-bottom:.5rem}.shortlink-url-text{word-break:break-all;font-family:ui-monospace,monospace;color:#333}.shortlink-url--blocked{border-color:var(--shortlink-danger-border)}.shortlink-url--blocked strong{color:var(--shortlink-danger-text)}.shortlink-url--blocked .shortlink-url-text{color:var(--shortlink-danger-text)}.shortlink-url-hint{margin-bottom:1rem;font-size:.875rem}.shortlink-warning{background-color:var(--shortlink-danger-bg);border:1px solid var(--shortlink-danger-border);border-radius:4px;padding:1.5rem;margin-bottom:1.5rem}.shortlink-warning h2{color:var(--shortlink-danger-text);margin-top:0;margin-bottom:1rem}.shortlink-warning p{margin-bottom:1rem;color:var(--shortlink-danger-text)}.shortlink-reasons{margin-bottom:1.5rem}.shortlink-reasons h3{margin-bottom:1rem}.shortlink-reasons ul{margin:0;padding-left:1.5rem}.shortlink-reasons li{margin-bottom:.5rem}.shortlink-actions{display:flex;gap:1rem;margin-bottom:2rem}.shortlink-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid transparent;border-radius:4px;transition:all .2s ease;background-color:var(--shortlink-primary);color:#fff;min-height:44px;box-sizing:border-box}.shortlink-button:hover{background-color:#005a87;color:#fff;text-decoration:none}.shortlink-button:focus{outline:2px solid var(--shortlink-primary);outline-offset:2px}.shortlink-button--block{display:block;width:100%}.shortlink-button--secondary{background-color:#6c757d;border-color:#6c757d}.shortlink-button--secondary:hover{background-color:#545b62;border-color:#4e555b}.shortlink-security{padding:1rem 0;color:var(--shortlink-muted);line-height:1.2}.shortlink-security small{font-size:.875rem}@media (max-width:768px){.shortlink-actions{flex-direction:column}}.shortlink-form{max-width:100%;margin:0;font-family:inherit;line-height:inherit}.shortlink-form *{box-sizing:border-box}.shortlink-form--inline{display:flex;gap:.5rem;align-items:flex-end}.shortlink-form--stacked{display:flex;flex-direction:column;gap:1rem}.shortlink-form-group{margin-bottom:1.25rem}.shortlink-form-group:last-child{margin-bottom:0}.shortlink-form-group--inline{display:flex;gap:.5rem;align-items:flex-end}.shortlink-form-group--inline .shortlink-form-group{margin-bottom:0;flex:1}.shortlink-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--shortlink-form-text);font-size:var(--shortlink-form-font-size);line-height:1.4}.shortlink-label--required:after{content:' *';color:var(--shortlink-form-error)}.shortlink-label--optional{font-weight:400}.shortlink-label--checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0}.shortlink-input{display:block;width:100%;padding:.75rem;font-size:var(--shortlink-form-font-size);line-height:1.5;color:var(--shortlink-form-text);background-color:var(--shortlink-form-bg);border:1px solid var(--shortlink-form-border);border-radius:var(--shortlink-form-radius);transition:var(--shortlink-form-transition);box-sizing:border-box}.shortlink-input:focus{outline:none;border-color:var(--shortlink-form-border-focus);box-shadow:0 0 0 3px rgba(0,124,186,.1)}.shortlink-input:disabled{background-color:#f8f9fa;color:var(--shortlink-form-muted);cursor:not-allowed}.shortlink-input--error{border-color:var(--shortlink-form-error)}.shortlink-input--error:focus{border-color:var(--shortlink-form-error);box-shadow:0 0 0 3px rgba(220,53,69,.1)}.shortlink-input--success{border-color:var(--shortlink-form-success)}.shortlink-input--success:focus{border-color:var(--shortlink-form-success);box-shadow:0 0 0 3px rgba(40,167,69,.1)}.shortlink-input-group{display:flex;position:relative}.shortlink-input-group .shortlink-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.shortlink-input-group .shortlink-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none;margin-left:-1px}.shortlink-input-group .shortlink-input:focus{z-index:2}.shortlink-input-group .shortlink-button:focus{z-index:2}.shortlink-select{display:block;width:100%;padding:.75rem;font-size:var(--shortlink-form-font-size);line-height:1.5;color:var(--shortlink-form-text);background-color:var(--shortlink-form-bg);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid var(--shortlink-form-border);border-radius:var(--shortlink-form-radius);transition:var(--shortlink-form-transition);appearance:none;box-sizing:border-box}.shortlink-select:focus{outline:none;border-color:var(--shortlink-form-border-focus);box-shadow:0 0 0 3px rgba(0,124,186,.1)}.shortlink-textarea{display:block;width:100%;padding:.75rem;font-size:var(--shortlink-form-font-size);line-height:1.5;color:var(--shortlink-form-text);background-color:var(--shortlink-form-bg);border:1px solid var(--shortlink-form-border);border-radius:var(--shortlink-form-radius);transition:var(--shortlink-form-transition);resize:vertical;min-height:100px;box-sizing:border-box;font-family:inherit}.shortlink-textarea:focus{outline:none;border-color:var(--shortlink-form-border-focus);box-shadow:0 0 0 3px rgba(0,124,186,.1)}.shortlink-checkbox,.shortlink-radio{margin:0;cursor:pointer}.shortlink-checkbox-label,.shortlink-radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--shortlink-form-font-size);line-height:1.4}.shortlink-checkbox-text,.shortlink-radio-text{color:var(--shortlink-form-text)}.shortlink-checkbox-group{margin-top:.5rem}.shortlink-datetime-group{display:flex;gap:.5rem}.shortlink-datetime-group .shortlink-form-group{flex:1;margin-bottom:0}.shortlink-datetime-group .shortlink-input{font-family:inherit}.shortlink-domain-slug-group{display:flex;align-items:center;gap:.5rem;background-color:var(--shortlink-form-bg);border-radius:var(--shortlink-form-radius);border:1px solid var(--shortlink-form-border);box-sizing:border-box}.shortlink-domain-slug-group .shortlink-input,.shortlink-domain-slug-group .shortlink-select{border:none}.shortlink-domain-select{width:180px;flex-shrink:0}.shortlink-slug-separator-group{flex:1;display:flex;align-items:center;gap:.5rem;width:100%}.shortlink-domain-slug-separator{color:var(--shortlink-form-muted);font-size:var(--shortlink-form-font-size);font-weight:500;user-select:none}.shortlink-slug-input{flex:1;width:100%}.shortlink-form-actions{display:flex;gap:1rem;margin-top:2rem;align-items:center}.shortlink-form-actions .shortlink-button{margin:0}.shortlink-button--small{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.shortlink-button--large{padding:1rem 2rem;font-size:1.125rem;min-height:52px}.shortlink-button--outline{background-color:transparent;color:var(--shortlink-form-primary);border-color:var(--shortlink-form-primary)}.shortlink-button--outline:hover{background-color:var(--shortlink-form-primary);color:#fff}.shortlink-button--block{display:block;width:100%}.shortlink-help{margin-top:.5rem;font-size:.875rem;color:var(--shortlink-form-muted);line-height:1.4}.shortlink-message{padding:1rem;margin-bottom:1.5rem;border-radius:var(--shortlink-form-radius);border:1px solid transparent}.shortlink-message--error{color:var(--shortlink-form-error);background-color:var(--shortlink-form-error-bg);border-color:var(--shortlink-form-error-border)}.shortlink-message--success{color:var(--shortlink-form-success);background-color:var(--shortlink-form-success-bg);border-color:var(--shortlink-form-success-border)}.shortlink-message--info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.shortlink-message--warning{color:#856404;background-color:#fff3cd;border-color:#ffeaa7}.shortlink-input2{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;border:0 !important;padding:0 !important}.shortlink-input:focus,.shortlink-select:focus,.shortlink-textarea:focus,.shortlink-button:focus{outline:2px solid var(--shortlink-form-border-focus);outline-offset:2px}@media (max-width:768px){.shortlink-form--inline{flex-direction:column;align-items:stretch}.shortlink-form-group--inline{flex-direction:column;align-items:stretch}.shortlink-datetime-group{flex-direction:column}.shortlink-form-actions{flex-direction:column;align-items:stretch}.shortlink-form-actions .shortlink-button{width:100%}}.shortlink-form{font-family:inherit;line-height:inherit}.shortlink-result-message{padding:2rem;margin-bottom:2rem;border-radius:var(--shortlink-form-radius);border:1px solid transparent;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.shortlink-result-message--error{background-color:#fef2f2;border-color:#ef4444;color:#7f1d1d}.shortlink-result-message:before{content:'';width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;line-height:1;margin-bottom:.5rem}.shortlink-result-message--success:before{background-color:#10b981;color:#fff;content:'✓'}.shortlink-result-message--error:before{background-color:#fecaca;color:#dc2626;content:'✕'}.shortlink-result-message-text{flex:1;margin:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.shortlink-result-message--success .shortlink-result-message-text{font-weight:500;font-size:1.1rem}.shortlink-result-message--error .shortlink-result-message-text{font-weight:500}.shortlink-result-message--error .shortlink-result-message-text>div:first-child{font-size:1.25rem;font-weight:600;color:#dc2626}.shortlink-result-message--error .shortlink-result-message-text>div:not(:first-child){font-size:1rem;font-weight:400;color:#6b7280}.shortlink-result-url{margin-top:1rem;padding:1rem;background-color:#fff;border-radius:var(--shortlink-form-radius);border:1px solid #e5e7eb;width:100%}.shortlink-result-url strong{display:block;margin-bottom:.5rem;color:#374151}.shortlink-result-url a{color:#0ea5e9;text-decoration:none;font-family:ui-monospace,monospace;word-break:break-all;display:inline-block;padding:.5rem;background-color:#f9fafb;border-radius:4px;border:1px solid #e5e7eb;cursor:pointer}.shortlink-result-url a:hover{background-color:#f3f4f6;text-decoration:underline}.shortlink-result-url-group{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.shortlink-result-url-group:last-child{margin-bottom:0}.shortlink-result-url-input{flex:1;padding:.5rem;font-family:ui-monospace,monospace;font-size:.875rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#374151;cursor:text}.shortlink-result-url-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.1)}.shortlink-copy-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:transparent;border:1px solid #0ea5e9;color:#0ea5e9;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:80px}.shortlink-copy-button:hover{background-color:#0ea5e9;color:#fff}.shortlink-copy-button:active{transform:translateY(1px)}.shortlink-copy-button.copied{background-color:#10b981;border-color:#10b981;color:#fff}.shortlink-button.loading{opacity:.8;cursor:not-allowed}.shortlink-button-loading{display:flex;align-items:center;gap:8px;justify-content:center}.shortlink-spinner-icon{flex-shrink:0}.shortlink-loading-text{font-size:inherit;line-height:inherit}@media (max-width:768px){.shortlink-result-message{padding:1.5rem;gap:.75rem}.shortlink-result-message:before{width:40px;height:40px;font-size:18px}.shortlink-result-url-group{flex-direction:column;align-items:stretch}.shortlink-copy-button{width:100%}}@media (max-width:580px){.shortlink-input-group{flex-direction:column;gap:16px}.shortlink-input-group .shortlink-button{width:100%}.shortlink-input-group .shortlink-input{border-radius:var(--shortlink-form-radius);border:1px solid var(--shortlink-form-border)}.shortlink-input-group .shortlink-button{border-radius:var(--shortlink-form-radius)}.shortlink-domain-slug-group{flex-direction:column;gap:16px;border:none}.shortlink-domain-slug-group .shortlink-slug-separator-group{border-radius:var(--shortlink-form-radius);border:1px solid var(--shortlink-form-border);padding-left:12px}.shortlink-domain-slug-group .shortlink-domain-select{width:100%}.shortlink-domain-slug-group .shortlink-select{border-radius:var(--shortlink-form-radius);border:1px solid var(--shortlink-form-border)}}