.web-tools-page{background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px),var(--background);background-size:56px 56px;min-height:100vh;padding:0 32px 28px;position:relative;overflow:hidden}.web-tools-page:before{content:"";background:linear-gradient(180deg,#06080d08,var(--background));pointer-events:none;position:absolute;inset:0}.web-tools-glow{pointer-events:none;border-radius:50%;position:absolute}.web-tools-glow-one{background:#ea48ad21;width:620px;height:620px;top:-430px;left:43%}.web-tools-glow-two{background:rgba(var(--accent-rgb),.1);width:400px;height:400px;bottom:-180px;right:-270px}.web-tools-header,.web-tools-hero,.web-workspace,.web-tools-footer{z-index:1;width:min(1120px,100%);margin-inline:auto;position:relative}.web-tools-back:hover{color:#fff;border-color:rgba(var(--accent-rgb),.34);background:rgba(var(--accent-rgb),.08)}.web-tools-hero{grid-template-columns:auto 1fr;align-items:start;gap:20px;padding:64px 0 38px;display:grid}.web-tools-title-icon{color:#ff75c8;background:#ea48ad1c;border:1px solid #ea48ad4d;border-radius:15px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 18px 48px #ea48ad1f}.web-tools-title-icon svg{width:28px;height:28px}.web-tools-hero span,.web-panel-heading span{color:#ff75c8;font-family:var(--font-geist-mono),monospace;font-size:var(--font-size-meta);letter-spacing:.16em;font-weight:670}.web-tools-hero h1{color:#f5f7fb;letter-spacing:-.052em;word-break:keep-all;margin:10px 0 11px;font-size:clamp(32px,4vw,46px);line-height:1.1}.web-tools-hero p{color:#838c9c;word-break:keep-all;max-width:680px;margin:0;font-size:13px;line-height:1.7}.web-workspace{border:1px solid var(--border-strong);background:radial-gradient(circle at 100% 0,#ea48ad13,#0000 36%),#0c1019f2;border-radius:18px;overflow:hidden;box-shadow:0 34px 90px #00000057,inset 0 1px #ffffff09}.web-toolbar{border-bottom:1px solid var(--border);color:#697383;min-height:48px;font-size:var(--font-size-meta);justify-content:space-between;align-items:center;padding:0 19px;display:flex}.web-toolbar>div{color:#9ba5b4;align-items:center;gap:8px;display:flex}.web-status-dot{background:#ff75c8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #ea48adcc}.web-tabs{border-bottom:1px solid var(--border);background:#04070c4d;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.web-tabs button{color:#7f8999;min-height:48px;font-size:var(--font-size-meta);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;font-weight:620;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.web-tabs button svg{width:20px;height:20px}.web-tabs button:hover{color:#d9deea;background:#ffffff08}.web-tabs button.selected{color:#fff;background:linear-gradient(145deg,#ea48ad29,#ea48ad0f);border-color:#ea48ad52;box-shadow:inset 0 1px #ffffff0a}.web-panel{padding:26px 28px 28px}.web-panel-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px;display:flex}.web-panel-heading h2{color:#edf0f6;letter-spacing:-.03em;margin:7px 0 0;font-size:20px}.web-panel-heading p{color:#737d8d;max-width:450px;font-size:var(--font-size-meta);text-align:right;word-break:keep-all;margin:0;line-height:1.65}.web-field{gap:8px;min-width:0;display:grid}.web-field>span,.web-choice-group legend,.qr-color-grid label>span{color:#aab2c0;font-size:var(--font-size-meta);font-weight:620}.web-field>div{background:#05070cc2;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:9px;min-height:44px;padding:0 12px;transition:border-color .16s,box-shadow .16s;display:flex}.web-field>div:focus-within{border-color:#ea48ad80;box-shadow:0 0 0 3px #ea48ad17}.web-field svg{color:#687385;flex:none}.web-field input,.web-field textarea{color:#e9edf5;width:100%;min-width:0;font:12px var(--font-geist-mono),monospace;background:0 0;border:0;outline:0}.web-field textarea{resize:vertical;min-height:118px;padding:13px 0;line-height:1.6}.web-field input::placeholder,.web-field textarea::placeholder{color:#515b6b}.url-result-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.url-result-item{background:#ffffff05;border:1px solid #ffffff13;border-radius:10px;min-width:0;padding:13px 14px}.url-result-item span{color:#687384;font-size:var(--font-size-meta);margin-bottom:7px;display:block}.url-result-item strong{color:#cbd2df;font:12px var(--font-geist-mono),monospace;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.url-result-item.accent{background:#ea48ad11;border-color:#ea48ad42}.url-result-item.accent strong{color:#ff8bd0}.web-output-card{background:#05070c8f;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:14px;padding:15px;display:grid}.web-output-card>div span{color:#cbd2df;font-size:var(--font-size-meta);font-weight:650;display:block}.web-output-card>div small{color:#606b7b;font-size:var(--font-size-meta);margin-top:5px;display:block}.web-output-card code{color:#aebee0;font:12px var(--font-geist-mono),monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.web-output-actions{align-items:center;gap:7px;display:flex}.web-output-card button,.qr-preview-card button{color:#fff;min-height:38px;font-size:var(--font-size-meta);cursor:pointer;background:#ea48ad1c;border:1px solid #ea48ad57;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.web-output-card button:hover:not(:disabled),.qr-preview-card button:hover:not(:disabled){background:#ea48ad2e}.web-output-card button:disabled,.qr-preview-card button:disabled{opacity:.35;cursor:not-allowed}.utm-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.utm-grid .web-field-wide{grid-column:1/-1}.web-error{color:#ff9d9d;font:12px/1.5 var(--font-geist-mono),monospace;background:#ff54540f;border:1px solid #ff686833;border-radius:9px;margin:11px 0 0;padding:10px 12px}.qr-layout{grid-template-columns:minmax(0,1fr) 340px;gap:22px;display:grid}.qr-controls{align-content:start;gap:15px;display:grid}.web-choice-group{border:0;margin:0;padding:0}.web-choice-group legend{margin-bottom:8px}.web-choice-group>div{grid-auto-columns:1fr;grid-auto-flow:column;gap:7px;display:grid}.web-choice-group button{color:#7f8999;min-height:39px;font:12px var(--font-geist-mono),monospace;cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:9px}.web-choice-group button:hover{color:#d9deea}.web-choice-group button.selected{color:#fff;background:#ea48ad1c;border-color:#ea48ad5c}.qr-color-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qr-color-grid label{gap:8px;display:grid}.qr-color-grid label>div{background:#05070c9e;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:0 10px;display:flex}.qr-color-grid input{cursor:pointer;background:0 0;border:0;border-radius:5px;width:24px;height:24px;padding:0}.qr-color-grid code{color:#9ba5b4;font:12px var(--font-geist-mono),monospace}.qr-preview-card{background:#05070c85;border:1px solid #ffffff14;border-radius:14px;align-content:start;gap:13px;padding:16px;display:grid}.qr-preview-card>span{color:#aab2c0;font-size:var(--font-size-meta);font-weight:620}.qr-preview{aspect-ratio:1;border-radius:12px;place-items:center;display:grid;overflow:hidden}.qr-preview img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.qr-preview>svg{color:#14182233;width:54px;height:54px}.qr-preview-card>div:last-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.qr-preview-card small{color:#657081;font:12px var(--font-geist-mono),monospace}@media (width<=860px){.web-panel-heading{flex-direction:column;align-items:start;gap:9px}.web-panel-heading p{text-align:left}.qr-layout{grid-template-columns:1fr}.qr-preview-card{width:min(420px,100%);margin-inline:auto}}@media (width<=620px){.web-tools-page{padding-inline:18px}.web-tools-header{min-height:76px}.web-tools-brand img{width:126px}.web-tools-back{justify-content:center;width:42px;height:42px;padding:0;font-size:0}.web-tools-hero{grid-template-columns:1fr;padding-top:42px}.web-tools-hero h1{font-size:34px}.web-toolbar>span{display:none}.web-tabs{grid-template-columns:1fr}.web-tabs button{min-height:42px}.web-panel{padding:22px 16px}.url-result-grid,.utm-grid,.qr-color-grid{grid-template-columns:1fr}.utm-grid .web-field-wide{grid-column:auto}.web-output-card{grid-template-columns:1fr}.web-output-card code{white-space:normal;overflow-wrap:anywhere}.qr-preview-card>div:last-child{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.web-tools-back,.web-tabs button,.web-field>div{transition:none}}