.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:none;align-items:center;justify-content:center;}.modal--active{display:flex;}.modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);animation:fadeIn 0.2s ease;}.modal__content{position:relative;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.5);animation:slideUp 0.3s ease;z-index:1;}@keyframes slideUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;}.modal__title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-sm);}.modal__icon{font-size:var(--text-2xl);}.modal__close{background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-2xl);cursor:pointer;padding:var(--space-xs);line-height:1;transition:all var(--transition-fast);border-radius:var(--radius-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;}.modal__close:hover{background:var(--bg-tertiary);color:var(--error-color);}.modal__body{padding:var(--space-xl);}.share-section{margin-bottom:var(--space-xl);}.share-section:last-child{margin-bottom:0;}.share-section .form-label{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);display:block;}.share-section .input-group{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm);}.share-section .form-input{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);}.share-section .form-help{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-xs) 0 0 0;}.qr-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);}#qrCanvas{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);}.short-url-container{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm);}.short-url-container .form-input{flex:1;font-family:var(--font-mono);}.output__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-lg);}.output__actions .btn{flex:1;min-width:120px;justify-content:center;}[data-theme="dark"] .modal__overlay{background:rgba(0,0,0,0.85);}[data-theme="dark"] .modal__content{box-shadow:0 20px 60px rgba(0,0,0,0.8),0 0 0 1px rgba(96,165,250,0.2);}[data-theme="dark"] #qrCanvas{box-shadow:0 0 20px rgba(96,165,250,0.2);}@media (max-width:768px){.modal__content{width:95%;max-height:95vh;}.modal__header{padding:var(--space-lg);}.modal__body{padding:var(--space-lg);}.output__actions{flex-direction:column;}.output__actions .btn{width:100%;min-width:unset;}.share-section .input-group{flex-direction:column;}.short-url-container{flex-direction:column;}}@media (max-width:480px){.modal__content{width:100%;max-height:100vh;border-radius:0;}.modal__header{padding:var(--space-md);}.modal__body{padding:var(--space-md);}.share-section{margin-bottom:var(--space-lg);}}.btn--block{display:block;width:100%;text-align:center;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}