:root{--background:oklch(.955 0 0);--surface:oklch(1 0 0 / .55);--raised:oklch(1 0 0 / .8);--border:oklch(.35 0 0 / .14);--foreground:oklch(.17 0 0);--muted:oklch(.48 0 0);--accent:oklch(.19 0 0);--accent-ink:oklch(.99 0 0);--code-background:oklch(.17 0 0 / .96);--code-foreground:oklch(.91 0 0);--code-muted:oklch(.58 0 0);--code-keyword:oklch(.99 0 0);--code-string:oklch(.79 0 0);--code-type:oklch(.69 0 0);--selection:oklch(.7 0 0 / .28);--error:oklch(.25 0 0);--glass-shadow:0 12px 36px oklch(0 0 0 / .07),inset 0 1px 0 oklch(1 0 0 / .95),inset 0 -1px 0 oklch(1 0 0 / .4);--background-art:linear-gradient(135deg,oklch(.99 0 0) 0%,oklch(.88 0 0) 42%,oklch(.97 0 0) 66%,oklch(.83 0 0) 100%);--code-font:"SFMono-Regular","Cascadia Code",Consolas,monospace;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius:8px}*{box-sizing:border-box}body{margin:0;background:var(--background);background-image:var(--background-art);background-attachment:fixed;color:var(--foreground);font-family:var(--font);letter-spacing:0;min-height:100vh}button,input,textarea{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,label:focus-within{outline:2px solid var(--accent);outline-offset:4px}.topbar{min-height:80px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--raised);padding:16px 5%;background:var(--surface);backdrop-filter:blur(28px) saturate(0);-webkit-backdrop-filter:blur(28px) saturate(0)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;color:var(--foreground)}.brand-mark{font-size:28px}.brand-divider{color:var(--muted);font-weight:400;margin:0 8px}.brand-sub{font:10px var(--code-font);color:var(--muted)}.local{margin-left:auto;font:10px var(--code-font);color:var(--muted);display:flex;gap:9px;align-items:center}.local i,.status i{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0}.version{font:11px var(--code-font);color:var(--muted);border-left:1px solid var(--border);padding-left:24px}main{max-width:1550px;margin:auto;padding:44px 5% 24px}.title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow,.section-label{font:10px var(--code-font);color:var(--muted)}.eyebrow{margin-bottom:14px}h1{margin:0;font-size:40px;font-weight:650;overflow-wrap:anywhere}h1>span{color:var(--muted)}.cipher-badge{font:10px var(--code-font);color:var(--muted);padding-bottom:4px;white-space:nowrap}.cipher-badge span{margin-left:8px;background:var(--surface);border:1px solid var(--raised);box-shadow:var(--glass-shadow);color:var(--foreground);padding:7px 9px;border-radius:20px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.editor-section,.output-section{min-width:0;border:1px solid var(--raised);border-radius:var(--radius);overflow:hidden;box-shadow:var(--glass-shadow);background:var(--surface);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.panel-bar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border);font:12px var(--code-font);gap:8px}.panel-bar>span{display:flex;align-items:center;gap:9px;min-width:0}.file-dot{width:6px;height:6px;background:currentColor;display:inline-block;border-radius:50%}.tools{display:flex;gap:5px;align-items:center;flex-shrink:0}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border:0;border-radius:50%;font:22px var(--code-font);cursor:pointer;transition:background .18s}.icon-button:hover{background:var(--raised);color:var(--foreground)}.editor-wrap{height:440px;display:flex;overflow:hidden;background:var(--code-background);color:var(--code-foreground)}.line-numbers{width:55px;flex-shrink:0;padding:24px 13px 24px 0;text-align:right;color:var(--code-muted);overflow:hidden;font:13px/24px var(--code-font);white-space:pre;user-select:none}.code-area{flex:1;position:relative;min-width:0;overflow:hidden}#highlight,#source{position:absolute;inset:0;margin:0;padding:24px 20px 24px 0;tab-size:4;font:13px/24px var(--code-font);letter-spacing:0;border:0;white-space:pre;overflow:auto;width:100%;height:100%;border-radius:0}#highlight{pointer-events:none;scrollbar-width:none}#highlight::-webkit-scrollbar{display:none}#highlight code{font:inherit}#source{background:transparent;color:transparent;caret-color:var(--code-foreground);resize:none;outline:none;-webkit-text-fill-color:transparent}#source::selection{background:var(--selection)}.token-keyword{color:var(--code-keyword);font-weight:600}.token-string{color:var(--code-string)}.token-number{color:var(--code-foreground)}.token-type{color:var(--code-type)}.token-comment{color:var(--code-muted);font-style:italic}.token-builtin{color:var(--code-foreground)}.token-operator{color:var(--code-type)}.editor-footer{height:37px;display:flex;align-items:center;gap:23px;padding:0 17px;color:var(--muted);font:10px var(--code-font)}.editor-footer>span:first-child{margin-right:auto;display:flex;align-items:center;gap:8px}.editor-footer .file-dot{height:4px;width:4px}.settings{padding:8px 0;min-width:0}.section-label{display:flex;justify-content:space-between;margin-bottom:22px}.option{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid var(--border);cursor:pointer;position:relative}.option-number{align-self:flex-start;padding-top:3px;font:10px var(--code-font);color:var(--muted)}.option-copy{flex:1;min-width:0}.option-copy strong{display:block;font-size:13px;font-weight:600}.option-copy small{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.5}.option input{position:absolute;right:0;width:38px;height:24px;opacity:0;cursor:pointer}.switch{width:38px;height:24px;flex-shrink:0;border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:3px;box-shadow:inset 0 1px 3px var(--border);transition:background .2s}.switch:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .2s}.option input:checked+.switch{background:var(--accent);border-color:var(--accent)}.option input:checked+.switch:before{background:var(--accent-ink);transform:translateX(13px)}.option input:focus-visible+.switch{outline:2px solid var(--foreground);outline-offset:4px}.pipeline{padding-top:25px}.pipeline .section-label{margin-bottom:17px}dl{margin:0;font:10px var(--code-font)}dl>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}dt{color:var(--muted)}dd{margin:0;color:var(--foreground)}.primary-button{margin-top:22px;width:100%;height:48px;padding:0 20px;border:1px solid var(--border);border-radius:26px;background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--glass-shadow);transition:opacity .2s,transform .2s}.primary-button:hover{opacity:.85;transform:translateY(-1px)}.primary-button>span:last-child{font-size:23px}.status{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:15px;min-height:18px;font:10px/1.6 var(--code-font);color:var(--muted);overflow-wrap:anywhere}.status.error{color:var(--error)}.status.busy i{animation:pulse 1s infinite}.output-section{margin-top:26px}.output-mark{font-size:18px}.output-size{color:var(--muted);font-size:10px;margin-left:8px}#output{display:block;width:100%;height:140px;resize:vertical;min-height:100px;max-height:450px;background:var(--surface);color:var(--foreground);border:0;padding:19px;font:12px/22px var(--code-font);outline:none}#output:focus{box-shadow:inset 0 0 0 1px var(--accent)}#output::placeholder{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font:9px/18px var(--code-font);padding-top:25px}.muted{margin:0 6px}.footer-cross{color:var(--accent);margin:0 10px}@keyframes pulse{50%{opacity:.25}}@media(max-width:950px){.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.brand-sub{display:none}.title-row{align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width:650px){.topbar{min-height:68px;padding:14px 20px;gap:10px}.brand-divider,.version{display:none}.local{font-size:8px;gap:5px}.brand{font-size:17px;gap:8px}.brand-mark{font-size:24px}main{padding:30px 18px 20px}h1{font-size:32px}.workspace{grid-template-columns:minmax(0,1fr);gap:26px}.editor-wrap{height:340px}.settings{padding:0 2px}.option{padding:18px 0}.pipeline{padding-top:24px}.line-numbers{width:42px;padding-right:10px}#highlight,#source{font-size:12px}.editor-footer{gap:10px;font-size:9px}.panel-bar{padding:0 12px;font-size:11px}.output-size{display:none}footer{flex-direction:column;gap:4px;font-size:8px}.title-row{margin-bottom:24px}.cipher-badge{font-size:9px}.section-label{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}