/* Shared presentation layer. Legacy behavior and Bootstrap layout utilities remain intact. */
:root{color-scheme:light;--ut-bg:#f6f5f1;--ut-surface:#fff;--ut-soft:#efeee9;--ut-ink:#20272e;--ut-muted:#626b73;--ut-line:#d9dcd9;--ut-control:#818b95;--ut-accent:#2458cb;--ut-on:#fff;--ut-tint:#e9effd;--ut-green:#176747;--ut-green-bg:#e8f4ed;--ut-red:#a52631;--ut-red-bg:#fcebed;--ut-warning:#795000;--ut-warning-bg:#fff2cf}
html[data-ut-theme=dark]{color-scheme:dark;--ut-bg:#15191e;--ut-surface:#1d232a;--ut-soft:#252d36;--ut-ink:#eef1f4;--ut-muted:#acb6c1;--ut-line:#3e4855;--ut-control:#8391a0;--ut-accent:#9bbaff;--ut-on:#101d38;--ut-tint:#283953;--ut-green:#9cdeb8;--ut-green-bg:#223c30;--ut-red:#ffb2b8;--ut-red-bg:#43262d;--ut-warning:#f2d28a;--ut-warning-bg:#3e3420}
html body,html body.dark{background:var(--ut-bg)!important;color:var(--ut-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:15px;line-height:1.55}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body .text-serif{font-family:inherit!important;color:var(--ut-ink)!important;letter-spacing:-.025em}html body h1{font-weight:700}html body a{color:var(--ut-accent)}html body a:hover{color:var(--ut-accent)}html body .text-muted,html body .form-text,html body .text-navy{color:var(--ut-muted)!important}html body .text-dark,html body .text-white{color:var(--ut-ink)!important}html body .text-primary{color:var(--ut-accent)!important}html body .text-success{color:var(--ut-green)!important}html body .text-danger{color:var(--ut-red)!important}
html body .main,html body .content,html body .wrapper{background:var(--ut-bg)!important}html body .navbar-bg,html body .navbar-main,html body .footer,html body .dropdown-menu,html body .modal-content,html body .card,html body .card-header,html body .card-footer,html body .bg-white,html body .bg-dark,html body .bg-light,html body .list-group-item,html body .popover,html body .popover-body{background:var(--ut-surface)!important;color:var(--ut-ink)!important;background-image:none!important}
html body .card{border:1px solid var(--ut-line);border-radius:10px;box-shadow:none!important}html body .card-header,html body .card-footer{border-color:var(--ut-line)}html body .card-body{padding:24px}html body .border,html body .border-top,html body .border-bottom,html body .border-start,html body .border-end,html body hr{border-color:var(--ut-line)!important}html body .shadow,html body .shadow-sm,html body .shadow-lg{box-shadow:none!important}html body .rounded{border-radius:7px!important}
html body .sidebar,html body .sidebar-content,html body .sidebar-light{background:var(--ut-bg)!important;color:var(--ut-ink)!important}html body .sidebar{border-right:1px solid var(--ut-line);max-width:240px;min-width:240px}html body .sidebar-brand{padding:24px;color:var(--ut-ink)!important}html body .sidebar-link,html body a.sidebar-link{background:transparent!important;color:var(--ut-muted)!important;border:0!important;padding:12px 20px;margin:3px 12px;border-radius:6px}html body .sidebar-link i{color:inherit!important}html body .sidebar-item.active>.sidebar-link,html body .sidebar-link:hover{background:var(--ut-tint)!important;color:var(--ut-accent)!important}html body .sidebar-nav{padding-top:10px}html body .sidebar-toggle .hamburger,html body .sidebar-toggle .hamburger:before,html body .sidebar-toggle .hamburger:after{background:var(--ut-ink)}html body .navbar-bg{box-shadow:none!important;border-bottom:1px solid var(--ut-line)}html body .content{padding:38px 40px}html body .navbar .nav-link,html body .dropdown-item{color:var(--ut-ink)!important}html body .dropdown-item:hover{background:var(--ut-tint)!important}html body .navbar-collapse-overlay{background:var(--ut-surface)!important}
html body .form-control,html body .form-select,html body .input-group-text,html body .select2-container--default .select2-selection--single,html body .select2-dropdown,html body .select2-search__field{background:var(--ut-surface)!important;color:var(--ut-ink)!important;border-color:var(--ut-control)!important;box-shadow:none}html body .form-control::placeholder{color:var(--ut-muted)!important;opacity:1}html body .form-control,html body .form-select{border-radius:6px}html body .select2-selection__rendered{color:var(--ut-ink)!important}html body .select2-results__option--highlighted{background:var(--ut-accent)!important;color:var(--ut-on)!important}
html body .btn{border-radius:7px;font-weight:500;box-shadow:none!important;text-transform:none;letter-spacing:0}html body .btn-primary,html body .btn-success{background:var(--ut-accent)!important;border-color:var(--ut-accent)!important;color:var(--ut-on)!important}html body .btn-primary:hover,html body .btn-success:hover{filter:brightness(.94)}html body .btn-default,html body .btn-white,html body .btn-secondary,html body .btn-outline-secondary{background:var(--ut-surface)!important;border-color:var(--ut-control)!important;color:var(--ut-ink)!important}html body .btn-outline-primary{color:var(--ut-accent)!important;border-color:var(--ut-accent)!important;background:transparent!important}html body .btn-danger,html body .btn-outline-danger{color:var(--ut-red)!important;border-color:var(--ut-red)!important;background:var(--ut-red-bg)!important}html body .badge.bg-success,html body .badge-success,html body .alert-success{background:var(--ut-green-bg)!important;color:var(--ut-green)!important}html body .badge.bg-danger,html body .alert-danger{background:var(--ut-red-bg)!important;color:var(--ut-red)!important}html body .badge.bg-info,html body .badge.bg-primary,html body .alert-info{background:var(--ut-tint)!important;color:var(--ut-accent)!important}html body .alert-warning,html body .badge.bg-warning{background:var(--ut-warning-bg)!important;color:var(--ut-warning)!important}
html body .table{color:var(--ut-ink);--bs-table-color:var(--ut-ink);--bs-table-bg:transparent;--bs-table-striped-bg:var(--ut-soft);--bs-table-hover-bg:var(--ut-soft)}html body .table td,html body .table th{border-color:var(--ut-line);padding:15px 12px}html body .table th{color:var(--ut-muted);font-weight:500}html body .table-hover>tbody>tr:hover>*{color:var(--ut-ink)!important}html body .page-link{background:var(--ut-surface);border-color:var(--ut-line);color:var(--ut-accent)}html body .page-item.active .page-link{background:var(--ut-accent);color:var(--ut-on)}html body .nav-pills .nav-link.active{background:var(--ut-tint);color:var(--ut-accent)}html body .bg-section-dark-gradient,html body .bg-gradient-primary,html body .bg-gradient-success{background:var(--ut-soft)!important;color:var(--ut-ink)!important}html body .bg-section-secondary{background:var(--ut-bg)!important}
html body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ut-accent)!important;outline-offset:3px}html body .ut-brand{font-size:23px;font-weight:750;letter-spacing:-.8px;white-space:nowrap;color:var(--ut-ink)!important;display:inline-flex;align-items:center;line-height:1.3}html body .ut-brand>span{color:var(--ut-accent)}.ut-brand svg{width:20px;height:25px;margin-left:7px;fill:var(--ut-accent)}.ut-theme-control{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;color:var(--ut-muted);margin:0}.ut-theme-control select{background:var(--ut-surface);color:var(--ut-ink);border:1px solid var(--ut-control);border-radius:6px;padding:7px}.ut-theme-item{display:flex;align-items:center;margin-inline-end:15px}.ut-theme-auth{position:absolute;right:20px;top:20px;z-index:1050}#navbar-main .ut-theme-control{margin-inline-start:16px}#header-main{position:relative!important}#navbar-main{border-bottom:1px solid var(--ut-line);padding:16px 0}.ut-hero{max-width:1060px;margin:auto;padding:76px 30px 54px}.ut-eyebrow{color:var(--ut-accent);font-size:11px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase;margin-bottom:14px}.ut-hero h1{font-size:clamp(40px,5vw,66px);line-height:1.12;letter-spacing:-2px;max-width:800px;margin:0 0 26px}.ut-intro{font-size:20px;color:var(--ut-muted);max-width:650px}.ut-hero #shorten{max-width:760px;margin:32px 0 18px!important}.ut-hero #shorten .input-group{align-items:stretch}.ut-hero #shorten input[name=url]{min-height:58px;padding-right:50px!important}.ut-hero #shorten .btn-shorten{min-height:58px}.ut-hero #output-result{max-width:760px;margin-left:0!important}.ut-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--ut-line);padding-top:34px;margin-top:55px}.ut-features h2{font-size:19px}.ut-features p{font-size:15px;color:var(--ut-muted)}.ut-rotation-example{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:44px}.ut-paths{display:grid;gap:8px}.ut-paths span{background:var(--ut-soft);padding:8px 14px;border-radius:5px;font-size:13px}.ut-mono{font-family:ui-monospace,SFMono-Regular,monospace}.ut-page-heading{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}.ut-page-heading>div{margin-inline-end:auto}.ut-page-heading h1{font-size:32px;letter-spacing:-1px}.ut-page-heading p{color:var(--ut-muted);margin:0}.ut-link-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.ut-tools summary{color:var(--ut-muted);padding:14px 30px;cursor:pointer}.ut-tools[open] summary{color:var(--ut-accent)}#link-holder>div.d-flex{padding:14px 0}#link-holder [data-href]{color:var(--ut-accent)!important;font-family:ui-monospace,monospace}#link-holder hr{margin:12px 0}html body [hidden]{display:none!important}html body .ut-create{max-width:920px;margin:0 auto}.ut-create h1{font-size:32px}.ut-create .card{margin-bottom:26px}.ut-routing-choice{padding:14px 18px;background:var(--ut-tint);border-radius:7px;margin-bottom:15px}html body .login-logo,html body .login-logo a{color:var(--ut-accent)!important}html body [id^=section-] .bg-img,html body #section-login .bg-cover{background-image:none!important;background-color:var(--ut-soft)!important}html body .chart{color:var(--ut-ink)}
@media(max-width:991px){html body .content{padding:26px 20px}#navbar-main .container{flex-wrap:wrap}#navbar-main .ut-theme-control{order:2;margin-left:auto}.ut-hero{padding:44px 24px}.ut-theme-item{margin-inline-end:8px}.ut-theme-control{font-size:11px}html body .sidebar{margin-left:-240px}html body .sidebar.collapsed{margin-left:0}.ut-hero h1{letter-spacing:-1.5px}}
@media(min-width:992px){html body .sidebar.collapsed{margin-left:-240px}}
@media(max-width:600px){.ut-features{grid-template-columns:1fr;gap:20px}.ut-hero{padding:36px 18px}.ut-intro{font-size:18px}.ut-theme-control select{max-width:90px}.ut-hero #shorten .home-advanced{display:none}.ut-hero #shorten input[name=url]{font-size:16px!important;padding-right:12px!important}.ut-page-heading h1{font-size:28px}html body .card-body{padding:18px}.ut-theme-auth{position:relative;justify-content:center;right:auto;top:auto;margin:20px}.ut-create .input-group{flex-wrap:wrap}html body .form-control{font-size:16px}html body .btn{min-height:40px}.ut-rotation-example{gap:16px}.ut-theme-item~.nav-item .nav-link{margin-right:8px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
html body #header-main{background:var(--ut-surface)!important}html body .bg-login-register{background:var(--ut-soft)!important;background-image:none!important}html body #cookie-notice{background:var(--ut-surface)!important;color:var(--ut-ink)!important;border:1px solid var(--ut-line);font-family:inherit!important}html body #cookie-notice .text-monospace{font-family:inherit!important}html body #footer-main.ut-footer{background-image:none!important;border-top:1px solid var(--ut-line);padding:36px 0;background:var(--ut-surface)}.ut-footer-top,.ut-footer-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ut-footer-top p{margin:0}.ut-footer-links{display:flex;gap:14px 24px;flex-wrap:wrap;margin:24px 0}.ut-footer-bottom{color:var(--ut-muted);padding-top:20px;border-top:1px solid var(--ut-line)}.ut-hero .home-advanced{right:170px!important;top:8px!important}html[dir=rtl] body .sidebar{border-left:1px solid var(--ut-line);border-right:0}html body .btn-primary .text-white,html body .btn-success .text-white{color:var(--ut-on)!important}
html body [data-rotator-editor]{box-shadow:none!important}html body [data-rotator-first]{margin:20px 0}html body [data-rotator-first] #url{border:1px solid var(--ut-control)!important;border-radius:6px!important;padding:11px 12px!important;min-height:44px}html body [data-rotator-row] .form-control{min-height:44px}html body .ut-form-actions{display:flex;justify-content:flex-end;margin-top:24px}.ut-form-actions .me-3{margin-right:0!important}html body .ut-routing-choice{padding-left:48px}.ut-routing-choice .form-check-input{margin-left:-34px}
html body .navbar-toggler{color:var(--ut-ink)!important}html body .navbar-toggler-icon{background-image:linear-gradient(var(--ut-ink),var(--ut-ink)),linear-gradient(var(--ut-ink),var(--ut-ink)),linear-gradient(var(--ut-ink),var(--ut-ink))!important;background-size:22px 2px;background-position:center 6px,center 13px,center 20px;background-repeat:no-repeat}