:root{--utmb-primary:#7C3AED;--utmb-secondary:#6D28D9;--utmb-success:#10B981;--utmb-error:#EF4444;--utmb-background:#FAF5FF;--utmb-card-bg:#FFFFFF;--utmb-url-display:#F3E8FF;--utmb-text:#1F2937;--utmb-text-light:#6B7280;--utmb-border:#E2E8F0;--utmb-hover:#EDE9FE}.utmb-wrapper{max-width:900px;margin:2rem auto;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.utmb-header{text-align:center;margin-bottom:2.5rem}.utmb-title{margin:0 0 .75rem 0;font-size:2.25rem;font-weight:700;color:var(--utmb-text);line-height:1.2}.utmb-subtitle{margin:0;font-size:1.125rem;color:var(--utmb-text-light)}.utmb-form{background:var(--utmb-card-bg);padding:2.5rem;border-radius:12px;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06);margin-bottom:2rem}.utmb-field{margin-bottom:1.75rem}.utmb-field:last-of-type{margin-bottom:2rem}.utmb-field label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--utmb-text);font-size:1rem}.utmb-required-star{color:var(--utmb-error);font-weight:700}.utmb-required{border-left:3px solid var(--utmb-primary);padding-left:1rem}.utmb-optional label{color:var(--utmb-text-light)}.utmb-input-wrapper{position:relative;display:flex;align-items:center}.utmb-input-icon{position:absolute;left:1rem;font-size:1.25rem;pointer-events:none;z-index:1}.utmb-input,.utmb-select{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid var(--utmb-border);border-radius:8px;font-size:1rem;transition:all 0.2s ease;box-sizing:border-box;color:var(--utmb-text);background:var(--utmb-card-bg)}.utmb-input:focus,.utmb-select:focus{outline:none;border-color:var(--utmb-primary);box-shadow:0 0 0 3px rgb(124 58 237 / .1)}.utmb-input.utmb-error-input{border-color:var(--utmb-error)}.utmb-input.utmb-error-input:focus{box-shadow:0 0 0 3px rgb(239 68 68 / .1)}.utmb-select{cursor:pointer;appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%236B7280" d="M6 9L1 4h10z"/></svg>');background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;padding-right:3rem}.utmb-helper-text{margin:.5rem 0 0 0;font-size:.875rem;color:var(--utmb-text-light)}.utmb-error{display:block;margin-top:.375rem;font-size:.875rem;color:var(--utmb-error);min-height:1.25rem}.utmb-actions{display:flex;gap:1rem;flex-wrap:wrap}.utmb-generate-btn,.utmb-reset-btn{flex:1;min-width:150px;padding:1rem 2rem;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.utmb-generate-btn{background:linear-gradient(135deg,var(--utmb-primary) 0%,var(--utmb-secondary) 100%);color:#FFF;box-shadow:0 4px 12px rgb(124 58 237 / .3)}.utmb-generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(124 58 237 / .4)}.utmb-generate-btn:active{transform:translateY(0)}.utmb-generate-btn:disabled{background:#94A3B8;cursor:not-allowed;transform:none;box-shadow:none}.utmb-generate-btn.loading{position:relative;color:#fff0}.utmb-generate-btn.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:3px solid rgb(255 255 255 / .3);border-top-color:#FFF;border-radius:50%;animation:utmb-spin 0.6s linear infinite}@keyframes utmb-spin{to{transform:rotate(360deg)}}.utmb-reset-btn{background:var(--utmb-card-bg);color:var(--utmb-text);border:2px solid var(--utmb-border)}.utmb-reset-btn:hover{background:var(--utmb-hover);border-color:var(--utmb-primary);transform:translateY(-2px)}.utmb-preview{background:var(--utmb-url-display);padding:2rem;border-radius:12px;margin-bottom:2rem;border:2px solid var(--utmb-primary)}.utmb-preview-title{margin:0 0 1rem 0;font-size:1.125rem;font-weight:700;color:var(--utmb-text)}.utmb-preview-url{font-family:'Monaco','Courier New',monospace;font-size:.9375rem;color:var(--utmb-primary);background:var(--utmb-card-bg);padding:1rem;border-radius:6px;word-break:break-all;min-height:3rem;display:flex;align-items:center}.utmb-preview-url.empty{color:var(--utmb-text-light);font-style:italic;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.utmb-results{margin-top:2rem;animation:utmb-slideIn 0.5s ease}@keyframes utmb-slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.utmb-results-header{margin-bottom:1.5rem}.utmb-results-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--utmb-text)}.utmb-url-display{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.utmb-url-box{font-family:'Monaco','Courier New',monospace;font-size:1rem;color:var(--utmb-primary);background:var(--utmb-url-display);padding:1.5rem;border-radius:8px;border:2px solid var(--utmb-primary);word-break:break-all;line-height:1.6}.utmb-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--utmb-primary);color:#FFF;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.utmb-copy-btn:hover{background:var(--utmb-secondary);transform:translateY(-2px);box-shadow:0 4px 8px rgb(124 58 237 / .3)}.utmb-copy-btn.copied{background:var(--utmb-success)}.utmb-copy-icon{font-size:1.125rem}.utmb-url-stats{text-align:center;padding:.75rem;background:var(--utmb-background);border-radius:6px;margin-bottom:2rem;font-size:.875rem;font-weight:600;color:var(--utmb-text-light)}.utmb-breakdown{background:var(--utmb-card-bg);padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1);margin-bottom:2rem}.utmb-breakdown-title{margin:0 0 1.5rem 0;font-size:1.25rem;font-weight:700;color:var(--utmb-text)}.utmb-breakdown-table{width:100%;border-collapse:collapse}.utmb-breakdown-table tr{border-bottom:1px solid var(--utmb-border)}.utmb-breakdown-table tr:last-child{border-bottom:none}.utmb-breakdown-table td{padding:.875rem 0;font-size:.9375rem}.utmb-param-name{font-weight:600;color:var(--utmb-text);font-family:'Monaco','Courier New',monospace;width:35%}.utmb-param-value{color:var(--utmb-primary);font-family:'Monaco','Courier New',monospace;word-break:break-all}.utmb-qr-section{background:var(--utmb-card-bg);padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1);margin-bottom:2rem}.utmb-qr-title{margin:0 0 1.5rem 0;font-size:1.25rem;font-weight:700;color:var(--utmb-text)}.utmb-qr-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.utmb-qr-code{padding:1rem;background:#FFF;border:2px solid var(--utmb-border);border-radius:8px;min-height:200px;min-width:200px;display:flex;align-items:center;justify-content:center}.utmb-qr-code img{max-width:100%;height:auto;display:block}.utmb-download-qr-btn{padding:.875rem 1.5rem;background:var(--utmb-card-bg);color:var(--utmb-primary);border:2px solid var(--utmb-primary);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.utmb-download-qr-btn:hover{background:var(--utmb-primary);color:#FFF;transform:translateY(-2px);box-shadow:0 4px 8px rgb(124 58 237 / .3)}.utmb-toast{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--utmb-success);color:#FFF;border-radius:8px;box-shadow:0 4px 12px rgb(16 185 129 / .3);font-weight:600;z-index:1000;animation:utmb-slideInUp 0.3s ease}@keyframes utmb-slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.utmb-toast-icon{font-size:1.5rem;line-height:1}.utmb-toast-message{font-size:1rem}@media (max-width:768px){.utmb-wrapper{padding:1rem;margin:1rem}.utmb-title{font-size:1.875rem}.utmb-subtitle{font-size:1rem}.utmb-form{padding:1.5rem}.utmb-actions{flex-direction:column}.utmb-generate-btn,.utmb-reset-btn{width:100%}.utmb-url-box{font-size:.875rem}.utmb-breakdown-table td{font-size:.875rem}.utmb-param-name{width:40%}.utmb-toast{left:1rem;right:1rem;bottom:1rem}}@media (max-width:1024px) and (min-width:769px){.utmb-url-box{font-size:.9375rem}}@media print{.utmb-generate-btn,.utmb-reset-btn,.utmb-copy-btn,.utmb-download-qr-btn,.utmb-toast{display:none}.utmb-url-box,.utmb-breakdown,.utmb-qr-section{box-shadow:none;border:1px solid var(--utmb-border);page-break-inside:avoid}}.utmb-generate-btn:focus,.utmb-reset-btn:focus,.utmb-copy-btn:focus,.utmb-download-qr-btn:focus,input:focus,select:focus{outline:2px solid var(--utmb-primary);outline-offset:2px}@media (prefers-contrast:high){.utmb-form,.utmb-url-box,.utmb-breakdown,.utmb-qr-section{border:2px solid #000}.utmb-input,.utmb-select{border-width:2px}}@media (prefers-reduced-motion:reduce){.utmb-results,.utmb-toast,.utmb-generate-btn,.utmb-reset-btn,.utmb-copy-btn,.utmb-download-qr-btn,input,select{animation:none;transition:none}.utmb-generate-btn:hover,.utmb-reset-btn:hover,.utmb-copy-btn:hover,.utmb-download-qr-btn:hover{transform:none}}.utmb-qr-code.loading{display:flex;align-items:center;justify-content:center}.utmb-qr-code.loading::after{content:'Generating QR Code...';color:var(--utmb-text-light);font-size:.875rem}