:root{--wp-1: #ffd7a8;--wp-2: #b1e1ff;--wp-3: #d5c3ff;--wp-4: #ffc6de;--wp-5: #b9f0d6;--wp-base: #f3efe8;--glass-tint: rgba(255, 255, 255, .12);--glass-tint-strong: rgba(255, 255, 255, .22);--glass-edge-hi: rgba(255, 255, 255, .9);--glass-edge-lo: rgba(255, 255, 255, .25);--glass-inner-stroke: rgba(255, 255, 255, .55);--glass-outer-shadow: 0 2px 1px rgba(255,255,255,1) inset, 0 -2px 3px rgba(255,255,255,.55) inset, 0 0 0 .5px rgba(255,255,255,.8), 0 20px 52px -18px rgba(40, 28, 70, .32), 0 6px 16px -4px rgba(40, 28, 70, .14);--fg-primary: #141417;--fg-secondary: rgba(20, 20, 23, .72);--fg-tertiary: rgba(20, 20, 23, .48);--fg-placeholder: rgba(20, 20, 23, .32);--accent: #0a84ff;--accent-hover: #0070e0;--accent-soft: rgba(10, 132, 255, .14);--accent-glow: rgba(10, 132, 255, .45);--mask-chip-bg: rgba(255, 159, 10, .22);--mask-chip-fg: #a45a00;--mask-chip-border: rgba(255, 159, 10, .55);--success: #30d158;--success-soft: rgba(48, 209, 88, .18);--danger: #ff3b30;--danger-soft: rgba(255, 59, 48, .14);--divider: rgba(20, 20, 23, .08);--control-bg: rgba(255, 255, 255, .35);--control-bg-hover: rgba(255, 255, 255, .55);--radius-xs: 10px;--radius-sm: 14px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--radius-capsule: 999px;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}html[data-theme=dark]{--wp-1: #4a3b7a;--wp-2: #2a4a7a;--wp-3: #3a5a6e;--wp-4: #5a3a5e;--wp-5: #3a3560;--wp-base: #12111c;--glass-tint: rgba(255, 255, 255, .05);--glass-tint-strong: rgba(255, 255, 255, .1);--glass-edge-hi: rgba(255, 255, 255, .35);--glass-edge-lo: rgba(255, 255, 255, .08);--glass-inner-stroke: rgba(255, 255, 255, .16);--glass-outer-shadow: 0 1px 1px rgba(255,255,255,.18) inset, 0 -1px 2px rgba(0,0,0,.4) inset, 0 0 0 .5px rgba(255,255,255,.12), 0 22px 52px -18px rgba(0,0,0,.75), 0 6px 18px -4px rgba(0,0,0,.5);--fg-primary: #f5f5f7;--fg-secondary: rgba(245, 245, 247, .72);--fg-tertiary: rgba(245, 245, 247, .48);--fg-placeholder: rgba(245, 245, 247, .32);--accent: #409cff;--accent-hover: #66b2ff;--accent-soft: rgba(64, 156, 255, .22);--accent-glow: rgba(64, 156, 255, .55);--mask-chip-bg: rgba(255, 176, 60, .22);--mask-chip-fg: #ffcb7a;--mask-chip-border: rgba(255, 176, 60, .45);--divider: rgba(255,255,255,.1);--control-bg: rgba(255, 255, 255, .08);--control-bg-hover: rgba(255, 255, 255, .14)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}#root{height:100%}body{font-family:var(--font-text);color:var(--fg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;overflow:hidden;height:100vh;background:var(--wp-base)}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}textarea,input{font:inherit;color:inherit}textarea:focus,input:focus{outline:none}.wallpaper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--wp-base)}.wallpaper .blob{position:absolute;background:radial-gradient(circle at 50% 50%,var(--blob-color) 0%,var(--blob-color) 35%,transparent 72%);filter:blur(110px);mix-blend-mode:normal;will-change:transform}.wallpaper .b1{width:65vw;height:65vw;top:-15vw;left:-12vw;--blob-color: var(--wp-1);opacity:.9;animation:floatA 28s ease-in-out infinite alternate}.wallpaper .b2{width:60vw;height:60vw;top:8vw;right:-14vw;--blob-color: var(--wp-2);opacity:.85;animation:floatB 32s ease-in-out infinite alternate}.wallpaper .b3{width:55vw;height:55vw;bottom:-18vw;left:14vw;--blob-color: var(--wp-3);opacity:.85;animation:floatC 36s ease-in-out infinite alternate}.wallpaper .b4{width:45vw;height:45vw;top:32vw;left:45vw;--blob-color: var(--wp-4);opacity:.75;animation:floatA 40s ease-in-out infinite alternate-reverse}.wallpaper .b5{width:40vw;height:40vw;bottom:14vw;right:18vw;--blob-color: var(--wp-5);opacity:.75;animation:floatB 44s ease-in-out infinite alternate-reverse}.wallpaper .grain{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;opacity:.09;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/></svg>");pointer-events:none;mix-blend-mode:overlay}html[data-theme=dark] .wallpaper .grain{opacity:.22;mix-blend-mode:soft-light}.wallpaper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/></svg>");opacity:0;mix-blend-mode:overlay}html[data-theme=dark] .wallpaper:after{opacity:.12}@keyframes floatA{0%{transform:translate(-4%,-2%) scale(1)}to{transform:translate(6%,4%) scale(1.08)}}@keyframes floatB{0%{transform:translate(3%,-3%) scale(1.05)}to{transform:translate(-5%,5%) scale(1)}}@keyframes floatC{0%{transform:translate(-2%,4%) scale(1)}to{transform:translate(4%,-3%) scale(1.1)}}.liquid{position:relative;background:var(--glass-tint);border-radius:var(--radius-lg);box-shadow:var(--glass-outer-shadow);-webkit-backdrop-filter:blur(14px) saturate(1.9) brightness(1.08) contrast(1.05);backdrop-filter:blur(14px) saturate(1.9) brightness(1.08) contrast(1.05);isolation:isolate}.panel.liquid{-webkit-backdrop-filter:blur(20px) saturate(1.9) brightness(1.05);backdrop-filter:blur(20px) saturate(1.9) brightness(1.05)}.liquid-capsule{border-radius:var(--radius-capsule);-webkit-backdrop-filter:blur(12px) saturate(2) brightness(1.1);backdrop-filter:blur(12px) saturate(2) brightness(1.1)}.liquid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--glass-edge-hi) 0%,var(--glass-edge-lo) 35%,transparent 55%,var(--glass-edge-lo) 80%,var(--glass-edge-hi) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.liquid:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(135deg,#ffffff8c,#ffffff1f 14%,#fff0 30%,#fff0 70%,#ffffff0f 90%,#ffffff40),linear-gradient(to bottom,#ffffff47,#fff0 18%,#fff0 82%,#ffffff1a);pointer-events:none;mix-blend-mode:overlay;z-index:0}html[data-theme=dark] .liquid:after{background:linear-gradient(135deg,#ffffff38,#ffffff0f 16%,#fff0 35%,#fff0 70%,#ffffff0a 90%,#ffffff1f),linear-gradient(to bottom,#ffffff1f,#fff0 20%,#fff0 85%,#0003)}.liquid-strong{background:var(--glass-tint-strong)}.app{position:relative;z-index:1;height:100vh;width:100vw;display:flex;flex-direction:column;padding:20px 24px 24px;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px 8px 18px;border-radius:var(--radius-capsule);flex-shrink:0;height:56px}.brand{display:flex;align-items:center;gap:10px;z-index:2}.brand-mark{width:32px;height:32px;border-radius:10px;background:radial-gradient(circle at 30% 25%,#ffffff 0%,transparent 40%),linear-gradient(135deg,var(--accent) 0%,#5e5ce6 100%);box-shadow:0 1px #ffffffb3 inset,0 -1px 2px #0000001a inset,0 6px 14px -4px var(--accent-glow);display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px;font-family:var(--font-display);letter-spacing:-.02em}.brand-name{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.02em}.brand-tag{font-size:12px;color:var(--fg-tertiary);padding-left:10px;border-left:1px solid var(--divider);margin-left:4px}.topbar-actions{display:flex;align-items:center;gap:4px;z-index:2}.user-email{font-size:12px;color:var(--fg-tertiary);padding-right:8px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--fg-secondary);background:transparent;transition:background .18s ease,color .18s ease,transform .1s ease;position:relative}.icon-btn:hover{background:var(--control-bg);color:var(--fg-primary)}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:19px;height:19px}.icon-btn.badge[data-count]:after{content:attr(data-count);position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--accent);color:#fff;font-size:10px;font-weight:600;border-radius:999px;display:grid;place-items:center;box-shadow:0 0 0 2px var(--glass-tint-strong)}.work{flex:1;display:grid;gap:16px;min-height:0}.work.layout-split{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel>*{position:relative;z-index:2}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px 14px;gap:12px}.panel-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.015em}.panel-step{width:24px;height:24px;border-radius:8px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;box-shadow:0 1px #ffffff4d inset,0 3px 8px -2px var(--accent-glow)}.panel-sub{font-size:12.5px;color:var(--fg-tertiary);margin-top:4px;letter-spacing:-.005em}.panel-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.field{flex:1;min-height:0;position:relative;border-radius:var(--radius-md);background:#ffffff1f;-webkit-backdrop-filter:blur(10px) saturate(1.6);backdrop-filter:blur(10px) saturate(1.6);box-shadow:0 1px #ffffff8c inset,0 0 0 .5px #fff6,0 1px 2px #1414170a inset;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .22s ease,background .22s ease}html[data-theme=dark] .field{background:#ffffff0a;box-shadow:0 1px #ffffff1a inset,0 0 0 .5px #ffffff14,0 1px 2px #0000004d inset}.field:focus-within{background:#ffffff6b;box-shadow:0 1px #ffffffe6 inset,0 0 0 1px var(--accent),0 0 0 5px var(--accent-soft),0 1px 2px #1414170a inset}html[data-theme=dark] .field:focus-within{background:#00000052;box-shadow:0 1px #ffffff1f inset,0 0 0 1px var(--accent),0 0 0 5px var(--accent-soft)}.field textarea{flex:1;min-height:0;width:100%;background:transparent;border:none;resize:none;padding:14px 16px;font-family:var(--font-text);font-size:14px;line-height:1.55;color:var(--fg-primary);letter-spacing:-.005em;overflow:auto}.field textarea::placeholder{color:var(--fg-placeholder)}.field-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px 14px;gap:8px;font-size:12px;color:var(--fg-tertiary);min-height:48px}.field-footer .left{display:flex;align-items:center;gap:8px}.field-footer .left svg{width:14px;height:14px;opacity:.7}.field-footer .right{display:flex;align-items:center;gap:6px}.output-view{flex:1;min-height:0;padding:14px 16px;font-size:14px;line-height:1.55;overflow:auto;white-space:pre-wrap;word-wrap:break-word;letter-spacing:-.005em}.output-view.empty{color:var(--fg-placeholder);display:grid;place-items:center;text-align:center}.output-view.empty .hint{max-width:280px;font-size:13px;line-height:1.55}.chip{display:inline-flex;align-items:center;padding:1px 8px;margin:0 1px;background:var(--mask-chip-bg);color:var(--mask-chip-fg);border:1px solid var(--mask-chip-border);border-radius:7px;font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:0;vertical-align:baseline;cursor:default;transition:background .15s ease,transform .1s;box-shadow:0 1px #fff6 inset}.chip:hover{background:var(--mask-chip-border);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:var(--radius-capsule);font-size:13px;font-weight:500;color:var(--fg-primary);background:var(--control-bg);box-shadow:0 1px #fff9 inset,0 0 0 .5px #1414170f;transition:background .15s ease,transform .1s ease,color .15s ease,box-shadow .15s;white-space:nowrap;-webkit-backdrop-filter:blur(12px) saturate(1.6);backdrop-filter:blur(12px) saturate(1.6)}html[data-theme=dark] .btn{box-shadow:0 1px #ffffff1a inset,0 0 0 .5px #ffffff14}.btn:hover{background:var(--control-bg-hover)}.btn:active{transform:scale(.96)}.btn svg{width:14px;height:14px}.btn-primary{background:var(--accent);color:#fff;padding:0 18px;height:40px;font-weight:600;font-size:14px;box-shadow:0 1px #ffffff59 inset,0 -1px 2px #0000001a inset,0 6px 18px -4px var(--accent-glow),0 0 0 .5px #0000001a}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{background:var(--control-bg);color:var(--fg-tertiary);box-shadow:0 1px #fff9 inset,0 0 0 .5px #1414170d;cursor:not-allowed}.btn-ghost{background:transparent;box-shadow:none}.btn-ghost:hover{background:var(--control-bg)}.btn-danger{color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);font-size:13px;font-weight:500}.error-banner button{color:var(--danger);padding:4px}.error-banner button svg{width:14px;height:14px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000;transition:background .3s ease;pointer-events:none}.drawer-backdrop.open{background:#140f2840;pointer-events:auto}html[data-theme=dark] .drawer-backdrop.open{background:#0000008c}.drawer{position:fixed;top:16px;right:-100%;bottom:16px;width:440px;max-width:calc(100vw - 32px);z-index:60;display:flex;flex-direction:column;overflow:hidden;transition:right .4s cubic-bezier(.32,.72,0,1)}.drawer>*{position:relative;z-index:2}.drawer.open{right:16px}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;gap:10px}.drawer-title{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.02em}.history-list{flex:1;min-height:0;overflow:auto;padding:4px 12px 16px;display:flex;flex-direction:column;gap:6px}.history-empty{flex:1;display:grid;place-items:center;color:var(--fg-tertiary);font-size:13px;text-align:center;padding:32px;line-height:1.6}.history-item{padding:12px 14px;border-radius:var(--radius-sm);background:#ffffff47;box-shadow:0 1px #fff9 inset,0 0 0 .5px #1414170d;transition:background .15s}html[data-theme=dark] .history-item{background:#ffffff0d;box-shadow:0 1px #ffffff14 inset,0 0 0 .5px #ffffff0f}.history-item-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--fg-tertiary);margin-bottom:6px;font-family:var(--font-mono)}.history-item-top .meta{display:flex;align-items:center;gap:6px}.history-item-top .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.history-preview{font-size:13px;color:var(--fg-primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-unmask-badge{font-size:11px;font-weight:500;color:#34c759;margin-top:4px}html[data-theme=dark] .history-unmask-badge{color:#30d158}.history-actions{margin-top:10px;display:flex;gap:4px;flex-wrap:wrap}.history-action{font-size:11.5px;font-weight:500;padding:5px 10px;border-radius:var(--radius-capsule);color:var(--fg-secondary);background:#ffffff8c;box-shadow:0 0 0 .5px #1414170d;transition:background .12s,color .12s}html[data-theme=dark] .history-action{background:#ffffff1a;box-shadow:0 0 0 .5px #ffffff14}.history-action:hover{background:var(--accent-soft);color:var(--accent)}.history-action.primary{color:var(--accent)}.history-action.primary:hover{background:var(--accent-soft);color:var(--accent)}.history-action.danger{color:var(--danger)}.history-action.danger:hover{background:var(--danger-soft);color:var(--danger)}.history-search{display:flex;align-items:center;gap:8px;padding:4px 16px 8px;position:relative;z-index:2}.history-search svg{width:15px;height:15px;color:var(--fg-tertiary);flex-shrink:0}.history-search-input{flex:1;background:#ffffff59;border:none;border-radius:var(--radius-capsule);padding:7px 12px;font-size:13px;color:var(--fg-primary);box-shadow:0 0 0 .5px #1414170f inset}html[data-theme=dark] .history-search-input{background:#ffffff14;box-shadow:0 0 0 .5px #ffffff14 inset}.history-search-input::placeholder{color:var(--fg-placeholder)}.icon-btn-sm{width:28px;height:28px}.icon-btn-sm svg{width:14px;height:14px}.mapping-editor{margin-top:10px;padding:10px 12px;background:#ffffff59;border-radius:var(--radius-xs);box-shadow:0 0 0 .5px #1414170f inset}html[data-theme=dark] .mapping-editor{background:#ffffff0f;box-shadow:0 0 0 .5px #ffffff0f inset}.mapping-editor-title{font-size:11px;font-weight:600;color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.mapping-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.mapping-token{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--mask-chip-fg);background:var(--mask-chip-bg);border:1px solid var(--mask-chip-border);border-radius:5px;padding:2px 6px;flex-shrink:0}.mapping-arrow{color:var(--fg-tertiary);font-size:12px;flex-shrink:0}.mapping-value-input{flex:1;background:#ffffff8c;border:none;border-radius:6px;padding:4px 8px;font-size:12.5px;color:var(--fg-primary);box-shadow:0 0 0 .5px #1414170f inset}html[data-theme=dark] .mapping-value-input{background:#ffffff14;box-shadow:0 0 0 .5px #ffffff14 inset}.mapping-editor-actions{display:flex;gap:4px;margin-top:8px}.toast-wrap{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:10px 18px;border-radius:var(--radius-capsule);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;animation:toastIn .4s cubic-bezier(.2,.9,.3,1.3),toastOut .35s ease 1.8s forwards}.toast>*{position:relative;z-index:2}.toast svg{width:16px;height:16px;color:var(--success)}@keyframes toastIn{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(-6px)}}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 var(--success);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #30d15880}70%{box-shadow:0 0 0 8px #30d15800}to{box-shadow:0 0 #30d15800}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1414172e;border-radius:10px;border:2px solid transparent;background-clip:padding-box}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff24;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#1414174d;background-clip:padding-box}.login-page{position:relative;z-index:1;height:100vh;width:100vw;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:400px;padding:40px 32px 32px}.login-card>*{position:relative;z-index:2}.login-header{text-align:center;margin-bottom:28px}.login-header .brand-mark{width:48px;height:48px;border-radius:14px;font-size:22px;margin:0 auto 14px}.login-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.03em;margin:0 0 4px}.login-subtitle{font-size:14px;color:var(--fg-tertiary);margin:0}.login-form{display:flex;flex-direction:column;gap:12px}.login-field input{width:100%;padding:12px 14px;border:none;border-radius:var(--radius-sm);background:#ffffff59;font-size:14px;color:var(--fg-primary);box-shadow:0 1px #fff9 inset,0 0 0 .5px #14141714;transition:box-shadow .2s,background .2s}html[data-theme=dark] .login-field input{background:#ffffff14;box-shadow:0 1px #ffffff14 inset,0 0 0 .5px #ffffff14}.login-field input:focus{background:#ffffff8c;box-shadow:0 0 0 1px var(--accent),0 0 0 4px var(--accent-soft)}html[data-theme=dark] .login-field input:focus{background:#0000004d}.login-field input::placeholder{color:var(--fg-placeholder)}.login-submit{width:100%;justify-content:center;margin-top:4px}.login-divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:var(--fg-tertiary);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--divider)}.login-google{width:100%;justify-content:center;gap:10px;height:42px;font-weight:500;background:var(--control-bg);box-shadow:0 1px #fff9 inset,0 0 0 .5px #14141714}.login-google:hover{background:var(--control-bg-hover)}.login-error{padding:10px 14px;margin-bottom:16px;border-radius:var(--radius-xs);background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);font-size:13px}.login-message{padding:10px 14px;margin-bottom:16px;border-radius:var(--radius-xs);background:var(--success-soft);border:1px solid var(--success);color:var(--success);font-size:13px}.login-toggle{text-align:center;margin-top:20px;font-size:13px;color:var(--fg-tertiary)}.login-toggle button{color:var(--accent);font-weight:500;text-decoration:none}.login-toggle button:hover{text-decoration:underline}.loading-page{position:relative;z-index:1;height:100vh;width:100vw;display:grid;place-items:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--divider);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.work.layout-split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.drawer{width:calc(100vw - 32px)}.brand-tag{display:none}.login-card{padding:32px 24px 24px}}