.main-container{max-width:1100px;margin:0 auto;padding:40px 20px}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 .5rem;font-size:clamp(1.7rem,4vw,2.5rem)}.page-subtitle{color:var(--calc-text-faded);max-width:760px;margin:0 0 1.75rem;line-height:1.55}.utm-tabs{border-bottom:1px solid var(--calc-border-default);flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.utm-tab-btn{color:var(--calc-text-faded);font-family:var(--calc-font-headline);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.7rem 1.1rem;font-size:.95rem;transition:color .15s,border-color .15s}.utm-tab-btn:hover{color:var(--calc-text-primary)}.utm-tab-btn.active{color:var(--calc-cyan);border-bottom-color:var(--calc-cyan)}.utm-tab-btn:focus-visible{outline:2px solid var(--calc-cyan);outline-offset:2px}.utm-tab-count{color:var(--calc-text-dim);font-size:.82em}.utm-tab-panel{display:none}.utm-tab-panel.active{display:block}.utm-presets{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.1rem;display:flex}.utm-presets__label{color:var(--calc-text-dim);font-size:.85rem}.utm-preset{background:var(--calc-bg-input);border:1px solid var(--calc-border-default);color:var(--calc-text-faded);font-size:.82rem;font-family:var(--calc-font-mono);cursor:pointer;border-radius:999px;padding:.35rem .85rem;transition:border-color .15s,color .15s}.utm-preset:hover,.utm-preset:focus-visible{border-color:var(--calc-cyan);color:var(--calc-cyan);outline:none}.action-bar{margin:0 0 1.25rem}.utm-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);margin-bottom:1.5rem;padding:1.25rem 1.4rem 1.4rem}.utm-card__title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 1rem;font-size:1.05rem}.utm-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.utm-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.utm-field--wide{width:100%}.utm-field>span{text-transform:uppercase;letter-spacing:.04em;color:var(--calc-text-dim);font-size:.78rem;font-family:var(--calc-font-mono);align-items:center;gap:.5rem;display:flex}.utm-req,.utm-opt{text-transform:none;letter-spacing:0;border-radius:999px;padding:.05rem .4rem;font-size:.72rem;font-style:normal}.utm-req{color:var(--calc-cyan);background:#22d3ee24}.utm-opt{background:var(--calc-bg-input);color:var(--calc-text-dim)}.utm-field input{box-sizing:border-box;background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);width:100%;color:var(--calc-text-primary);font-family:var(--calc-font-mono);padding:.65rem .8rem;font-size:1rem}.utm-field input:focus{border-color:var(--calc-cyan);outline:none;box-shadow:0 0 0 3px #22d3ee1f}.utm-hint{color:var(--calc-text-dim);font-size:.76rem;line-height:1.4}.utm-options{border-top:1px solid var(--calc-border-subtle,#ffffff0f);flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;margin-top:1.25rem;padding-top:1.1rem;display:flex}.utm-check{cursor:pointer;color:var(--calc-text-primary);align-items:center;gap:.55rem;font-size:.9rem;display:flex}.utm-check input{width:1.05rem;height:1.05rem;accent-color:var(--calc-cyan)}.utm-check small{color:var(--calc-text-dim)}.utm-spacer{align-items:center;gap:.75rem;display:flex}.utm-spacer__label{color:var(--calc-text-dim);font-size:.82rem}.utm-radio{cursor:pointer;color:var(--calc-text-faded);align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex}.utm-radio input{accent-color:var(--calc-cyan)}.utm-radio code,.utm-spacer code{font-family:var(--calc-font-mono);color:var(--calc-cyan)}.utm-result{background:var(--calc-bg-glass,var(--calc-bg-card));border:1px solid var(--calc-border-default);border-left:3px solid var(--calc-cyan);border-radius:var(--calc-radius-lg);margin:1.25rem 0;padding:1.25rem 1.5rem;position:relative}.utm-result__url{font-family:var(--calc-font-mono);color:var(--calc-text-primary);word-break:break-all;-webkit-user-select:all;user-select:all;background:var(--calc-bg-input);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);padding:.85rem 1rem;font-size:.98rem;line-height:1.5}.utm-result[data-result-state=computed] .utm-result__url{color:var(--calc-cyan)}.utm-result__detail{color:var(--calc-text-faded);margin-top:.55rem;font-size:.88rem;line-height:1.5}.utm-status{margin-top:.6rem;font-size:.85rem;font-weight:600}.utm-status--valid{color:var(--calc-emerald)}.utm-status--warn{color:var(--calc-amber)}.utm-status--partial{color:var(--calc-text-dim)}.utm-status:empty{display:none}.utm-result__actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.utm-btn{background:var(--calc-bg-input);border:1px solid var(--calc-border-default);color:var(--calc-text-faded);border-radius:var(--calc-radius-md);cursor:pointer;padding:.5rem 1rem;font-size:.85rem;transition:border-color .15s,color .15s,background .15s}.utm-btn:hover{border-color:var(--calc-cyan);color:var(--calc-cyan)}.utm-btn--primary{color:var(--calc-cyan);background:#22d3ee1f;border-color:#22d3ee66;font-weight:600}.utm-btn--primary:hover{background:#22d3ee33}.utm-btn.utm-copied,.utm-row-btn.utm-copied{color:var(--calc-emerald);border-color:var(--calc-emerald)}.utm-btn:disabled{opacity:.45;cursor:not-allowed}.utm-savefield{margin-top:.75rem;display:block}.utm-savefield input{box-sizing:border-box;background:var(--calc-bg-input);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);width:100%;color:var(--calc-text-primary);padding:.5rem .75rem;font-size:.88rem}.utm-savefield input:focus{border-color:var(--calc-cyan);outline:none}.utm-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--calc-text-dim);font-size:.78rem;font-family:var(--calc-font-mono);margin:1.5rem 0 .75rem}.utm-breakdown{flex-direction:column;gap:.4rem;display:flex}.utm-param{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle,#ffffff0f);border-radius:var(--calc-radius-md);font-family:var(--calc-font-mono);grid-template-columns:160px 1fr;align-items:baseline;gap:.75rem;padding:.5rem .85rem;font-size:.88rem;display:grid}.utm-param__key{color:var(--calc-cyan)}.utm-param__val{color:var(--calc-text-primary);word-break:break-all}.utm-breakdown__empty{color:var(--calc-text-dim);margin:0;font-size:.88rem}.utm-qr-help{color:var(--calc-text-faded);max-width:520px;margin:0 0 .85rem;font-size:.85rem;line-height:1.5}.utm-qr{border-radius:var(--calc-radius-md);border:1px solid var(--calc-border-default);background:#fff;padding:12px;line-height:0;display:inline-block}.utm-qr img,.utm-qr canvas{display:block}.utm-privacy{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle,#ffffff0f);border-radius:var(--calc-radius-md);color:var(--calc-text-faded);align-items:flex-start;gap:.6rem;margin-top:1.75rem;padding:.85rem 1rem;font-size:.85rem;line-height:1.5;display:flex}.utm-privacy svg{color:var(--calc-cyan);flex-shrink:0;margin-top:.1rem}.utm-privacy strong{color:var(--calc-text-primary)}.utm-saved-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.utm-help{color:var(--calc-text-faded);max-width:720px;margin:0;font-size:.9rem;line-height:1.55}.utm-chip{background:var(--calc-bg-input);border:1px solid var(--calc-border-default);color:var(--calc-text-faded);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.4rem .9rem;font-size:.82rem;transition:border-color .15s,color .15s}.utm-chip--action{color:var(--calc-cyan);background:#22d3ee1a;border-color:#22d3ee59}.utm-chip:hover{border-color:var(--calc-cyan);color:var(--calc-cyan)}.utm-table-wrap{border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);overflow-x:auto}.utm-table{border-collapse:collapse;width:100%;font-size:.9rem}.utm-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--calc-text-dim);background:var(--calc-bg-input);border-bottom:1px solid var(--calc-border-default);font-size:.72rem;font-family:var(--calc-font-mono);padding:.65rem .9rem}.utm-th-actions{text-align:right;width:11rem}.utm-table td{border-bottom:1px solid var(--calc-border-subtle,#ffffff0f);color:var(--calc-text-faded);vertical-align:top;padding:.6rem .9rem}.utm-table tr:last-child td{border-bottom:none}.utm-td-label{color:var(--calc-text-primary);white-space:nowrap;font-weight:600}.utm-td-url code{font-family:var(--calc-font-mono);color:var(--calc-cyan);word-break:break-all;font-size:.82rem}.utm-td-actions{text-align:right;white-space:nowrap}.utm-row-btn{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);color:var(--calc-text-faded);border-radius:var(--calc-radius-md);cursor:pointer;margin-left:.4rem;padding:.3rem .65rem;font-size:.78rem;transition:border-color .15s,color .15s}.utm-row-btn:hover{border-color:var(--calc-cyan);color:var(--calc-cyan)}.utm-row-btn--del:hover{border-color:var(--calc-rose);color:var(--calc-rose)}.utm-empty{color:var(--calc-text-dim);text-align:center;padding:1.5rem .9rem}.utm-guide-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.25rem;display:grid}.utm-guide-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);padding:1.1rem 1.2rem}.utm-guide-card__key{font-family:var(--calc-font-mono);color:var(--calc-cyan);font-size:.95rem}.utm-guide-card__req,.utm-guide-card__opt{vertical-align:middle;border-radius:999px;margin-left:.5rem;padding:.05rem .45rem;font-size:.7rem;display:inline-block}.utm-guide-card__req{color:var(--calc-cyan);background:#22d3ee24}.utm-guide-card__opt{background:var(--calc-bg-input);color:var(--calc-text-dim)}.utm-guide-card p{color:var(--calc-text-faded);margin:.7rem 0 0;font-size:.86rem;line-height:1.6}.utm-guide-card code{font-family:var(--calc-font-mono);color:var(--calc-text-primary);background:var(--calc-bg-input);border-radius:4px;padding:.05rem .3rem;font-size:.82em}.utm-guide-card--rules{grid-column:1/-1}.utm-guide-card--rules h3{color:var(--calc-text-primary);margin:0 0 .6rem;font-size:.95rem}.utm-guide-card--rules ul{color:var(--calc-text-faded);margin:0;padding-left:1.2rem;font-size:.86rem;line-height:1.7}.utm-guide-card--rules strong{color:var(--calc-text-primary)}.page-sections-outer{max-width:1100px;margin:0 auto;padding:0 1.5rem 3rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.utm-grid{grid-template-columns:1fr}.utm-param{grid-template-columns:1fr;gap:.15rem}.utm-tab-btn{padding:.6rem .7rem;font-size:.88rem}.utm-th-actions{width:auto}}[data-theme=light] .utm-req,[data-theme=light] .utm-guide-card__req{color:#0891b2;background:#ecfdff}[data-theme=light] .utm-param__key,[data-theme=light] .utm-td-url code,[data-theme=light] .utm-guide-card__key,[data-theme=light] .utm-result[data-result-state=computed] .utm-result__url,[data-theme=light] .utm-radio code,[data-theme=light] .utm-spacer code{color:#0891b2}[data-theme=light] .utm-preset:hover,[data-theme=light] .utm-preset:focus-visible,[data-theme=light] .utm-chip:hover,[data-theme=light] .utm-btn:hover,[data-theme=light] .utm-row-btn:hover{color:#0891b2;border-color:#0891b2}[data-theme=light] .utm-btn--primary{color:#0891b2;background:#ecfdff;border-color:#0891b266}[data-theme=light] .utm-btn--primary:hover{background:#d6f6fb}[data-theme=light] .utm-chip--action{color:#0891b2;background:#ecfdff;border-color:#0891b259}[data-theme=light] .utm-status--valid{color:#047857}[data-theme=light] .utm-status--warn{color:#b45309}[data-theme=light] .utm-row-btn--del:hover{color:#e11d48;border-color:#e11d48}[data-theme=light] .utm-result__url{color:#0f172a;background:#f0f4f9}[data-theme=light] .utm-param{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .utm-table th{background:#eef2f7}[data-theme=light] .utm-table td{border-bottom-color:#00000014}[data-theme=light] .utm-card,[data-theme=light] .utm-result,[data-theme=light] .utm-guide-card,[data-theme=light] .utm-table-wrap,[data-theme=light] .utm-privacy{box-shadow:0 1px 4px #0000000d}[data-theme=light] .utm-guide-card code,[data-theme=light] .utm-opt,[data-theme=light] .utm-guide-card__opt{color:#475569;background:#eef2f7}[data-theme=light] .utm-row-btn{background:#f0f4f9}