:root{
  --aurl-bg:#edf7ef;--aurl-bg2:#f6faf7;--aurl-white:#fff;--aurl-text:#0f172a;--aurl-muted:#64748b;
  --aurl-border:#e2e8f0;--aurl-green:#16a34a;--aurl-green-dark:#15803d;--aurl-soft:#f0fdf4;
  --aurl-danger:#dc2626;--aurl-radius:22px;--aurl-shadow:0 12px 34px rgba(15,23,42,.07);
  --aurl-header-h:68px;--aurl-sidebar-w:92px;
}
*{box-sizing:border-box}html,body{min-height:100%}body.aurl-app-body{margin:0;background:linear-gradient(180deg,var(--aurl-bg) 0%,var(--aurl-bg2) 100%);color:var(--aurl-text);overflow:hidden}
a{color:inherit}.aurl-topbar{position:fixed;inset:0 0 auto 0;height:var(--aurl-header-h);z-index:1000;background:rgba(237,247,239,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.12)}
.aurl-topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.aurl-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.aurl-brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--aurl-green),#22c55e);color:#fff;font-weight:900}.aurl-logo{font-size:20px;font-weight:800}.aurl-logo-img{display:block;max-height:38px;max-width:220px}.aurl-topbar-right{display:flex;align-items:center;gap:10px}.aurl-user-link{display:flex;align-items:center;gap:9px;text-decoration:none;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--aurl-border)}.aurl-user-link img{border-radius:50%}.aurl-user-email{font-size:13px;color:#334155;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aurl-shell{height:100vh;padding-top:var(--aurl-header-h)}.aurl-sidebar{position:fixed;left:0;top:var(--aurl-header-h);bottom:0;width:var(--aurl-sidebar-w);padding:14px 10px;z-index:900}.aurl-nav{display:flex;flex-direction:column;gap:8px}.aurl-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:72px;padding:8px;border-radius:16px;text-decoration:none;color:#64748b;border:1px solid transparent;transition:.18s ease}.aurl-nav-item:hover{background:rgba(255,255,255,.7);color:#334155}.aurl-nav-item.is-active{background:#fff;color:var(--aurl-green-dark);border-color:#dbe7de;box-shadow:0 7px 18px rgba(15,23,42,.06)}.aurl-nav-icon{width:23px;height:23px;display:grid;place-items:center}.aurl-nav-icon svg{width:22px;height:22px;display:block}.aurl-nav-label{font-size:10px;font-weight:700;line-height:1.1;text-align:center}
.aurl-content{position:fixed;top:var(--aurl-header-h);left:var(--aurl-sidebar-w);right:0;bottom:0;overflow:auto;padding:8px 18px 18px}.aurl-canvas{min-height:calc(100vh - var(--aurl-header-h) - 26px);background:rgba(255,255,255,.96);border:1px solid #e1e8e3;border-radius:26px;box-shadow:var(--aurl-shadow);padding:38px}.aurl-canvas>*{max-width:1180px;margin-left:auto;margin-right:auto}.aurl-loading{position:fixed;top:calc(var(--aurl-header-h) + 8px);left:calc(var(--aurl-sidebar-w) + 18px);right:18px;bottom:18px;display:none;align-items:center;justify-content:center;background:rgba(255,255,255,.7);backdrop-filter:blur(3px);z-index:950;border-radius:26px}.aurl-loading.is-on{display:flex}.aurl-spinner{width:30px;height:30px;border:3px solid #dbe7de;border-top-color:var(--aurl-green);border-radius:50%;animation:aurlspin .7s linear infinite}@keyframes aurlspin{to{transform:rotate(360deg)}}
.aurl-hero{text-align:center;padding:26px 0 30px}.aurl-badge,.aurl-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--aurl-green-dark);background:var(--aurl-soft);border:1px solid #bbf7d0;border-radius:999px;padding:7px 10px}.aurl-hero h1{font-size:clamp(40px,6vw,66px);line-height:1.02;letter-spacing:-.045em;max-width:850px;margin:18px auto 16px}.aurl-hero p{font-size:18px;line-height:1.7;color:var(--aurl-muted);max-width:680px;margin:0 auto}.aurl-card{background:#fff;border:1px solid var(--aurl-border);border-radius:20px;padding:24px;box-shadow:0 4px 16px rgba(15,23,42,.035)}.aurl-shortener-card{max-width:900px!important;padding:28px}.aurl-shortener-form label,.aurl-card label{display:block;font-size:13px;font-weight:700;color:#334155;margin:0 0 8px}.aurl-input-row{display:grid;grid-template-columns:1fr auto;gap:10px}.aurl-card input,.aurl-card textarea,.aurl-shortener-form input,.aurl-shortener-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:13px 14px;font:inherit;color:var(--aurl-text);background:#fff;outline:none;transition:.15s}.aurl-card input:focus,.aurl-card textarea:focus,.aurl-shortener-form input:focus,.aurl-shortener-form textarea:focus{border-color:#4ade80;box-shadow:0 0 0 4px rgba(34,197,94,.10)}.aurl-card textarea{resize:vertical}.aurl-btn{appearance:none;border:0;border-radius:12px;padding:12px 17px;font-weight:800;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;white-space:nowrap}.aurl-btn-primary{background:var(--aurl-green);color:#fff}.aurl-btn-primary:hover{background:var(--aurl-green-dark);transform:translateY(-1px)}.aurl-btn-secondary{background:#fff;color:#334155;border:1px solid var(--aurl-border)}.aurl-btn-secondary:hover{background:#f8fafc}.aurl-btn-small{padding:8px 11px;font-size:12px}.aurl-link-btn{border:0;background:transparent;color:var(--aurl-green-dark);font-weight:800;padding:0;cursor:pointer}.aurl-advanced-toggle{margin-top:13px}.aurl-advanced{margin-top:18px;padding-top:18px;border-top:1px dashed var(--aurl-border)}.aurl-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.aurl-muted,.aurl-note{color:var(--aurl-muted);font-weight:500}.aurl-note{font-size:12px;line-height:1.5}.aurl-form-message{font-size:13px;margin-top:12px;color:var(--aurl-danger);min-height:18px}.aurl-result{margin-top:18px;padding:16px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.aurl-result[hidden]{display:none}.aurl-result-icon{width:34px;height:34px;border-radius:50%;background:#dcfce7;color:#15803d;display:grid;place-items:center;font-weight:900}.aurl-result-main{display:flex;flex-direction:column;min-width:0}.aurl-result-main span{font-size:12px;color:#64748b}.aurl-result-url{font-weight:800;color:#166534;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aurl-feature-grid,.aurl-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.aurl-mini-card,.aurl-stat{border:1px solid var(--aurl-border);border-radius:18px;padding:20px;background:#fff}.aurl-mini-card strong,.aurl-mini-card span{display:block}.aurl-mini-card span{margin-top:6px;color:var(--aurl-muted);font-size:14px}.aurl-stat span{display:block;color:var(--aurl-muted);font-size:13px;font-weight:700}.aurl-stat strong{display:block;font-size:38px;letter-spacing:-.04em;margin-top:7px}.aurl-section-head,.aurl-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.aurl-section-head{margin-top:34px;margin-bottom:14px}.aurl-section-head h2,.aurl-page-head h1{margin:0}.aurl-section-head a{color:var(--aurl-green-dark);font-weight:800;text-decoration:none}.aurl-page-head{margin-bottom:24px}.aurl-page-head h1{font-size:40px;letter-spacing:-.035em;margin-top:10px}.aurl-page-head p{margin:8px 0 0;color:var(--aurl-muted)}
.aurl-table-wrap{overflow:auto;border:1px solid var(--aurl-border);border-radius:16px;background:#fff}.aurl-table{width:100%;border-collapse:collapse;min-width:760px}.aurl-table th,.aurl-table td{padding:15px 16px;text-align:left;border-bottom:1px solid #edf2f7;font-size:13px}.aurl-table th{background:#f8fafc;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.aurl-table tr:last-child td{border-bottom:0}.aurl-url-cell{display:flex;align-items:center;gap:8px}.aurl-url-cell>a{color:var(--aurl-green-dark);font-weight:800;text-decoration:none}.aurl-copy-mini{border:0;background:#f1f5f9;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:800;cursor:pointer}.aurl-destination{display:block;max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#475569}.aurl-danger-link{border:0;background:transparent;color:var(--aurl-danger);font-weight:800;font-size:12px;cursor:pointer;text-decoration:none;padding:6px}.aurl-empty-state{text-align:center;padding:34px}.aurl-empty-state h3{margin-top:0}.aurl-empty-state p{color:var(--aurl-muted)}
.aurl-tool-card{max-width:960px!important}.aurl-qr-layout{align-items:stretch}.aurl-qr-preview{min-height:330px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}.aurl-qr-preview img{width:min(260px,100%);height:auto;background:#fff;padding:10px;border-radius:12px}.aurl-qr-placeholder{color:#94a3b8;font-weight:800}.aurl-inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.aurl-builder-grid,.aurl-tools-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px}.aurl-builder-form>label,.aurl-builder-form>.aurl-grid-2,.aurl-builder-form>input,.aurl-builder-form>textarea{margin-top:14px}.aurl-builder-form .aurl-btn{margin-top:18px}.aurl-page-list{display:flex;flex-direction:column;gap:10px}.aurl-page-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--aurl-border);border-radius:14px}.aurl-page-list-item strong,.aurl-page-list-item a{display:block}.aurl-page-list-item a{margin-top:4px;color:#64748b;font-size:12px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aurl-success-banner{margin-bottom:16px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:12px;padding:12px 14px;font-weight:700}.aurl-profile-form{max-width:760px!important}.aurl-profile-top{display:flex;align-items:center;gap:14px;margin-bottom:22px}.aurl-profile-top img{border-radius:50%}.aurl-profile-top strong,.aurl-profile-top span{display:block}.aurl-profile-top span{color:var(--aurl-muted);font-size:13px;margin-top:3px}.aurl-profile-form>.aurl-grid-2,.aurl-profile-form>label,.aurl-profile-form>input{margin-top:14px}.aurl-profile-form>.aurl-btn{margin-top:18px;margin-right:8px}
@media(max-width:980px){:root{--aurl-sidebar-w:76px}.aurl-canvas{padding:28px}.aurl-builder-grid,.aurl-tools-grid{grid-template-columns:1fr}.aurl-feature-grid,.aurl-stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body.aurl-app-body{overflow:auto}.aurl-topbar{position:sticky}.aurl-shell{height:auto;padding-top:0}.aurl-sidebar{position:sticky;top:0;width:100%;height:auto;padding:8px;background:rgba(237,247,239,.96);backdrop-filter:blur(12px);overflow:auto}.aurl-nav{flex-direction:row}.aurl-nav-item{min-width:72px;min-height:58px}.aurl-content{position:relative;inset:auto;padding:10px}.aurl-canvas{min-height:70vh;padding:22px;border-radius:20px}.aurl-loading{display:none!important}.aurl-topbar-inner{padding:0 14px}.aurl-user-email{display:none}.aurl-hero{padding-top:10px}.aurl-hero h1{font-size:40px}.aurl-hero p{font-size:16px}.aurl-input-row{grid-template-columns:1fr}.aurl-grid-2,.aurl-feature-grid,.aurl-stat-grid{grid-template-columns:1fr}.aurl-result{grid-template-columns:auto 1fr}.aurl-result .aurl-copy-result{grid-column:1/-1}.aurl-page-head{align-items:flex-start;flex-direction:column}.aurl-page-head h1{font-size:34px}.aurl-page-list-item{align-items:flex-start;flex-direction:column}}