.url-shortener-product{width:min(100%,1120px);margin:0 auto}.url-shortener-workspace{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);align-items:start;gap:24px;display:grid}.url-shortener-create-panel,.url-shortener-context-panel,.url-shortener-result-shell,.url-shortener-success-card,.url-shortener-result-main,.url-shortener-qr-card,.url-shortener-customize{border:1px solid var(--ls-line,#e2e8f0);background:var(--ls-surface,#fff);border-radius:12px;box-shadow:0 1px 3px #00000005}.url-shortener-create-panel,.url-shortener-result-shell{padding:24px}.url-shortener-create-head{gap:8px;margin-bottom:20px;display:grid}.url-shortener-create-head>span,.url-shortener-status{border-radius:999px;align-items:center;gap:7px;width:fit-content;font-size:.78rem;font-weight:800;display:inline-flex}.url-shortener-create-head>span{color:#6d28d9;text-transform:uppercase;letter-spacing:.04em}.url-shortener-create-head h2,.url-shortener-success-card h2{color:#0f172a;letter-spacing:0;margin:0;font-size:clamp(1.4rem,3vw,1.85rem);line-height:1.15}.url-shortener-create-head p,.url-shortener-success-card p,.url-shortener-account-context p,.url-shortener-definition p,.url-shortener-helper-line{color:#64748b;line-height:1.55}.url-shortener-create-head p,.url-shortener-success-card p{max-width:62ch;margin:0}.url-shortener-composer{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:56px;padding:6px 8px 6px 16px;transition:border-color .15s,box-shadow .15s;align-items:center!important;gap:8px!important;display:flex!important}.url-shortener-composer:focus-within{border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d91f}.url-shortener-composer>svg,.url-shortener-link-icon{color:#6d28d9;flex-shrink:0!important}.url-shortener-composer input{color:#0f172a;height:42px;font:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:.95rem;font-weight:500;flex:1!important;min-width:0!important}.url-shortener-composer .btn,.url-shortener-submit-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:600;transition:opacity .15s;display:inline-flex;box-shadow:0 1px 3px #0000002e;white-space:nowrap!important;box-sizing:border-box!important;color:#fff!important;background:linear-gradient(135deg,#111827,#3730a3,#625df5)!important;flex-shrink:0!important;min-width:120px!important;height:42px!important;min-height:42px!important;padding:10px 20px!important}.url-shortener-composer .btn:hover:not(:disabled),.url-shortener-submit-btn:hover:not(:disabled){opacity:.92}.url-shortener-composer .btn:disabled,.url-shortener-submit-btn:disabled{opacity:.5;cursor:not-allowed}.url-shortener-mini-button,.url-shortener-text-button{color:#6d28d9;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:600;transition:opacity .15s}.url-shortener-mini-button:hover,.url-shortener-text-button:hover{opacity:.8}.url-shortener-mini-button{color:#64748b;box-sizing:border-box;border-radius:6px;place-items:center;width:36px;height:36px;display:inline-grid;flex-shrink:0!important}.url-shortener-text-button{border-radius:8px;font-size:13px;white-space:nowrap!important;box-sizing:border-box!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-width:82px!important;height:42px!important;min-height:42px!important;padding:10px 18px!important;display:inline-flex!important}.url-shortener-text-button:disabled{color:#94a3b8;cursor:not-allowed}.url-shortener-helper-line{color:#64748b;margin:10px 0 0;font-size:.85rem;font-weight:500}.url-shortener-destination-summary,.url-shortener-saved-note{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:10px;margin-top:14px;padding:10px 12px;display:flex}.url-shortener-destination-summary svg,.url-shortener-saved-note svg{color:#16a34a;flex:none}.url-shortener-destination-summary div{gap:2px;min-width:0;display:grid}.url-shortener-destination-summary strong,.url-shortener-destination-summary span,.url-shortener-copy-surface span,.url-shortener-definition p,.url-shortener-definition strong,.url-shortener-alias-preview strong{overflow-wrap:anywhere}.url-shortener-destination-summary span,.url-shortener-saved-note span{color:#64748b;font-size:.85rem;font-weight:500}.url-shortener-inline-error{color:#991b1b;background:#fff7f7;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;font-size:.88rem;display:flex}.url-shortener-inline-error strong,.url-shortener-inline-error span{display:block}.url-shortener-inline-error span{color:#b45309;font-weight:600;line-height:1.45}.url-shortener-inline-error.subtle{color:#9a3412;background:#fff7ed;border-color:#fed7aa;font-weight:600;display:block}.url-shortener-inline-error.result{align-items:center}.url-shortener-inline-error.result button{color:#991b1b;background:#fff;border:1px solid #fecaca;border-radius:6px;padding:6px 10px;font-weight:700}.url-shortener-quick-settings{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin-top:16px!important;display:flex!important}.url-shortener-quick-settings button,.url-shortener-expiry-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;white-space:nowrap!important;box-sizing:border-box!important;flex-shrink:0!important;height:40px!important;min-height:40px!important;padding:9px 16px!important}.url-shortener-quick-settings button:first-child,.url-shortener-expiry-btn:first-child,.url-shortener-quick-settings button:nth-child(2),.url-shortener-expiry-btn:nth-child(2){min-width:88px!important}.url-shortener-quick-settings button:nth-child(3),.url-shortener-expiry-btn:nth-child(3){min-width:96px!important}.url-shortener-quick-settings button:hover,.url-shortener-expiry-btn:hover{background:#f8fafc;border-color:#cbd5e1}.url-shortener-quick-settings button.active,.url-shortener-expiry-btn.active{color:#5b21b6;background:#f3e8ff;border-color:#c4b5fd;font-weight:700}.url-shortener-quick-settings span,.url-shortener-expiry-text{color:#64748b;white-space:nowrap;margin-left:6px;font-size:.85rem;font-weight:500}.url-shortener-customize{background:#faf5ff;border:1px solid #ede9fe;gap:14px;margin-top:16px;padding:16px;display:grid}.url-shortener-custom-row{grid-template-columns:minmax(0,1fr) minmax(210px,.75fr);gap:12px;display:grid}.url-shortener-customize label,.url-shortener-campaign label{color:#0f172a;gap:6px;min-width:0;font-size:12px;font-weight:700;display:grid}.url-shortener-customize input,.url-shortener-campaign input{color:#0f172a;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:0 12px;font-size:13px;font-weight:600}.url-shortener-customize input:focus,.url-shortener-campaign input:focus{border-color:#6d28d9;box-shadow:0 0 0 2px #6d28d91f}.url-shortener-customize small,.url-shortener-campaign span,.url-shortener-alias-preview span{color:#64748b;font-size:.8rem;font-weight:500}.url-shortener-alias-preview{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;align-content:center;gap:3px;min-width:0;padding:10px 12px;display:grid}.url-shortener-campaign{gap:10px;display:grid}.url-shortener-campaign>div:first-child{gap:2px;display:grid}.url-shortener-utm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.url-shortener-context-panel{padding:20px;position:sticky;top:86px}.url-shortener-account-context{gap:14px;display:grid}.url-shortener-context-icon,.url-shortener-item-icon{color:#6d28d9;background:#f3e8ff;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;display:inline-grid}.url-shortener-account-context h3{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.url-shortener-account-context p{color:#64748b;margin:0;font-size:.82rem;line-height:1.5}.url-shortener-context-list,.url-shortener-recent-list{gap:8px;display:grid}.url-shortener-context-item{color:#334155;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:flex}.url-shortener-context-item.url-shortener-context-link{color:#6d28d9;font-weight:700}.url-shortener-context-item.url-shortener-context-link:hover{background:#f5f3ff;border-color:#ede9fe}.url-shortener-recent-list a{color:#0f172a;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;gap:2px;padding:10px 12px;text-decoration:none;display:grid}.url-shortener-recent-list a:hover{background:#f5f3ff;border-color:#ede9fe}.url-shortener-recent-list a strong{color:#6d28d9;font-size:.9rem}.url-shortener-recent-list a span{color:#64748b;font-size:.8rem}.url-shortener-result-shell{outline:none}.url-shortener-success-card{background:linear-gradient(#fff,#faf5ff);gap:16px;padding:20px;display:grid}.url-shortener-success-copy{align-items:flex-start;gap:12px;display:flex}.url-shortener-success-copy>div{gap:4px;display:grid}.url-shortener-status{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;margin:0;padding:3px 8px;font-size:.75rem}.url-shortener-status.is-expired{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.url-shortener-status.is-deleted{color:#991b1b;background:#fef2f2;border-color:#fecaca}.url-shortener-copy-surface{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.url-shortener-copy-surface span{color:#0f172a;font-size:.95rem;font-weight:700}.url-shortener-result-grid{grid-template-columns:minmax(0,1.25fr) minmax(220px,280px);align-items:stretch;gap:18px;margin-top:18px;display:grid}.url-shortener-result-main,.url-shortener-qr-card{padding:16px}.url-shortener-result-main{gap:16px;display:grid}.url-shortener-definition{gap:5px;display:grid}.url-shortener-definition>span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:800}.url-shortener-definition strong{color:#0f172a;font-size:1.15rem}.url-shortener-definition p{margin:0;font-size:.88rem;font-weight:500}.url-shortener-definition a,.url-shortener-saved-note a{color:#6d28d9;align-items:center;gap:4px;width:fit-content;font-weight:700;text-decoration:none;display:inline-flex}.url-shortener-stats-strip{border-block:1px solid #e2e8f0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-block:12px;display:grid}.url-shortener-stats-strip span{gap:2px;min-width:0;display:grid}.url-shortener-stats-strip strong{color:#0f172a;overflow-wrap:anywhere;font-size:1rem}.url-shortener-stats-strip small{color:#64748b;font-size:.78rem;font-weight:600}.url-shortener-action-row,.url-shortener-modal-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.url-shortener-action-row .btn,.url-shortener-copy-surface .btn,.url-shortener-modal-actions .btn{border-radius:8px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.url-shortener-menu{position:relative}.url-shortener-menu-panel{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:4px;min-width:190px;padding:6px;display:grid;position:absolute;right:0;box-shadow:0 14px 35px #0f172a24}.url-shortener-menu-panel button{color:#0f172a;min-height:36px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:600;display:flex}.url-shortener-menu-panel button:hover{background:#f8fafc}.url-shortener-menu-panel button.danger{color:#991b1b}@media (max-width:960px){.url-shortener-workspace,.url-shortener-result-grid{grid-template-columns:1fr}.url-shortener-context-panel{position:static}}@media (max-width:640px){.url-shortener-product{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.reading-speaking-tool .url-shortener-workspace,.url-shortener-workspace{flex-direction:column!important;gap:16px!important;width:100%!important;max-width:100%!important;display:flex!important}.url-shortener-create-panel,.url-shortener-context-panel,.url-shortener-result-shell{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:16px 12px!important}.reading-speaking-upload{width:100%!important;max-width:100%!important;margin-bottom:16px!important}.reading-speaking-upload .rs-dropzone{box-sizing:border-box!important;gap:10px!important;width:100%!important;max-width:100%!important;padding:12px 14px!important}.reading-speaking-upload .rs-choose-btn{flex-shrink:0!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:8px 14px!important;font-size:12px!important;line-height:34px!important}.reading-speaking-upload .rs-tab-btn{box-sizing:border-box!important;flex:calc(50% - 6px)!important;justify-content:center!important;gap:6px!important;min-width:calc(50% - 6px)!important;height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:12px!important}.url-shortener-composer{border-radius:10px!important;flex-wrap:wrap!important;gap:8px!important;min-height:auto!important;padding:8px 10px!important}.url-shortener-composer .url-shortener-link-icon{flex-shrink:0!important}.url-shortener-composer input{flex:120px!important;min-width:0!important;height:38px!important;font-size:13.5px!important}.url-shortener-text-button{flex-shrink:0!important;min-width:auto!important;height:36px!important;min-height:36px!important;padding:6px 12px!important;font-size:12.5px!important}.url-shortener-mini-button{flex-shrink:0!important;width:32px!important;height:32px!important}.url-shortener-composer .btn,.url-shortener-composer .url-shortener-submit-btn,.url-shortener-submit-btn{border-radius:8px!important;flex-basis:100%!important;width:100%!important;min-width:100%!important;height:42px!important;min-height:42px!important;margin-top:2px!important;padding:0 16px!important;font-size:13px!important}.url-shortener-helper-line{margin-top:8px!important;font-size:.8rem!important;line-height:1.4!important}.url-shortener-quick-settings{gap:6px!important;margin-top:14px!important}.url-shortener-quick-settings button,.url-shortener-expiry-btn,.url-shortener-quick-settings button:first-child,.url-shortener-expiry-btn:first-child,.url-shortener-quick-settings button:nth-child(2),.url-shortener-expiry-btn:nth-child(2),.url-shortener-quick-settings button:nth-child(3),.url-shortener-expiry-btn:nth-child(3){flex:auto!important;gap:6px!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:6px 10px!important;font-size:12px!important}.url-shortener-quick-settings span,.url-shortener-expiry-text{white-space:normal!important;word-break:break-word!important;width:100%!important;margin-top:4px!important;margin-left:0!important;font-size:.78rem!important}.url-shortener-customize{border-radius:8px!important;gap:12px!important;padding:12px!important}.url-shortener-custom-row{grid-template-columns:1fr!important;gap:10px!important}.url-shortener-utm-grid{grid-template-columns:1fr!important;gap:8px!important}.url-shortener-alias-preview{padding:8px 10px!important}.url-shortener-context-panel{padding:16px 14px!important;position:static!important}.url-shortener-context-item{gap:8px!important;padding:8px 10px!important;font-size:.82rem!important}.url-shortener-context-item span{word-break:break-word!important;overflow-wrap:anywhere!important}.url-shortener-result-grid{grid-template-columns:1fr!important;gap:14px!important}.url-shortener-success-card{gap:12px!important;padding:16px 12px!important}.url-shortener-copy-surface{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px!important}.url-shortener-copy-surface span{word-break:break-all!important;text-align:center!important;font-size:.88rem!important}.url-shortener-copy-surface .btn{width:100%!important}.url-shortener-stats-strip{gap:6px!important;padding-block:8px!important}.url-shortener-stats-strip strong{font-size:.85rem!important}.url-shortener-stats-strip small{font-size:.7rem!important}.url-shortener-action-row{gap:6px!important}.url-shortener-action-row .btn{flex:auto!important;height:36px!important;padding:0 10px!important;font-size:12px!important}.url-shortener-qr-card{text-align:center!important;flex-direction:column!important;align-items:center!important;padding:14px!important;display:flex!important}.url-shortener-qr-card img{max-width:160px!important;margin:0 auto!important}}