:root{--hue:200;--page-bg:oklch(.95 .01 var(--hue));--card-bg:oklch(.99 .008 var(--hue) / .62);--card-solid:oklch(.985 .008 var(--hue));--field-bg:oklch(.985 .008 var(--hue) / .76);--field-hover:oklch(.965 .018 var(--hue));--text-strong:oklch(.24 .026 var(--hue));--text:oklch(.36 .024 var(--hue));--muted:oklch(.52 .022 var(--hue));--primary:oklch(.48 .125 var(--hue));--primary-bright:oklch(.52 .135 var(--hue));--primary-strong:oklch(.36 .105 var(--hue));--primary-soft:oklch(.9 .045 var(--hue));--border:oklch(100% 0 0/.72);--hairline:oklch(.48 .035 var(--hue) / .2);--danger:oklch(58% .18 24);--success:oklch(62% .13 165);--shadow:0 18px 60px oklch(.3 .04 var(--hue) / .12);--radius:1.25rem;--radius-sm:.8rem;--topbar-height:4.75rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Microsoft YaHei,sans-serif}:root.dark{--page-bg:oklch(.155 .018 var(--hue));--card-bg:oklch(.225 .02 var(--hue) / .62);--card-solid:oklch(.215 .02 var(--hue));--field-bg:oklch(.19 .018 var(--hue) / .78);--field-hover:oklch(.25 .03 var(--hue));--text-strong:oklch(.94 .012 var(--hue));--text:oklch(.82 .018 var(--hue));--muted:oklch(.67 .02 var(--hue));--primary:oklch(.76 .14 var(--hue));--primary-bright:oklch(.82 .14 var(--hue));--primary-strong:oklch(.84 .12 var(--hue));--primary-soft:oklch(.31 .065 var(--hue));--border:oklch(100% 0 0/.14);--hairline:oklch(100% 0 0/.14);--danger:oklch(72% .16 24);--success:oklch(74% .13 165);--shadow:0 20px 64px oklch(.04 .02 var(--hue) / .42);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--page-bg);scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--page-bg);margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}::selection{color:var(--text-strong);background:oklch(.82 .1 var(--hue) / .65)}.app-shell{isolation:isolate;min-height:100vh;position:relative;overflow:clip}.aurora{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(115% 110% at 50% 42%,#000 48%,#0000 100%);mask-image:radial-gradient(115% 110% at 50% 42%,#000 48%,#0000 100%)}.aurora span{filter:blur(105px)saturate(125%);opacity:.48;will-change:transform;border-radius:50%;display:block;position:absolute}.aurora span:first-child{background:oklch(.78 .075 calc(var(--hue) - 14));width:55vw;height:55vw;animation:14s ease-in-out infinite drift-one;top:4vh;left:-14vw}.aurora span:nth-child(2){background:oklch(.75 .09 calc(var(--hue) + 34));width:52vw;height:52vw;animation:18s ease-in-out infinite drift-two;top:-4vh;right:-13vw}.aurora span:nth-child(3){background:oklch(.73 .075 var(--hue));width:58vw;height:58vw;animation:22s ease-in-out infinite drift-three;bottom:-25vh;left:26vw}.aurora span:nth-child(4){opacity:.22;background:oklch(.97 .01 var(--hue));width:36vw;height:36vw;top:22vh;left:32vw}:root.dark .aurora span{opacity:.2}.topbar{z-index:30;height:calc(var(--topbar-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--card-solid) 94%, var(--page-bg));box-shadow:0 8px 34px oklch(.2 .03 var(--hue) / .08);-webkit-backdrop-filter:blur(28px)saturate(185%);position:sticky;top:0}.topbar-inner{width:min(1460px,100% - 3rem);height:var(--topbar-height);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.brand{color:var(--primary);letter-spacing:.04em;align-items:center;gap:.7rem;font-weight:800;display:inline-flex}.brand-mark{color:oklch(99% 0 0);background:linear-gradient(145deg, var(--primary-bright), var(--primary));width:2.35rem;height:2.35rem;box-shadow:0 8px 22px oklch(.55 .14 var(--hue) / .28), inset 0 1px 0 oklch(100% 0 0/.5);border-radius:.72rem;place-items:center;display:grid}.top-actions{align-items:center;gap:.45rem;display:flex}.icon-button,.text-button,.status-chip,.secondary-button,.primary-button{cursor:pointer;border:0;transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s,border-color .18s,color .18s,opacity .18s}.icon-button:focus-visible,.text-button:focus-visible,.status-chip:focus-visible,.secondary-button:focus-visible,.primary-button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 36%, transparent);outline-offset:2px}.icon-button{min-height:2.75rem;color:var(--text);background:0 0;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:0 .85rem;display:inline-flex}.icon-button:hover{color:var(--primary);background:color-mix(in srgb, var(--primary-soft) 72%, transparent)}.icon-button:active{transform:scale(.95)}.icon-button.square{width:2.75rem;padding:0}.status-chip{border:1px solid var(--hairline);min-height:2.55rem;color:var(--muted);background:color-mix(in srgb, var(--field-bg) 75%, transparent);border-radius:.75rem;align-items:center;gap:.5rem;padding:0 .8rem;display:inline-flex}.status-chip:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--hairline));color:var(--text)}.status-dot{background:var(--danger);width:.52rem;height:.52rem;box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 14%, transparent);border-radius:50%}.status-dot.online{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 14%, transparent)}.spinning{animation:.9s linear infinite spin}.main-content{width:min(1460px,100% - 3rem);margin:0 auto;padding:3rem 0 2rem}.intro{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.7rem;padding:0 .35rem;display:flex}.intro h1{color:var(--text-strong);letter-spacing:-.045em;margin:.2rem 0 .45rem;font-size:clamp(2rem,4vw,3.45rem);line-height:1.06}.intro p{color:var(--muted);margin:0}.eyebrow{letter-spacing:.15em;align-items:center;gap:.45rem;font-size:.74rem;font-weight:800;display:flex;color:var(--primary)!important}.privacy-note{border:1px solid color-mix(in srgb, var(--success) 25%, var(--hairline));max-width:30rem;color:var(--text);background:color-mix(in srgb, var(--success) 7%, var(--card-bg));border-radius:.9rem;align-items:center;gap:.7rem;padding:.85rem 1rem;font-size:.84rem;line-height:1.55;display:flex}.privacy-note svg{color:var(--success);flex:none}.workspace{grid-template-columns:minmax(0,1.7fr) minmax(360px,.8fr);align-items:start;gap:1.25rem;display:grid}.form-column{gap:1.25rem;min-width:0;display:grid}.glass-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg, oklch(100% 0 0/.28), oklch(100% 0 0/.025) 54%, oklch(.74 .08 var(--hue) / .045)), var(--card-bg);box-shadow:inset 0 1px 0 oklch(100% 0 0/.38), var(--shadow);-webkit-backdrop-filter:blur(28px)saturate(180%);overflow:hidden}:root.dark .glass-card{background:linear-gradient(145deg, oklch(100% 0 0/.11), oklch(100% 0 0/.018) 48%, oklch(.74 .08 var(--hue) / .04)), var(--card-bg);box-shadow:inset 0 1px 0 oklch(100% 0 0/.14), var(--shadow)}.source-card,.advanced-card,.result-card{padding:1.45rem 1.55rem 1.55rem}.card-header{justify-content:space-between;align-items:center;gap:1rem;min-height:2.65rem;margin-bottom:1.35rem;display:flex}.card-header>div:first-child{align-items:center;gap:.75rem;display:flex}.card-header h2{color:var(--text-strong);letter-spacing:-.015em;margin:0;font-size:1.08rem}.section-kicker{width:2rem;height:2rem;color:var(--primary-strong);background:var(--primary-soft);border-radius:.65rem;place-items:center;font-size:.68rem;font-weight:800;display:grid}.text-button{min-height:2.4rem;color:var(--primary);background:0 0;border-radius:.68rem;justify-content:center;align-items:center;gap:.42rem;padding:0 .68rem;font-size:.81rem;font-weight:700;display:inline-flex}.text-button:hover{background:var(--primary-soft)}.text-button.danger{color:var(--danger)}.text-button.danger:hover{background:color-mix(in srgb, var(--danger) 10%, transparent)}.text-button:disabled,.icon-button:disabled,.secondary-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.field{flex-direction:column;gap:.48rem;min-width:0;display:flex}.field label,.field legend,.modal>label{color:var(--text-strong);font-size:.79rem;font-weight:700}.full-field{margin-bottom:.85rem}input,textarea,select{border:1px solid var(--hairline);border-radius:var(--radius-sm);width:100%;color:var(--text-strong);background:var(--field-bg);transition:border-color .18s,box-shadow .18s,background-color .18s}input,select{min-height:3rem;padding:0 .85rem}textarea{resize:vertical;padding:.85rem .95rem;line-height:1.55}input:hover,textarea:hover,select:hover{border-color:color-mix(in srgb, var(--primary) 32%, var(--hairline));background:color-mix(in srgb, var(--field-hover) 60%, var(--field-bg))}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb, var(--primary) 68%, var(--hairline));box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 10%, transparent)}textarea::placeholder,input::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent)}#source-input{min-height:10.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.field-foot{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.73rem;line-height:1.55;display:flex}.field-foot span:first-child{max-width:82%}.check-line{color:var(--muted);cursor:pointer;align-items:center;gap:.55rem;font-size:.78rem;display:inline-flex}.check-line input{width:1rem;height:1rem;min-height:0;accent-color:var(--primary);padding:0}.remember-line{margin-bottom:1.15rem}.control-grid{grid-template-columns:.75fr 1fr 1.35fr;align-items:end;gap:.9rem;display:grid}.mode-field{border:0;min-width:0;margin:0;padding:0}.mode-field legend{margin-bottom:.48rem}.segmented{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--field-bg);grid-template-columns:1fr 1fr;min-height:3rem;padding:.26rem;display:grid}.segmented label{color:var(--muted);cursor:pointer;border-radius:.6rem;place-items:center;transition:all .18s;display:grid}.segmented label.active{color:var(--text-strong);background:var(--primary-soft);box-shadow:0 4px 16px oklch(.3 .04 var(--hue) / .1)}.segmented input{clip-path:inset(50%);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.label-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.version-text{max-width:8rem;color:var(--success);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.three-grid{grid-template-columns:1fr 1fr .8fr;gap:.9rem;margin-bottom:1.2rem;display:grid}.option-groups{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.option-group{border:1px solid var(--hairline);background:color-mix(in srgb, var(--field-bg) 65%, transparent);border-radius:.9rem;min-width:0;margin:0;padding:.9rem}.option-group legend{color:var(--primary);padding:0 .35rem;font-size:.75rem;font-weight:800}.switch-row{min-height:2.35rem;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;font-size:.77rem;display:flex}.switch-row input{appearance:none;background:color-mix(in srgb, var(--muted) 28%, transparent);cursor:pointer;border:0;border-radius:999px;flex:none;width:2.35rem;height:1.32rem;min-height:1.32rem;padding:0;position:relative}.switch-row input:after{content:"";background:#fff;border-radius:50%;width:1rem;height:1rem;transition:transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;top:.16rem;left:.16rem;box-shadow:0 2px 6px oklch(0% 0 0/.24)}.switch-row input:checked{background:var(--primary)}.switch-row input:checked:after{transform:translate(1.02rem)}.custom-header{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.15rem;display:flex}.custom-header h3{color:var(--text-strong);margin:0;font-size:.88rem}.custom-list{gap:.6rem;margin-top:.6rem;display:grid}.custom-row{grid-template-columns:.8fr 1.4fr auto;gap:.55rem;display:grid}.result-column{top:calc(var(--topbar-height) + 1.2rem);min-width:0;position:sticky}.result-card{max-height:calc(100dvh - var(--topbar-height) - 2.4rem);overscroll-behavior:contain;scrollbar-gutter:stable;overflow:hidden auto}.generated-time{color:var(--success);align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:inline-flex}.result-summary{border:1px solid var(--hairline);background:color-mix(in srgb, var(--field-bg) 70%, transparent);border-radius:.9rem;grid-template-columns:auto 1fr .75fr;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.85rem;display:grid}.summary-icon{width:2.7rem;height:2.7rem;color:var(--primary);background:var(--primary-soft);border-radius:.75rem;place-items:center;display:grid}.result-summary div:not(.summary-icon){flex-direction:column;gap:.18rem;min-width:0;display:flex}.result-summary span{color:var(--muted);font-size:.69rem}.result-summary strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.primary-button{color:oklch(99% 0 0);background:linear-gradient(135deg, var(--primary-bright), var(--primary));width:100%;min-height:3.2rem;box-shadow:0 11px 28px oklch(.52 .15 var(--hue) / .28), inset 0 1px 0 oklch(100% 0 0/.4);border-radius:.85rem;justify-content:center;align-items:center;gap:.55rem;padding:0 1rem;font-weight:800;display:flex}.primary-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(0)scale(.985)}.primary-button.compact{width:auto;min-height:2.8rem;padding:0 1.1rem}.result-box{margin-top:1rem}.result-box>label{color:var(--text-strong);margin-bottom:.5rem;font-size:.78rem;font-weight:700;display:block}#result-url{word-break:break-all;min-height:9.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.result-actions{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.65rem;display:grid}.secondary-button{border:1px solid var(--hairline);min-height:2.75rem;color:var(--text-strong);background:color-mix(in srgb, var(--field-bg) 78%, transparent);border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;padding:0 .8rem;font-size:.77rem;font-weight:700;display:inline-flex}.secondary-button:hover:not(:disabled){color:var(--primary);border-color:color-mix(in srgb, var(--primary) 42%, var(--hairline));background:var(--primary-soft)}.full-action{grid-column:1/-1}.result-empty{min-height:12.5rem;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:.8rem;display:grid}.result-empty>div{width:3.65rem;height:3.65rem;color:var(--primary);background:var(--primary-soft);border-radius:1rem;place-items:center;display:grid}.result-empty p{max-width:16rem;margin:0;font-size:.82rem;line-height:1.6}.utility-actions{border-top:1px solid var(--hairline);flex-wrap:wrap;gap:.25rem;margin-top:.8rem;padding-top:.75rem;display:flex}.privacy-card{color:var(--muted);background:color-mix(in srgb, var(--success) 7%, transparent);border-radius:.75rem;align-items:flex-start;gap:.55rem;margin-top:.75rem;padding:.7rem .8rem;font-size:.71rem;line-height:1.55;display:flex}.privacy-card svg{color:var(--success);flex:none}footer{min-height:4rem;padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom));color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;font-size:.72rem;display:flex}footer a:hover{color:var(--primary)}.modal-backdrop{z-index:80;background:oklch(.08 .02 var(--hue) / .62);-webkit-backdrop-filter:blur(12px);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{width:min(620px,100%);max-height:calc(100vh - 2rem);padding:1.35rem;overflow:auto}.modal .card-header{margin-bottom:.6rem}.modal-hint{color:var(--muted);margin:0 0 1rem;font-size:.79rem;line-height:1.6}.modal textarea{margin-top:.5rem}.modal-actions{justify-content:flex-end;gap:.65rem;margin-top:1rem;display:flex}.toast{z-index:100;right:1.2rem;bottom:calc(1.2rem + env(safe-area-inset-bottom));border:1px solid var(--border);max-width:min(26rem,100vw - 2.4rem);color:var(--text-strong);background:var(--card-solid);box-shadow:var(--shadow);border-radius:.85rem;align-items:center;gap:.55rem;padding:.82rem 1rem;font-size:.8rem;font-weight:700;animation:.22s cubic-bezier(.2,.8,.2,1) toast-in;display:flex;position:fixed}.toast.success svg{color:var(--success)}.toast.error svg{color:var(--danger)}.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}@keyframes drift-one{50%{transform:translate(8vw,6vh)scale(1.13)}}@keyframes drift-two{50%{transform:translate(-7vw,9vh)scale(.94)}}@keyframes drift-three{50%{transform:translate(-6vw,-8vh)scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(.7rem)scale(.97)}}@media (width<=1100px){.workspace{grid-template-columns:minmax(0,1fr) 360px}.control-grid{grid-template-columns:1fr 1fr}.backend-field{grid-column:1/-1}.option-groups{grid-template-columns:1fr 1fr}.option-group:last-child{grid-column:1/-1}.desktop-link span{display:none}}@media (width<=820px){:root{--topbar-height:4.25rem}.topbar-inner,.main-content{width:min(100% - 1.25rem,720px)}.status-text{display:none}.workspace{grid-template-columns:1fr}.result-column{order:2;position:static}.result-card{scrollbar-gutter:auto;max-height:none;overflow:hidden}.intro{flex-direction:column;align-items:stretch;gap:1rem}.privacy-note{max-width:none}.three-grid{grid-template-columns:1fr 1fr}.three-grid .field:last-child{grid-column:1/-1}}@media (width<=560px){.topbar{background:color-mix(in srgb, var(--card-solid) 96%, var(--page-bg))}.topbar-inner,.main-content{width:calc(100% - 1rem)}.main-content{padding-top:1.55rem}.top-actions{gap:.1rem}.status-chip{padding:0 .65rem}.desktop-link{display:none}.intro{margin-bottom:1rem;padding:0 .15rem}.intro h1{font-size:2rem}.source-card,.advanced-card,.result-card{border-radius:1rem;padding:1.1rem 1rem 1.15rem}.card-header{align-items:flex-start}.card-header .text-button{margin-right:-.35rem}.control-grid,.three-grid,.option-groups{grid-template-columns:1fr}.backend-field,.three-grid .field:last-child,.option-group:last-child{grid-column:auto}.custom-row{grid-template-columns:1fr auto}.custom-row input:nth-child(2){grid-column:1/2}.custom-row .icon-button{grid-area:1/2/3;align-self:center}.result-summary{grid-template-columns:auto 1fr}.result-summary>div:last-child{grid-column:2}.field-foot span:first-child{max-width:88%}.modal{padding:1.1rem 1rem}.modal-actions{grid-template-columns:1fr 1fr;display:grid}.modal-actions .primary-button{width:100%}}@media (hover:none) and (pointer:coarse){.glass-card,.topbar,.modal-backdrop{-webkit-backdrop-filter:none}.glass-card{background-color:color-mix(in srgb, var(--card-solid) 84%, transparent)}.aurora{background:radial-gradient(100% 68% at -12% 4%, oklch(.78 .07 calc(var(--hue) - 12) / .58), transparent 72%), radial-gradient(96% 64% at 112% 32%, oklch(.76 .08 calc(var(--hue) + 35) / .52), transparent 72%), radial-gradient(110% 72% at 30% 108%, oklch(.74 .065 var(--hue) / .5), transparent 74%);-webkit-mask-image:none;mask-image:none}.aurora span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}