@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--canvas: #dfe8f6;--canvas-deep: #d3e0f1;--window: #f6f9fe;--surface: #ffffff;--surface-soft: #edf3fc;--ink: #10203a;--ink-soft: #33435e;--muted: #687892;--line: #cad6e8;--line-strong: #aebed6;--blue: #2e5bff;--blue-deep: #1e43d6;--blue-soft: #e4ebff;--yellow: #ffd43b;--yellow-soft: #fff1a8;--mint: #62d5b4;--danger: #d94b64;--font-display: "Bricolage Grotesque Variable", "Microsoft YaHei", "PingFang SC", sans-serif;--font-ui: "Archivo Variable", "Microsoft YaHei", "PingFang SC", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--canvas);scrollbar-color:#8393ad var(--canvas)}body,#root{min-height:100%}body{margin:0;color:var(--ink);background:var(--canvas);font-family:var(--font-ui);font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}::selection{color:#fff;background:var(--blue)}:focus-visible{outline:3px solid rgba(46,91,255,.34);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 14px;color:#fff;border-radius:8px;background:var(--blue);font-size:12px;font-weight:700;transform:translateY(-160%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.page{display:grid;min-height:100svh;padding:clamp(16px,2.4vw,34px);place-items:center}.browser-window{width:min(1420px,100%);min-height:min(860px,calc(100svh - clamp(32px,4.8vw,68px)));overflow:hidden;border:1px solid var(--line-strong);border-radius:22px;background:var(--window);box-shadow:0 30px 70px #243d662e,0 1px #ffffffd9 inset;animation:window-enter .7s var(--ease-out) both}.browser-bar{display:grid;min-height:58px;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid var(--line);background:#edf3fc;grid-template-columns:auto minmax(220px,520px) auto}.window-controls{display:flex;gap:7px}.window-controls span{width:10px;height:10px;border-radius:50%;background:#b7c5da}.window-controls span:first-child{background:#ff8c9d}.window-controls span:nth-child(2){background:var(--yellow)}.window-controls span:last-child{background:var(--mint)}.browser-address{display:flex;height:34px;align-items:center;gap:8px;overflow:hidden;padding:0 13px;color:var(--muted);border:1px solid var(--line);border-radius:10px;background:#ffffffc7;font-size:11px}.browser-address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-sync{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}.browser-sync svg{color:var(--blue)}.browser-more{display:grid;width:34px;height:34px;padding:0;place-items:center;color:var(--muted);cursor:pointer;border:0;border-radius:9px;background:transparent;transition:color .15s ease,background .15s ease}.browser-more:hover{color:var(--ink);background:#dfe8f6}.browser-window__body{display:grid;min-height:calc(min(860px,calc(100svh - clamp(32px,4.8vw,68px))) - 59px);grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr)}.brand-panel{display:grid;min-width:0;grid-template-rows:auto auto auto 1fr;gap:clamp(24px,2.8vw,34px);padding:clamp(30px,3.8vw,52px);background:var(--window)}.brand-panel__header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand__mark{display:grid;width:43px;height:43px;place-items:center;color:#fff;border-radius:13px;background:var(--blue)}.brand__mark svg{width:29px;height:29px}.brand__word{font-family:var(--font-display);font-size:26px;font-variation-settings:"opsz" 72,"wght" 650;letter-spacing:-.045em}.saved-label{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:var(--blue-deep);border:1px solid #bfcfff;border-radius:999px;background:var(--blue-soft);font-size:11px;font-weight:720}.brand-panel__copy{max-width:720px}.brand-panel__copy h1{max-width:690px;margin:0;font-family:var(--font-display);font-size:clamp(50px,5.3vw,76px);font-variation-settings:"opsz" 84,"wght" 570,"wdth" 90;font-weight:570;line-height:.98;letter-spacing:-.055em;text-wrap:balance}.brand-panel__copy p{max-width:56ch;margin:20px 0 0;color:var(--muted);font-size:clamp(14px,1.05vw,17px);line-height:1.7}.tool-mosaic{align-self:start}.tool-mosaic__header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px;color:var(--muted);font-size:11px;font-weight:650}.tool-mosaic__header>span:last-child{display:inline-flex;align-items:center;gap:6px}.tool-mosaic__header svg{color:var(--blue)}.tool-mosaic__grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,92px)}.tool-tile{display:flex;min-width:0;align-items:flex-end;gap:12px;padding:15px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);animation:tile-enter .56s var(--ease-out) both}.tool-tile--hero{grid-column:span 2;grid-row:span 2;flex-direction:column;align-items:flex-start;justify-content:space-between;border-color:#e7b800;border-radius:20px;background:var(--yellow)}.tool-tile--wide{grid-column:span 2;border-radius:16px}.tool-tile--blue{color:#fff;border-color:var(--blue);background:var(--blue)}.tool-tile--yellow{color:var(--ink)}.tool-tile__icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;color:inherit;border-radius:12px;background:var(--surface-soft)}.tool-tile--hero .tool-tile__icon{width:52px;height:52px;border-radius:15px;background:#fff9}.tool-tile--blue .tool-tile__icon{background:#ffffff24}.tool-tile__copy{min-width:0}.tool-tile--hero .tool-tile__copy{margin-top:auto}.tool-tile__copy strong,.tool-tile__copy small{display:block}.tool-tile__copy strong{font-size:13px}.tool-tile__copy small{margin-top:4px;color:inherit;font-size:10px;line-height:1.45;opacity:.72}.tool-tile--hero .tool-tile__copy strong{font-family:var(--font-display);font-size:22px;letter-spacing:-.035em}.brand-panel__footer{display:flex;align-self:end;align-items:center;gap:9px;color:var(--muted);font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #62d5b42e}.auth-panel{display:flex;min-width:0;align-items:center;justify-content:center;padding:clamp(32px,4vw,58px);border-left:1px solid var(--line);background:var(--surface)}.form-wrap,.success-state{width:min(390px,100%)}.form-header{margin-bottom:29px}.mobile-brand{display:none;align-items:center;gap:9px;margin-bottom:42px;color:var(--blue);font-size:12px;font-weight:760}.mobile-brand__mark{display:grid;width:36px;height:36px;place-items:center;color:#fff;border-radius:10px;background:var(--blue)}.form-header h1,.success-state h1{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(36px,3.1vw,46px);font-variation-settings:"opsz" 72,"wght" 590;font-weight:590;line-height:1.08;letter-spacing:-.05em;text-wrap:balance}.form-header p{margin:13px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.form-alert,.form-notice{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 13px;border:1px solid currentColor;border-radius:10px;font-size:12px;line-height:1.55}.form-alert{color:var(--danger);background:#fff1f4}.form-notice{color:#14765a;background:#eafaf4}.form-alert svg,.form-notice svg{flex:0 0 auto;margin-top:1px}.field{margin-bottom:18px}.field label,.label-row label{display:block;margin-bottom:8px;color:var(--ink-soft);font-size:11px;font-weight:720}.label-row{display:flex;align-items:flex-start;justify-content:space-between}.text-button{margin:0 0 8px;padding:0;color:var(--blue);cursor:pointer;border:0;background:transparent;font-size:11px;font-weight:720}.text-button:hover{color:var(--blue-deep)}.input-wrap{position:relative}.input-icon{position:absolute;z-index:1;top:50%;left:13px;color:#8796af;pointer-events:none;transform:translateY(-50%);transition:color .15s ease}.input-wrap input{width:100%;height:52px;padding:0 44px 0 42px;color:var(--ink);caret-color:var(--blue);outline:none;border:1px solid var(--line);border-radius:12px;background:#f8fafd;font-size:13px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.input-wrap input::placeholder{color:#94a1b6}.input-wrap input:hover{border-color:#adbbd1}.input-wrap input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #2e5bff1a}.input-wrap:focus-within .input-icon{color:var(--blue)}.input-wrap input:-webkit-autofill,.input-wrap input:-webkit-autofill:hover,.input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px #f8fafd inset;transition:background-color 9999s ease-out}.input-wrap--error input{border-color:var(--danger);box-shadow:0 0 0 4px #d94b6417}.password-toggle{position:absolute;top:50%;right:7px;display:grid;width:36px;height:36px;padding:0;place-items:center;color:var(--muted);cursor:pointer;border:0;border-radius:9px;background:transparent;transform:translateY(-50%);transition:color .15s ease,background .15s ease}.password-toggle:hover{color:var(--ink);background:var(--surface-soft)}.password-toggle:focus-visible,.text-button:focus-visible,.secondary-button:focus-visible,.demo-account button:focus-visible,.account-note button:focus-visible,.form-footer a:focus-visible{outline:3px solid rgba(46,91,255,.2);outline-offset:2px}.field-error{min-height:15px;margin:5px 0 -14px;color:var(--danger);font-size:10px;line-height:1.45}.form-options{display:flex;align-items:center;margin:3px 0 21px}.checkbox-row{display:flex;align-items:center;gap:9px;width:fit-content;color:var(--muted);cursor:pointer;font-size:11px;-webkit-user-select:none;user-select:none}.checkbox-row input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.checkbox{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;color:#fff;border:1px solid #b7c3d7;border-radius:6px;background:#fff;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.checkbox svg{opacity:0;transform:scale(.65);transition:opacity .15s ease,transform .15s ease}.checkbox-row input:checked+.checkbox{border-color:var(--blue);background:var(--blue)}.checkbox-row input:checked+.checkbox svg{opacity:1;transform:scale(1)}.checkbox-row input:focus-visible+.checkbox{box-shadow:0 0 0 4px #2e5bff21}.login-button{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:9px;color:#fff;cursor:pointer;border:1px solid var(--blue);border-radius:12px;background:var(--blue);box-shadow:0 12px 24px #2e5bff33;font-size:13px;font-weight:760;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.login-button:hover:not(:disabled){border-color:var(--blue-deep);background:var(--blue-deep);box-shadow:0 16px 30px #2e5bff42;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:focus-visible{outline:3px solid rgba(46,91,255,.3);outline-offset:3px}.login-button:disabled{cursor:wait;opacity:.82}.button-loader{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .68s linear infinite}.demo-account{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:14px;color:var(--muted);border:1px dashed #bac7da;border-radius:12px;background:#f8fafd;font-size:10px}.demo-account>div{display:flex;min-width:0;align-items:center;gap:6px;overflow:hidden}.demo-account code{overflow:hidden;color:var(--ink-soft);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.demo-account__divider{color:#9eabc0}.demo-account button,.account-note button{padding:0;cursor:pointer;border:0;background:transparent;font-weight:730}.demo-account button{flex:0 0 auto;color:var(--blue);font-size:10px}.demo-account button:hover,.account-note button:hover{color:var(--blue-deep)}.account-note{margin:20px 0 0;color:#7f8ca1;font-size:10px;line-height:1.6}.account-note button{margin-left:5px;color:var(--ink-soft)}.form-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:28px;color:#929eb1;font-size:9px}.form-footer a:hover{color:var(--muted)}.form-footer__copyright{margin-left:5px}.success-state{text-align:left}.success-state__icon{display:grid;width:62px;height:62px;margin-bottom:25px;place-items:center;color:#fff;border-radius:18px;background:var(--blue);box-shadow:0 14px 30px #2e5bff38}.success-state h1:focus{outline:none}.success-state__body{margin:14px 0 25px;color:var(--muted);font-size:13px;line-height:1.75}.success-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.success-summary span{display:flex;min-height:78px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px;color:var(--ink-soft);border:1px solid var(--line);border-radius:13px;background:#f8fafd;font-size:10px}.success-summary svg{color:var(--blue)}.secondary-button{width:100%;min-height:48px;margin-top:18px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:12px;font-weight:720;transition:border-color .15s ease,background .15s ease}.secondary-button:hover{border-color:#aebdd2;background:#f8fafd}.tool-tile:nth-child(2){animation-delay:70ms}.tool-tile:nth-child(3){animation-delay:.12s}.tool-tile:nth-child(4){animation-delay:.17s}.tool-tile:nth-child(5){animation-delay:.22s}.tool-tile:nth-child(6){animation-delay:.27s}@keyframes window-enter{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tile-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.page{padding:20px}.browser-window{max-width:700px;min-height:0}.browser-window__body{min-height:0;grid-template-columns:1fr}.auth-panel{min-height:min(720px,100svh);order:-1;border-left:0;border-bottom:1px solid var(--line)}.brand-panel{min-height:720px}}@media(max-width:720px){.page{display:block;padding:0}.browser-window{width:100%;min-height:100svh;border:0;border-radius:0;box-shadow:none}.browser-bar{min-height:54px;padding:0 12px;gap:10px;grid-template-columns:auto minmax(0,1fr) auto}.browser-sync{display:none}.browser-address{height:32px}.auth-panel{min-height:auto;padding:28px 20px 36px}.form-wrap,.success-state{width:100%}.mobile-brand{display:flex;margin-bottom:44px}.brand-panel{min-height:auto;gap:32px;padding:32px 20px}.brand-panel__copy h1{font-size:clamp(43px,12vw,60px)}}@media(max-width:520px){.window-controls{display:none}.browser-bar{grid-template-columns:minmax(0,1fr) auto}.saved-label{padding:7px 9px;font-size:10px}.tool-mosaic__header{align-items:flex-start;flex-direction:column;gap:7px}.tool-mosaic__grid{grid-auto-rows:100px;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-tile--hero{grid-column:span 2;grid-row:span 2}.tool-tile--wide{grid-column:span 2}.tool-tile__copy small{line-height:1.35}.demo-account{align-items:flex-start;flex-direction:column}.demo-account>div{flex-wrap:wrap;overflow:visible}.success-summary{grid-template-columns:1fr}.success-summary span{min-height:54px;flex-direction:row;align-items:center;justify-content:flex-start}.form-footer{flex-wrap:wrap}.form-footer__copyright{width:100%;margin:4px 0 0;text-align:center}}@media(max-height:760px)and (min-width:1121px){.browser-window{min-height:calc(100svh - 28px)}.browser-window__body{min-height:calc(100svh - 87px)}.brand-panel{gap:24px;padding-top:30px;padding-bottom:26px}.brand-panel__copy h1{font-size:clamp(46px,4.8vw,64px)}.brand-panel__copy p{margin-top:14px}.tool-mosaic__grid{grid-auto-rows:76px}.auth-panel{padding-top:30px;padding-bottom:30px}.form-header{margin-bottom:22px}.field{margin-bottom:14px}.form-footer{margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.workspace-window{min-height:min(900px,calc(100svh - clamp(32px,4.8vw,68px)))}.workspace-layout{display:grid;min-height:calc(min(900px,calc(100svh - clamp(32px,4.8vw,68px))) - 59px);grid-template-columns:230px minmax(0,1fr)}.tool-sidebar{display:flex;min-width:0;flex-direction:column;gap:20px;padding:22px 16px;border-right:1px solid var(--line);background:#edf3fc}.tool-sidebar__heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 6px}.tool-sidebar__heading span{color:var(--ink);font-size:12px;font-weight:760}.tool-sidebar__heading small,.tool-sidebar__note{color:var(--muted);font-size:9px}.tool-nav{display:flex;flex-direction:column;gap:6px}.tool-nav__item{display:grid;min-height:43px;align-items:center;gap:9px;padding:0 10px;color:var(--ink-soft);cursor:pointer;border:1px solid transparent;border-radius:10px;background:transparent;grid-template-columns:19px minmax(0,1fr) auto;font-size:11px;text-align:left;transition:border-color .15s ease,background .15s ease,color .15s ease}.tool-nav__item:hover:not(:disabled){border-color:#c3d1e5;background:#ffffffb3}.tool-nav__item.is-active{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 8px 18px #2e5bff29}.tool-nav__item:disabled{cursor:default;opacity:.52}.tool-nav__item small{font-size:8px}.tool-sidebar__note{margin:auto 6px 0;line-height:1.6}.workspace-main{min-width:0;padding:clamp(18px,2.4vw,30px);overflow:auto;background:#f1f5fb}.json-tool{display:flex;min-height:100%;flex-direction:column;gap:18px;padding:clamp(18px,2.4vw,28px);border:1px solid var(--line);border-radius:18px;background:var(--surface)}.tool-heading{display:flex;align-items:center;gap:14px}.tool-heading__icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;color:#fff;border-radius:14px;background:var(--blue)}.tool-heading h1{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(28px,2.5vw,38px);font-weight:610;letter-spacing:-.045em}.tool-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}.json-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.json-toolbar__spacer{flex:1}.tool-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 12px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px;font-weight:700;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.tool-button:hover:not(:disabled){border-color:#aebdd2;background:#f8fafd;transform:translateY(-1px)}.tool-button:focus-visible,.tool-nav__item:focus-visible,.browser-user button:focus-visible{outline:3px solid rgba(46,91,255,.22);outline-offset:2px}.tool-button:disabled{cursor:not-allowed;opacity:.42}.tool-button--primary{color:#fff;border-color:var(--blue);background:var(--blue)}.tool-button--primary:hover:not(:disabled){color:#fff;border-color:var(--blue-deep);background:var(--blue-deep)}.json-editor-grid{display:grid;min-height:430px;flex:1;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.json-panel{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#f8fafd}.json-panel__header{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;color:var(--ink-soft);border-bottom:1px solid var(--line);background:#fff;font-size:10px;font-weight:720}.json-panel__header span:last-child{color:var(--muted);font-weight:500}.json-textarea{width:100%;min-height:380px;flex:1;padding:15px;color:var(--ink);caret-color:var(--blue);outline:none;border:0;resize:none;background:transparent;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.65;tab-size:2}.json-textarea::placeholder{color:#97a4b8}.json-textarea:focus{box-shadow:0 0 0 3px #2e5bff1a inset}.json-textarea--output{color:#234fcc;background:#f5f8ff}.json-feedback{min-height:20px;color:var(--muted);font-size:10px;line-height:1.5}.json-feedback p{display:flex;align-items:flex-start;gap:7px;margin:0}.json-feedback svg{flex:0 0 auto;margin-top:1px}.json-feedback__error{color:var(--danger)}.json-feedback__success{color:#14765a}.browser-user{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:10px;white-space:nowrap}.browser-user__avatar{display:grid;width:28px;height:28px;place-items:center;color:#fff;border-radius:50%;background:var(--blue);font-size:11px;font-weight:760}.browser-user button{display:inline-flex;height:30px;align-items:center;gap:5px;padding:0 8px;color:var(--muted);cursor:pointer;border:1px solid transparent;border-radius:8px;background:transparent;font-size:9px}.browser-user button:hover{color:var(--blue);border-color:#bfcfff;background:#fff}@media(max-width:1120px){.workspace-window{max-width:1420px;min-height:min(900px,calc(100svh - 40px))}.workspace-layout{min-height:calc(min(900px,calc(100svh - 40px)) - 59px);grid-template-columns:205px minmax(0,1fr)}}@media(max-width:900px){.workspace-window{max-width:100%}.workspace-layout{grid-template-columns:1fr}.tool-sidebar{flex-direction:row;align-items:center;gap:14px;overflow-x:auto;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}.tool-sidebar__heading{flex:0 0 auto}.tool-sidebar__heading small,.tool-sidebar__note{display:none}.tool-nav{flex-direction:row;gap:6px}.tool-nav__item{min-width:max-content;min-height:38px;padding:0 11px;grid-template-columns:17px auto}.tool-nav__item small{display:none}}@media(max-width:720px){.browser-bar{grid-template-columns:auto minmax(0,1fr) auto}.browser-user>span:not(.browser-user__avatar){display:none}.browser-user button{padding:0 6px;font-size:0}.workspace-window{min-height:100svh}.workspace-main{padding:16px}.json-tool{padding:18px;border-radius:15px}.json-editor-grid{min-height:auto;grid-template-columns:1fr}.json-textarea{min-height:260px}.json-toolbar__spacer{display:none}}@media(max-width:520px){.browser-bar{grid-template-columns:minmax(0,1fr) auto auto}.browser-user__avatar{width:26px;height:26px}.tool-sidebar__heading{display:none}.tool-heading{align-items:flex-start}.tool-heading__icon{width:42px;height:42px;border-radius:12px}.json-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-button{width:100%}}.browser-guest{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap}.browser-guest svg{color:var(--blue)}.browser-guest button,.browser-back{display:inline-flex;min-height:30px;align-items:center;gap:6px;padding:0 9px;color:var(--blue);cursor:pointer;border:1px solid #bfcfff;border-radius:8px;background:var(--blue-soft);font-size:9px;font-weight:720;white-space:nowrap}.browser-guest button:hover,.browser-back:hover{color:#fff;border-color:var(--blue);background:var(--blue)}.browser-back:focus-visible,.browser-guest button:focus-visible{outline:3px solid rgba(46,91,255,.22);outline-offset:2px}.tool-sidebar__note.is-guest{color:var(--blue-deep);font-weight:650}@media(max-width:720px){.browser-guest>span{display:none}.browser-guest button,.browser-back{padding:0 7px;font-size:0}}.workspace-actionbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.workspace-actionbar>span{color:var(--muted);font-size:10px;font-weight:700}.workspace-actionbar button{display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:0 10px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px;font-weight:720}.workspace-actionbar button:hover,.workspace-actionbar button.is-favorite{color:var(--blue);border-color:#bfcfff;background:var(--blue-soft)}.workspace-error{margin:-4px 0 12px;color:var(--danger);font-size:10px}.color-tool{display:flex;min-height:100%;flex-direction:column;gap:18px;padding:clamp(18px,2.4vw,28px);border:1px solid var(--line);border-radius:18px;background:var(--surface)}.color-workbench{display:grid;min-height:360px;gap:14px;grid-template-columns:minmax(240px,.85fr) minmax(320px,1.15fr)}.color-picker-panel,.color-values-panel,.palette-panel{min-width:0;border:1px solid var(--line);border-radius:14px;background:#f8fafd}.color-picker-panel{display:flex;flex-direction:column;gap:14px;padding:14px}.color-preview{position:relative;display:grid;min-height:270px;flex:1;place-items:end start;overflow:hidden;padding:16px;color:#fff;cursor:pointer;border:1px solid rgba(16,32,58,.16);border-radius:12px}.color-preview:after{position:absolute;inset:0;content:"";background:linear-gradient(transparent 55%,#00000047);pointer-events:none}.color-preview input{position:absolute;inset:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.color-preview span{position:relative;z-index:1;font-size:10px;font-weight:720}.color-input-form{display:flex;flex-direction:column;gap:7px}.color-input-form label{color:var(--ink-soft);font-size:10px;font-weight:720}.color-input-form>div{display:flex;gap:8px}.color-input-form input{min-width:0;height:42px;flex:1;padding:0 12px;color:var(--ink);outline:none;border:1px solid var(--line);border-radius:10px;background:#fff;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.color-input-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2e5bff1a}.color-input-form button,.palette-panel header button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:6px;padding:0 13px;color:#fff;cursor:pointer;border:1px solid var(--blue);border-radius:10px;background:var(--blue);font-size:10px;font-weight:720}.color-values-panel{display:flex;flex-direction:column;padding:14px}.color-value-row{display:grid;min-height:57px;align-items:center;gap:12px;border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) 34px}.color-value-row span{color:var(--muted);font-size:9px;font-weight:760}.color-value-row code{overflow:hidden;color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.color-value-row button{display:grid;width:32px;height:32px;padding:0;place-items:center;color:var(--muted);cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#fff}.color-value-row button:hover{color:var(--blue);border-color:#bfcfff}.contrast-grid{display:grid;flex:1;gap:10px;margin-top:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.contrast-grid>div{display:flex;min-height:115px;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.contrast-grid span,.contrast-grid small{color:var(--muted);font-size:9px}.contrast-grid strong{color:var(--ink);font-family:var(--font-display);font-size:25px;letter-spacing:-.04em}.palette-panel{padding:14px}.palette-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.palette-panel header>span{color:var(--ink);font-size:11px;font-weight:760}.palette-panel header button{min-height:34px}.palette-grid{display:grid;gap:9px;grid-template-columns:repeat(5,minmax(0,1fr))}.palette-grid button{display:flex;min-height:110px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:11px;color:var(--ink);cursor:pointer;border:1px solid rgba(16,32,58,.16);border-radius:12px;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.palette-grid button:hover{box-shadow:0 10px 20px #243d6624;transform:translateY(-2px)}.palette-grid button span{padding:4px 6px;border-radius:6px;background:#ffffffb8;font-size:9px;font-weight:720}.palette-grid button code{padding:4px 6px;border-radius:6px;background:#ffffffb8;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px}.color-feedback{min-height:20px;color:#14765a;font-size:10px}.color-feedback p{display:flex;align-items:center;gap:7px;margin:0}@media(max-width:900px){.color-workbench{grid-template-columns:1fr}.color-preview{min-height:230px}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contrast-grid{grid-template-columns:1fr}}.sidebar-login{display:flex;width:100%;align-items:center;gap:10px;padding:12px;color:var(--blue-deep);cursor:pointer;border:1px solid #bfcfff;border-radius:12px;background:var(--blue-soft);text-align:left}.sidebar-login>svg{flex:0 0 auto}.sidebar-login span,.sidebar-login strong,.sidebar-login small{display:block}.sidebar-login strong{font-size:11px}.sidebar-login small{margin-top:3px;color:var(--muted);font-size:9px}.sidebar-login:hover{color:#fff;border-color:var(--blue);background:var(--blue)}.sidebar-login:hover small{color:#ffffffc2}.tool-tile{width:100%;cursor:pointer;font-family:inherit;text-align:left}.tool-tile:disabled{cursor:default;opacity:.52}.tool-tile__status{margin-left:auto;padding:5px 7px;color:currentColor;border:1px solid currentColor;border-radius:999px;font-size:8px;font-weight:720;white-space:nowrap;opacity:.72}.tool-tile--hero .tool-tile__status{margin:12px 0 0}.tool-tile:not(:disabled):hover{border-color:var(--blue);box-shadow:0 10px 22px #243d661f;transform:translateY(-2px)}.tool-tile--yellow:not(:disabled):hover{border-color:#c99b00}.tool-tile--blue:not(:disabled):hover{border-color:#173ed0}.tool-sidebar__group{display:flex;min-width:0;flex-direction:column;gap:9px}.tool-sidebar__group--all{flex:1}.tool-sidebar__empty{margin:0;padding:11px;color:var(--muted);border:1px dashed #bfcbe0;border-radius:10px;background:#ffffff6b;font-size:9px;line-height:1.55}.tool-nav--favorites .tool-nav__item{border-color:#dce6f7;background:#ffffff94}.tool-nav__favorite{color:#d6a300}.tool-nav__item.is-active .tool-nav__favorite{color:var(--yellow)}.tool-nav__item.is-active,.tool-nav__item.is-active:hover{color:#fff;border-color:var(--blue);background:var(--blue)}.tool-nav__item.is-active:hover{background:var(--blue-deep)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.color-input-form small{color:var(--muted);font-size:9px;line-height:1.5}.saved-colors-panel,.image-color-panel{padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fafd}.saved-colors-panel>header,.image-color-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.saved-colors-panel>header>span,.image-color-panel>header span{color:var(--ink);font-size:11px;font-weight:760}.saved-colors-panel>header small,.image-color-panel>header small{color:var(--muted);font-size:9px}.saved-colors-grid{display:grid;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.saved-color-card{position:relative;display:grid;min-width:0;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.saved-color-main{display:flex;min-width:0;align-items:center;gap:10px;padding:0;color:var(--ink);cursor:pointer;border:0;background:transparent;text-align:left}.saved-color-swatch{width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(16,32,58,.15);border-radius:10px}.saved-color-main span:last-child{min-width:0}.saved-color-main strong,.saved-color-main small{display:block}.saved-color-main strong{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px}.saved-color-main small{margin-top:3px;color:var(--muted);font-size:8px}.saved-color-palette{display:flex;height:8px;overflow:hidden;border-radius:999px}.saved-color-palette span{flex:1}.saved-color-delete{position:absolute;top:7px;right:7px;display:grid;width:28px;height:28px;padding:0;place-items:center;color:var(--muted);cursor:pointer;border:1px solid transparent;border-radius:8px;background:#ffffffe6}.saved-color-delete:hover{color:var(--danger);border-color:#f0c8d0;background:#fff1f4}.saved-colors-empty{margin:0;padding:14px;color:var(--muted);border:1px dashed #bfcbe0;border-radius:10px;font-size:10px;text-align:center}.image-color-panel>header>div{min-width:0}.image-color-panel>header span,.image-color-panel>header small{display:block}.image-color-panel>header small{margin-top:4px}.image-upload-button{display:inline-flex;min-height:36px;flex:0 0 auto;align-items:center;gap:7px;padding:0 11px;color:#fff;cursor:pointer;border:1px solid var(--blue);border-radius:9px;background:var(--blue);font-size:10px;font-weight:720}.image-upload-button:hover{border-color:var(--blue-deep);background:var(--blue-deep)}.image-picker-stage{position:relative;display:grid;min-height:250px;place-items:center;overflow:hidden;border:1px dashed #b9c8de;border-radius:12px;background:#fff}.image-picker-stage.has-image{border-style:solid}.image-picker-stage>label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:var(--muted);cursor:pointer;text-align:center}.image-picker-stage>label strong{color:var(--ink);font-size:12px}.image-picker-stage>label span{font-size:9px}.image-picker-stage canvas{display:block;max-width:100%;max-height:520px;cursor:crosshair;object-fit:contain}.image-sample-point{position:absolute;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;background:transparent;box-shadow:0 0 0 2px var(--blue),0 2px 8px #00000047;pointer-events:none;transform:translate(-50%,-50%)}.image-color-result{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.image-color-result>span{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.image-color-result>div{display:flex;gap:7px}.image-color-result button{min-width:64px;height:34px;padding:0 8px;color:var(--ink);cursor:pointer;border:1px solid rgba(16,32,58,.16);border-radius:8px}.image-color-result code{padding:3px 5px;border-radius:5px;background:#ffffffc7;font-size:8px}@media(max-width:900px){.saved-colors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.saved-colors-grid{grid-template-columns:1fr}.image-color-panel>header,.image-color-result{align-items:flex-start;flex-direction:column}.image-color-result>div{flex-wrap:wrap}}.image-picker-stage canvas.is-empty{display:none}.meme-tool,.country-tool,.text-convert-tool{display:flex;min-height:100%;flex-direction:column;gap:18px;padding:clamp(18px,2.4vw,28px);border:1px solid var(--line);border-radius:18px;background:var(--surface)}.meme-workbench{display:grid;gap:14px;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}.meme-composer,.meme-picker,.country-search,.country-card,.text-convert-input-panel,.text-convert-preview,.font-style-section{border:1px solid var(--line);border-radius:14px;background:#f8fafd}.meme-composer{display:flex;flex-direction:column;gap:14px;padding:16px}.meme-source-row{display:grid;align-items:center;gap:10px;grid-template-columns:1fr auto 1fr}.meme-source-row>button:not(.meme-swap){display:flex;min-height:122px;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink);cursor:pointer;border:1px solid var(--line);border-radius:13px;background:#fff}.meme-source-row>button:not(.meme-swap).is-active{border-color:var(--blue);box-shadow:0 0 0 3px #2e5bff1c}.meme-source-row small,.meme-source-row strong{display:block}.meme-source-row small{color:var(--muted);font-size:9px}.meme-source-row strong{font-size:10px}.meme-source-row>button>span{font-size:42px;line-height:1}.meme-swap{display:grid;width:34px;height:34px;padding:0;place-items:center;color:var(--blue);cursor:pointer;border:1px solid #bfcfff;border-radius:9px;background:var(--blue-soft)}.meme-result{display:grid;min-height:280px;flex:1;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.meme-result img{width:min(220px,72%);height:auto;image-rendering:auto}.meme-result__empty{display:flex;width:100%;min-height:100%;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:24px;color:var(--muted);text-align:center}.meme-result__empty strong{color:var(--ink);font-size:13px}.meme-result__empty span{font-size:10px}.meme-actions{display:flex;flex-wrap:wrap;gap:8px}.meme-picker{display:flex;flex-direction:column;padding:14px}.meme-picker>header,.font-style-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.meme-picker>header span,.font-style-section>header span{color:var(--ink);font-size:11px;font-weight:760}.meme-picker>header small,.font-style-section>header small{color:var(--muted);font-size:9px}.meme-emoji-grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.meme-emoji-grid button{display:flex;min-height:78px;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink);cursor:pointer;border:1px solid var(--line);border-radius:11px;background:#fff}.meme-emoji-grid button.is-selected{border-color:var(--blue);background:var(--blue-soft)}.meme-emoji-grid button span{font-size:26px;line-height:1}.meme-emoji-grid button small{color:var(--muted);font-size:8px}.meme-feedback,.country-feedback,.text-convert-feedback{min-height:20px;color:#14765a;font-size:10px}.meme-feedback p,.country-feedback p,.text-convert-feedback p{display:flex;align-items:center;gap:7px;margin:0}.country-search{display:grid;align-items:center;gap:10px;padding:10px 12px;grid-template-columns:auto minmax(0,1fr) auto}.country-search svg{color:var(--muted)}.country-search input{min-width:0;height:40px;outline:none;border:0;background:transparent;color:var(--ink);font-size:12px}.country-search>span{color:var(--muted);font-size:9px;white-space:nowrap}.country-grid{display:grid;max-height:560px;gap:10px;overflow:auto;padding-right:4px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.country-card{display:grid;min-width:0;gap:10px;padding:12px;background:#fff}.country-card__flag{font-size:34px;line-height:1}.country-card__copy strong,.country-card__copy small,.country-card__copy span{display:block}.country-card__copy strong{color:var(--ink);font-size:12px}.country-card__copy small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.country-card__copy span{display:flex;gap:6px;margin-top:9px}.country-card__copy code{padding:4px 6px;color:var(--blue-deep);border-radius:6px;background:var(--blue-soft);font-size:9px}.country-card__actions{display:flex;gap:7px}.country-card__actions button{display:inline-flex;min-height:32px;flex:1;align-items:center;justify-content:center;gap:5px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:9px;font-weight:700}.country-card__actions button:hover{color:var(--blue);border-color:#bfcfff;background:var(--blue-soft)}.country-empty{margin:0;padding:24px;color:var(--muted);text-align:center;font-size:11px}.text-convert-layout{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.text-convert-input-panel,.text-convert-preview{display:flex;min-height:260px;flex-direction:column;padding:14px}.text-convert-input-panel>label,.text-convert-preview>header>span{margin-bottom:9px;color:var(--ink-soft);font-size:10px;font-weight:720}.text-convert-input-panel textarea{min-height:180px;flex:1;padding:12px;color:var(--ink);outline:none;border:1px solid var(--line);border-radius:11px;resize:vertical;background:#fff;font-size:12px;line-height:1.7}.text-convert-input-panel textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2e5bff1a}.text-input-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;color:var(--muted);font-size:9px}.text-input-actions button{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;color:var(--muted);cursor:pointer;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:9px}.text-convert-preview>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.font-size-control{display:flex;gap:4px}.font-size-control button{width:31px;height:28px;padding:0;color:var(--muted);cursor:pointer;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:9px}.font-size-control button.is-active{color:#fff;border-color:var(--blue);background:var(--blue)}.text-preview-box{display:flex;min-height:150px;flex:1;align-items:center;justify-content:center;margin:12px 0;padding:16px;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);line-height:1.5;text-align:center}.text-convert-preview>.tool-button{align-self:flex-end}.font-style-section{padding:14px}.font-style-grid{display:grid;max-height:380px;gap:9px;overflow:auto;padding-right:4px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.font-style-card{display:flex;min-height:86px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px;color:var(--ink);cursor:pointer;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left}.font-style-card:hover,.font-style-card.is-active{border-color:var(--blue);background:var(--blue-soft)}.font-style-card>span{color:var(--muted);font-size:9px}.font-style-card>strong{overflow:hidden;font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.meme-workbench,.text-convert-layout{grid-template-columns:1fr}}@media(max-width:520px){.meme-source-row{grid-template-columns:1fr auto 1fr}.meme-emoji-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.country-grid{grid-template-columns:1fr}.text-convert-preview>header{align-items:flex-start;flex-direction:column}}.meme-search{display:flex;height:40px;align-items:center;gap:8px;margin-bottom:11px;padding:0 11px;color:var(--muted);border:1px solid var(--line);border-radius:10px;background:#fff}.meme-search input{min-width:0;flex:1;outline:none;border:0;background:transparent;color:var(--ink);font-size:10px}.meme-picker__state{margin:0;padding:30px 16px;color:var(--muted);font-size:10px;text-align:center}.meme-emoji-grid button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meme-load-more{width:100%;min-height:38px;margin-top:10px;color:var(--blue);cursor:pointer;border:1px solid #bfcfff;border-radius:9px;background:var(--blue-soft);font-size:10px;font-weight:720}.meme-loader{display:block;flex:0 0 auto;color:var(--blue);animation:spin .7s linear infinite}.meme-picker{max-height:620px;overflow:hidden}.meme-emoji-grid{max-height:420px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-width:thin;scrollbar-color:#9fb0ca #edf3fc}.meme-emoji-grid::-webkit-scrollbar{width:8px}.meme-emoji-grid::-webkit-scrollbar-track{border-radius:999px;background:#edf3fc}.meme-emoji-grid::-webkit-scrollbar-thumb{border:2px solid #edf3fc;border-radius:999px;background:#9fb0ca}.meme-load-more{flex:0 0 auto}@media(max-width:520px){.meme-picker{max-height:560px}.meme-emoji-grid{max-height:330px}}@media(max-width:900px){.browser-bar{position:sticky;z-index:30;top:0}.tool-sidebar{position:sticky;z-index:20;top:54px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tool-sidebar::-webkit-scrollbar{display:none}.tool-nav__item{min-height:44px;scroll-snap-align:start}}@media(max-width:720px){.browser-bar{min-height:60px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.auth-panel,.brand-panel,.workspace-main,.json-tool,.color-tool,.meme-tool,.country-tool,.text-convert-tool{padding-bottom:max(24px,env(safe-area-inset-bottom))}.workspace-main{padding-top:14px}.input-wrap input,.json-textarea,.color-input-form input,.country-search input,.meme-search input,.text-convert-input-panel textarea{font-size:16px}.color-value-row{grid-template-columns:42px minmax(0,1fr) 46px}.color-input-form input,.color-input-form button,.palette-panel header button,.image-upload-button,.meme-search{min-height:44px}.font-size-control button{width:44px;height:44px}}@media(pointer:coarse){button,[role=button]{min-height:44px}.browser-more,.browser-back,.browser-guest button,.password-toggle,.meme-swap,.color-value-row button,.saved-color-delete{min-width:44px}.saved-color-card{padding-right:42px}.country-card__actions button,.workspace-actionbar button,.text-input-actions button,.tool-button{min-height:44px}}@media(max-width:900px){button,[role=button],.image-upload-button{min-height:44px}.browser-more,.browser-back,.browser-guest button,.browser-user button,.password-toggle,.meme-swap,.color-value-row button,.saved-color-delete,.font-size-control button,.meme-load-more,.palette-panel header button,.color-input-form button,.country-card__actions button,.workspace-actionbar button,.text-input-actions button{min-width:44px;min-height:44px}.font-size-control button{width:44px;height:44px}.country-search input,.color-input-form input,.meme-search{min-height:44px}.demo-account button,.account-note button{min-width:44px}.text-button{display:inline-flex;align-items:center}}@media(max-width:720px){.tool-sidebar{top:calc(60px + env(safe-area-inset-top))}}.mobile-workspace{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom));background:var(--canvas)}.mobile-app-bar{position:sticky;z-index:40;top:0;display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:12px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#f6f9fef7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mobile-app-bar__brand{display:flex;min-width:0;min-height:44px;align-items:center;gap:9px;padding:0;color:var(--ink);cursor:pointer;border:0;background:transparent;text-align:left}.mobile-app-bar__mark{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;color:#fff;border-radius:11px;background:var(--blue)}.mobile-app-bar__mark svg{width:25px;height:25px}.mobile-app-bar__brand>span:last-child{min-width:0}.mobile-app-bar__brand small,.mobile-app-bar__brand strong{display:block}.mobile-app-bar__brand small{color:var(--muted);font-size:8px}.mobile-app-bar__brand strong{overflow:hidden;margin-top:2px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mobile-app-bar__actions{display:flex;flex:0 0 auto;gap:4px}.mobile-app-bar__actions button{display:grid;width:44px;height:44px;padding:0;place-items:center;color:var(--muted);cursor:pointer;border:1px solid transparent;border-radius:11px;background:transparent}.mobile-app-bar__actions button.is-active{color:var(--blue);border-color:#bfcfff;background:var(--blue-soft)}.mobile-app-bar__actions button:hover{color:var(--blue);background:var(--blue-soft)}.mobile-workspace__content{width:100%;padding:12px}.mobile-workspace__content>.json-tool,.mobile-workspace__content>.color-tool,.mobile-workspace__content>.meme-tool,.mobile-workspace__content>.country-tool,.mobile-workspace__content>.text-convert-tool{min-height:auto;padding:14px;border-radius:16px}.mobile-workspace__content .tool-heading{display:none}.mobile-bottom-nav{position:fixed;z-index:45;right:0;bottom:0;left:0;display:grid;min-height:66px;padding:6px max(12px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid var(--line);background:#fff;box-shadow:0 -8px 24px #243d6614;grid-template-columns:repeat(3,1fr)}.mobile-bottom-nav button{display:flex;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);cursor:pointer;border:0;border-radius:12px;background:transparent;font-size:10px;font-weight:700}.mobile-bottom-nav button:active{color:var(--blue);background:var(--blue-soft)}.mobile-tool-sheet{position:fixed;z-index:80;inset:0}.mobile-tool-sheet__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#070f1f6b}.mobile-tool-sheet__panel{position:absolute;right:0;bottom:0;left:0;max-height:min(82dvh,680px);overflow-y:auto;padding:18px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -18px 50px #0f1f3a33}.mobile-tool-sheet__panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.mobile-tool-sheet__panel>header span,.mobile-tool-sheet__panel>header small{display:block}.mobile-tool-sheet__panel>header span{color:var(--ink);font-size:16px;font-weight:760}.mobile-tool-sheet__panel>header small{margin-top:3px;color:var(--muted);font-size:10px}.mobile-tool-sheet__panel>header button{display:grid;width:44px;height:44px;padding:0;place-items:center;color:var(--muted);border:1px solid var(--line);border-radius:12px;background:#fff}.mobile-tool-sheet__list{display:grid;gap:8px}.mobile-tool-sheet__list>button{display:grid;min-height:64px;align-items:center;gap:12px;padding:9px 11px;color:var(--ink);cursor:pointer;border:1px solid var(--line);border-radius:14px;background:#fff;grid-template-columns:42px minmax(0,1fr) auto;text-align:left}.mobile-tool-sheet__list>button.is-active{border-color:var(--blue);background:var(--blue-soft)}.mobile-tool-sheet__list>button:disabled{cursor:default;opacity:.5}.mobile-tool-sheet__icon{display:grid;width:42px;height:42px;place-items:center;color:var(--blue);border-radius:12px;background:var(--surface-soft)}.mobile-tool-sheet__list strong,.mobile-tool-sheet__list small{display:block}.mobile-tool-sheet__list strong{font-size:12px}.mobile-tool-sheet__list small{margin-top:3px;color:var(--muted);font-size:9px}.mobile-tool-sheet__empty{margin:0;padding:28px 18px;color:var(--muted);border:1px dashed #bfcbe0;border-radius:14px;font-size:11px;text-align:center}.mobile-login-page{min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(circle at 50% -10%,rgba(46,91,255,.14),transparent 32%),var(--canvas)}.mobile-login-header{display:flex;min-height:52px;align-items:center;justify-content:space-between}.mobile-login-header>button{display:grid;width:44px;height:44px;padding:0;place-items:center;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:#fffc}.mobile-login-header>span{display:inline-flex;align-items:center;gap:8px;font-weight:760}.mobile-login-header__mark{display:grid;width:34px;height:34px;place-items:center;color:#fff;border-radius:10px;background:var(--blue)}.mobile-login-header__mark svg{width:23px;height:23px}.mobile-login-hero{padding:34px 2px 26px}.mobile-login-hero h1{max-width:11ch;margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(36px,11vw,48px);font-weight:620;line-height:1;letter-spacing:-.055em}.mobile-login-hero p{max-width:34ch;margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.mobile-login-guest{width:100%;min-height:48px;margin-top:20px;color:#fff;cursor:pointer;border:1px solid var(--blue);border-radius:12px;background:var(--blue);font-size:12px;font-weight:740}.mobile-login-tools{display:grid;gap:8px;margin-top:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-login-tools button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:7px;color:var(--ink-soft);border:1px solid var(--line);border-radius:11px;background:#ffffffc7;font-size:10px;font-weight:720}.mobile-login-form-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 16px 38px #243d661a}.mobile-login-form-card .mobile-brand{display:none}.mobile-login-form-card .form-header{margin-bottom:23px}.mobile-login-form-card .form-header h1{font-size:28px}.mobile-tool-tabs,.meme-picker-trigger,.meme-picker-close,.meme-picker-backdrop{display:none}@media(max-width:900px){.mobile-tool-tabs{display:grid;gap:6px;margin-bottom:12px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fff;grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-tool-tabs button{min-height:44px;color:var(--muted);cursor:pointer;border:0;border-radius:9px;background:transparent;font-size:10px;font-weight:720}.mobile-tool-tabs button.is-active{color:#fff;background:var(--blue)}.json-editor-grid--input .json-panel:last-child,.json-editor-grid--output .json-panel:first-child{display:none}.color-tool[data-mobile-section=picker] .saved-colors-panel,.color-tool[data-mobile-section=picker] .image-color-panel,.color-tool[data-mobile-section=image] .color-workbench,.color-tool[data-mobile-section=image] .palette-panel,.color-tool[data-mobile-section=image] .saved-colors-panel,.color-tool[data-mobile-section=saved] .color-workbench,.color-tool[data-mobile-section=saved] .palette-panel,.color-tool[data-mobile-section=saved] .image-color-panel{display:none}.meme-picker-trigger{display:inline-flex}.meme-picker{position:fixed;z-index:72;right:0;bottom:0;left:0;max-height:78dvh;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -18px 50px #0f1f3a38;opacity:0;pointer-events:none;transform:translateY(102%);transition:opacity .22s ease,transform .26s var(--ease-out)}.meme-picker.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.meme-picker>header{position:sticky;z-index:2;top:0;padding:4px 0 10px;background:#fff}.meme-picker-close{display:grid;width:44px;height:44px;padding:0;place-items:center;color:var(--muted);border:1px solid var(--line);border-radius:11px;background:#fff}.meme-picker-backdrop{position:fixed;z-index:70;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#070f1f6b}.meme-picker .meme-emoji-grid{max-height:calc(78dvh - 120px)}}@media(prefers-reduced-motion:reduce){.meme-picker{transition:none}}.register-page{display:grid;min-height:100dvh;padding:clamp(16px,2.4vw,32px);place-items:center;background:radial-gradient(circle at 12% 10%,rgba(46,91,255,.12),transparent 28%),var(--canvas)}.register-shell{display:grid;width:min(1080px,100%);min-height:min(720px,calc(100dvh - 64px));overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 30px 70px #243d662e;grid-template-columns:minmax(340px,.86fr) minmax(430px,1.14fr)}.register-aside{display:flex;flex-direction:column;justify-content:space-between;padding:34px;color:#fff;background:radial-gradient(circle at 0 0,rgba(70,113,255,.34),transparent 34%),var(--navy-900)}.register-back{display:inline-flex;width:fit-content;min-height:42px;align-items:center;gap:7px;padding:0 11px;color:#ffffffc7;cursor:pointer;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff0f;font-size:10px}.register-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:24px;font-weight:650}.register-brand>span{display:grid;width:42px;height:42px;place-items:center;color:var(--blue);border-radius:12px;background:#fff}.register-brand svg{width:27px;height:27px}.register-aside h1{max-width:8ch;margin:0;font-family:var(--font-display);font-size:clamp(38px,4.2vw,58px);font-weight:600;line-height:1;letter-spacing:-.055em}.register-aside p{max-width:36ch;margin:18px 0 0;color:#ffffff9e;font-size:13px;line-height:1.75}.register-benefits{display:grid;gap:10px;color:#ffffffb8;font-size:11px}.register-benefits span{display:flex;align-items:center;gap:8px}.register-benefits svg{color:var(--mint)}.register-card{display:flex;width:min(430px,100%);flex-direction:column;justify-content:center;margin:auto;padding:42px 34px}.register-card__header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.register-card__header p{margin:0 0 5px;color:var(--blue);font-size:10px;font-weight:760}.register-card__header h2{margin:0;color:var(--ink);font-family:var(--font-display);font-size:30px;font-weight:620;letter-spacing:-.045em}.register-mobile-back,.register-mobile-brand{display:none}.register-steps{display:grid;gap:9px;margin:0 0 22px;padding:0;list-style:none;grid-template-columns:repeat(2,minmax(0,1fr))}.register-steps li{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.register-steps li>span{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:9px;font-weight:760}.register-steps li.is-active,.register-steps li.is-complete{color:var(--ink-soft)}.register-steps li.is-active>span,.register-steps li.is-complete>span{color:#fff;border-color:var(--blue);background:var(--blue)}.register-alert,.register-notice{margin-bottom:15px;padding:11px 12px;border-radius:10px;font-size:10px;line-height:1.55}.register-alert{color:var(--danger);border:1px solid #f0c8d0;background:#fff1f4}.register-notice{color:#14765a;border:1px solid #c9eedd;background:#f1fbf7}.register-form{display:flex;flex-direction:column}.register-form>label{margin:0 0 7px;color:var(--ink-soft);font-size:10px;font-weight:720}.register-input{position:relative;display:flex;min-height:48px;align-items:center;margin-bottom:15px;border:1px solid var(--line);border-radius:11px;background:#f8fafd}.register-input>svg{position:absolute;left:13px;color:var(--muted)}.register-input input{width:100%;min-height:46px;padding:0 13px;color:var(--ink);outline:none;border:0;background:transparent;font-size:12px}.register-input:has(svg) input{padding-left:42px}.register-input:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #2e5bff1a}.register-submit{min-height:50px;margin-top:4px;color:#fff;cursor:pointer;border:1px solid var(--blue);border-radius:11px;background:var(--blue);font-size:12px;font-weight:750}.register-submit:disabled,.register-resend:disabled{cursor:wait;opacity:.65}.register-resend{min-height:42px;margin-top:8px;color:var(--blue);cursor:pointer;border:1px solid transparent;border-radius:10px;background:transparent;font-size:10px;font-weight:720}.register-resend:hover{background:var(--blue-soft)}.register-email-summary{display:grid;align-items:center;gap:8px;margin-bottom:16px;padding:10px 11px;color:var(--ink-soft);border:1px solid var(--line);border-radius:10px;background:#f8fafd;grid-template-columns:20px minmax(0,1fr) auto;font-size:10px}.register-email-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.register-email-summary button{padding:0;color:var(--blue);border:0;background:transparent;font-size:9px;font-weight:720}.register-login-link{margin:22px 0 0;color:var(--muted);text-align:center;font-size:10px}.register-login-link button{margin-left:5px;padding:0;color:var(--blue);cursor:pointer;border:0;background:transparent;font-weight:720}@media(max-width:900px){.register-page{display:block;padding:0;background:var(--canvas)}.register-shell{min-height:100dvh;border:0;border-radius:0;box-shadow:none;grid-template-columns:1fr}.register-aside{display:none}.register-card{width:100%;min-height:100dvh;justify-content:flex-start;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.register-card__header{margin-top:10px}.register-mobile-back{display:grid;width:44px;height:44px;padding:0;place-items:center;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:#fff}.register-mobile-brand{display:grid;width:38px;height:38px;place-items:center;color:#fff;border-radius:11px;background:var(--blue)}.register-mobile-brand svg{width:25px;height:25px}.register-card__header>div{min-width:0}.register-card__header h2{font-size:25px}.register-input input{font-size:16px}.register-steps li{min-height:44px}.register-submit{min-height:52px}}.text-button--mobile{display:none}@media(max-width:900px){.mobile-login-page{display:flex;flex-direction:column;align-items:center}.mobile-login-header,.mobile-login-hero,.mobile-login-form-card{width:min(430px,100%)}.mobile-login-hero{text-align:center}.mobile-login-hero h1,.mobile-login-hero p{margin-right:auto;margin-left:auto}.mobile-login-form-card .label-row{display:block}.mobile-login-form-card .label-row .text-button:not(.text-button--mobile){display:none}.mobile-login-form-card .text-button--mobile{display:inline-flex;width:auto;min-width:44px;min-height:44px;align-items:center;justify-content:flex-end;margin:0 0 -14px auto;padding:0 5px;font-size:10px}.mobile-login-form-card .field-error{margin-bottom:0}.mobile-login-form-card .form-options{justify-content:center}.mobile-login-form-card .demo-account{align-items:center;text-align:center}.mobile-login-form-card .account-note,.mobile-login-form-card .signup-copy{text-align:center}}@media(max-width:360px){.mobile-login-hero h1{font-size:34px}}@media(max-width:900px){.mobile-login-form-card .field-error:empty{min-height:0;margin:0}}.tool-tile{flex-direction:column;align-items:flex-start;justify-content:space-between}.tool-tile__copy{width:100%;min-width:0}.tool-tile__copy strong,.tool-tile__copy small{max-width:100%;overflow-wrap:anywhere;white-space:normal}.tool-tile__copy strong{line-height:1.3}.tool-tile__copy small{line-height:1.45}.tool-tile__status{margin-top:auto;margin-left:0}.tool-tile--hero .tool-tile__status{margin-top:12px}.tool-tile--wide{flex-direction:row;align-items:center;gap:12px;padding:12px 14px}.tool-tile--wide .tool-tile__copy{min-width:0;flex:1}.tool-tile--wide .tool-tile__status{flex:0 0 auto;margin:0 0 0 auto}.tool-tile--standard{display:grid;padding:11px;grid-template-columns:32px minmax(0,1fr);grid-template-rows:32px minmax(0,1fr);gap:6px 7px}.tool-tile--standard .tool-tile__icon{width:30px;height:30px;grid-column:1;grid-row:1}.tool-tile--standard .tool-tile__icon svg{width:18px;height:18px}.tool-tile--standard .tool-tile__status{align-self:start;justify-self:end;margin:0;padding:3px 5px;font-size:7px;grid-column:2;grid-row:1}.tool-tile--standard .tool-tile__copy{margin-top:auto;grid-column:1 / -1;grid-row:2}.image-canvas-wrap{position:relative;display:inline-block;max-width:100%;font-size:0;line-height:0}.image-canvas-wrap canvas{display:block;width:auto;height:auto;max-width:100%;max-height:520px;object-fit:contain}.image-canvas-wrap:has(canvas.is-empty){display:none}.qr-tool,.image-tool,.timer-tool,.filebox-tool{display:flex;min-height:100%;flex-direction:column;gap:18px;padding:clamp(18px,2.4vw,28px);border:1px solid var(--line);border-radius:18px;background:var(--surface)}.qr-workbench,.image-workbench,.timer-workbench,.filebox-workbench{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:18px}.qr-editor,.image-controls,.timer-settings,.filebox-editor,.filebox-pickup{display:flex;min-width:0;flex-direction:column;gap:16px}.tool-field{display:flex;min-width:0;flex-direction:column;gap:7px}.tool-field>span,.image-control-label,.timer-section-title{color:var(--ink-soft);font-size:11px;font-weight:760}.tool-field textarea{min-height:148px;resize:vertical;padding:13px;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:#f8fafd;font-size:13px;line-height:1.6}.tool-field textarea:focus,.tool-field input:focus,.tool-field select:focus{border-color:var(--blue);outline:3px solid rgba(46,91,255,.14)}.tool-field small{align-self:flex-end;color:var(--muted);font-size:9px}.tool-field input:not([type=range]):not([type=color]),.tool-field select,.filebox-expiry input,.filebox-expiry select,.image-size-fields input,.timer-custom input{height:42px;padding:0 11px;color:var(--ink);border:1px solid var(--line);border-radius:10px;background:#f8fafd}.qr-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qr-options-grid input[type=range],.image-quality input[type=range]{width:100%;accent-color:var(--blue)}.qr-color-fields{display:flex;gap:8px}.qr-color-fields label{display:flex;min-width:0;flex:1;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:#f8fafd;font-size:10px;font-weight:700}.qr-color-fields input[type=color]{width:28px;height:28px;margin-left:auto;padding:0;border:0;border-radius:8px;background:transparent}.qr-actions,.image-actions,.image-button-row{display:flex;flex-wrap:wrap;gap:8px}.qr-preview,.image-preview-panel{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#f8fafd}.qr-canvas-frame{display:grid;width:min(100%,340px);min-height:260px;place-items:center;padding:12px;border-radius:14px;background:#fff;box-shadow:0 10px 26px #243d661f}.qr-canvas-frame canvas{display:block;width:100%;max-width:320px;height:auto;image-rendering:pixelated}.qr-preview__meta,.image-preview-meta{display:flex;width:100%;flex-wrap:wrap;justify-content:center;gap:8px 14px;color:var(--muted);font-size:9px}.qr-feedback{width:100%;text-align:center}.tool-feedback{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.tool-feedback p{display:inline-flex;align-items:center;gap:6px;margin:0}.tool-feedback--error{color:var(--danger)!important}.tool-feedback--success{color:#178365!important}.image-workbench.has-image{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)}.image-dropzone{display:flex;min-height:390px;grid-column:1 / -1;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:30px;color:var(--muted);cursor:pointer;border:1px dashed var(--line-strong);border-radius:16px;background:#f8fafd;text-align:center}.image-dropzone strong{color:var(--ink);font-size:14px}.image-dropzone span{font-size:10px}.image-preview-stage{display:grid;width:100%;min-height:340px;place-items:center;overflow:hidden;padding:14px;border-radius:14px;background:#fff}.image-preview-stage canvas{display:block;width:auto;height:auto;max-width:100%;max-height:520px;object-fit:contain}.image-preview-meta span:first-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-control-group{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f8fafd}.image-control-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-soft);font-size:11px;font-weight:760}.image-control-heading button{display:inline-flex;min-height:32px;align-items:center;gap:5px;padding:0 8px;color:var(--muted);cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:9px}.image-control-heading button.is-active{color:var(--blue-deep);border-color:#b8c7ff;background:var(--blue-soft)}.image-size-fields{display:grid;align-items:end;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.image-size-fields label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:9px}.image-size-fields input{width:100%}.image-size-fields>span{padding-bottom:12px;color:var(--muted)}.image-format-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.image-format-options label{display:flex;min-width:0;flex-direction:column;gap:2px;padding:9px;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#fff}.image-format-options label.is-active{color:var(--blue-deep);border-color:#aebfff;background:var(--blue-soft)}.image-format-options input{position:absolute;opacity:0;pointer-events:none}.image-format-options strong{font-size:11px}.image-format-options small{overflow:hidden;color:inherit;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.image-quality{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:9px}.image-replace-button{cursor:pointer}.timer-workbench{align-items:stretch;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr)}.timer-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#f8fafd}.timer-dial{--timer-progress: 0deg;position:relative;display:grid;width:min(280px,100%);aspect-ratio:1;place-items:center;border-radius:50%;background:conic-gradient(var(--blue) var(--timer-progress),#dce5f2 0);box-shadow:0 18px 40px #243d6624}.timer-dial:after{position:absolute;width:calc(100% - 22px);aspect-ratio:1;content:"";border-radius:50%;background:#fff}.timer-dial.is-running{animation:timer-breathe 2.8s ease-in-out infinite}.timer-dial.is-finished{background:conic-gradient(var(--mint) 360deg,#dce5f2 0)}.timer-dial__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px}.timer-dial__inner>span{color:var(--muted);font-size:10px;font-weight:720}.timer-dial__inner strong{color:var(--ink);font-family:var(--font-display);font-size:clamp(48px,5.5vw,72px);font-variant-numeric:tabular-nums;font-weight:620;letter-spacing:-.055em;line-height:1}.timer-dial__inner small{color:var(--muted);font-size:9px}.timer-actions{display:flex;width:100%;align-items:center;justify-content:center;gap:9px}.timer-primary{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 22px;color:#fff;cursor:pointer;border:1px solid var(--blue);border-radius:12px;background:var(--blue);font-size:12px;font-weight:740}.timer-primary:hover{background:var(--blue-deep)}.timer-settings{justify-content:center;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.timer-presets{display:grid;margin-top:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.timer-presets button{display:flex;min-height:76px;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:11px 13px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:12px;background:#f8fafd;text-align:left}.timer-presets button.is-active{color:var(--blue-deep);border-color:#aebfff;background:var(--blue-soft)}.timer-presets strong{font-family:var(--font-display);font-size:24px;letter-spacing:-.045em;line-height:1}.timer-presets span{font-size:9px;font-weight:700}.timer-custom{display:flex;flex-direction:column;gap:8px}.timer-custom>label{color:var(--ink-soft);font-size:11px;font-weight:760}.timer-custom>div{display:flex;gap:8px}.timer-custom input{min-width:0;flex:1}.timer-note{display:flex;align-items:center;gap:8px;padding:11px 12px;color:var(--muted);border-radius:11px;background:#edf3fc;font-size:9px;line-height:1.5}.timer-note svg:last-child{margin-left:auto;color:#178365}@keyframes timer-breathe{0%,to{transform:scale(1)}50%{transform:scale(.988)}}.filebox-statusbar{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #bdd7d0;border-radius:12px;background:#f0fbf7}.filebox-status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#28a47d;box-shadow:0 0 0 4px #28a47d1f}.filebox-statusbar>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.filebox-statusbar strong{color:#17664f;font-size:11px}.filebox-statusbar small{color:#477466;font-size:9px}.filebox-statusbar svg{color:#28a47d}.filebox-tabs{display:grid;width:fit-content;grid-template-columns:repeat(2,minmax(150px,1fr))}.filebox-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.filebox-statusbar,.filebox-tabs{flex:0 0 auto}.filebox-kind-switch{display:inline-grid;align-self:flex-start;padding:3px;grid-template-columns:repeat(2,minmax(90px,1fr));border:1px solid var(--line);border-radius:11px;background:#edf3fc}.filebox-kind-switch button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:6px;color:var(--muted);cursor:pointer;border:0;border-radius:8px;background:transparent;font-size:10px;font-weight:720}.filebox-kind-switch button.is-active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #243d661a}.filebox-dropzone{display:flex;min-height:178px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;color:var(--muted);cursor:pointer;border:1px dashed var(--line-strong);border-radius:14px;background:#f8fafd;text-align:center}.filebox-dropzone.has-file{color:var(--blue-deep);border-color:#9eb1ff;border-style:solid;background:var(--blue-soft)}.filebox-dropzone strong{max-width:100%;overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.filebox-dropzone span{font-size:9px}.filebox-text-field textarea{min-height:178px}.filebox-expiry{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:720}.filebox-expiry>div{display:flex;gap:7px}.filebox-expiry input{width:86px}.filebox-expiry input:disabled{color:var(--muted);background:#edf3fc}.filebox-submit{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;color:#fff;cursor:pointer;border:1px solid var(--blue);border-radius:12px;background:var(--blue);font-size:11px;font-weight:740}.filebox-submit:hover:not(:disabled){background:var(--blue-deep)}.filebox-submit:disabled{cursor:wait;opacity:.62}.filebox-result-panel{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--muted);border:1px solid var(--line);border-radius:16px;background:#f8fafd;text-align:center}.filebox-result-panel>svg{color:var(--blue)}.filebox-result-panel>strong{color:var(--ink);font-size:16px}.filebox-result-panel>p{max-width:28ch;margin:0;font-size:10px;line-height:1.65}.filebox-result-kicker{color:var(--muted);font-size:10px;font-weight:720}.filebox-code{color:var(--blue-deep);font-family:var(--font-display);font-size:clamp(42px,5vw,62px);font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:.16em;line-height:1;padding-left:.16em}.filebox-workbench--pickup{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)}.filebox-pickup{justify-content:center;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.filebox-code-input{height:60px!important;padding:0 14px!important;color:var(--ink)!important;font-family:var(--font-display);font-size:25px!important;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:.18em;text-align:center;text-transform:uppercase}.filebox-result-panel--pickup{align-items:stretch;justify-content:center;text-align:left}.filebox-result-panel--pickup>svg,.filebox-result-panel--pickup>strong,.filebox-result-panel--pickup>p{align-self:center;text-align:center}.filebox-result-panel--pickup .filebox-submit{align-self:center;min-width:180px}.filebox-text-result{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-soft);font-size:10px;font-weight:760}.filebox-text-result button{display:grid;width:32px;height:32px;padding:0;place-items:center;color:var(--blue);cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#fff}.filebox-result-panel pre{max-height:300px;overflow:auto;margin:0;padding:14px;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:#fff;font-family:var(--font-ui);font-size:12px;line-height:1.65;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.filebox-privacy-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.filebox-privacy-note a{margin-left:auto;color:var(--blue-deep);text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){.qr-workbench,.image-workbench,.image-workbench.has-image,.timer-workbench,.filebox-workbench,.filebox-workbench--pickup{grid-template-columns:1fr}.qr-preview{order:-1}.qr-canvas-frame{min-height:220px}.image-preview-stage{min-height:280px}.image-dropzone{min-height:300px}.filebox-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filebox-workbench{gap:14px}.filebox-result-panel{min-height:230px}.timer-stage{padding:18px}.timer-dial{width:min(240px,78vw)}.filebox-privacy-note{align-items:flex-start;flex-wrap:wrap}.filebox-privacy-note a{width:100%;margin-left:24px}}@media(max-width:520px){.qr-tool,.image-tool,.timer-tool,.filebox-tool{gap:14px;padding:14px;border-radius:15px}.qr-options-grid,.timer-presets,.image-format-options,.image-size-fields{grid-template-columns:1fr}.image-size-fields>span{display:none}.timer-dial__inner strong{font-size:50px}.filebox-expiry{align-items:flex-start;flex-direction:column}.filebox-expiry>div{width:100%}.filebox-expiry input,.filebox-expiry select{flex:1}.filebox-code{font-size:38px;letter-spacing:.12em}}.filebox-tabs{width:min(100%,480px);grid-template-columns:repeat(3,minmax(0,1fr))}.filebox-history-panel{display:flex;min-height:360px;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#f8fafd}.filebox-history-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.filebox-history-header>div{display:flex;min-width:0;flex-direction:column;gap:3px}.filebox-history-header span{color:var(--ink);font-size:12px;font-weight:760}.filebox-history-header small{color:var(--muted);font-size:9px}.filebox-history-header>button{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 9px;color:var(--muted);cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:9px}.filebox-history-header>button.is-armed{color:var(--danger);border-color:#efb6c1;background:#fff5f7}.filebox-history-list{display:flex;flex-direction:column}.filebox-history-item{display:grid;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) auto}.filebox-history-item:last-child{border-bottom:0}.filebox-history-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px}.filebox-history-icon.is-sent{color:var(--blue-deep);background:var(--blue-soft)}.filebox-history-icon.is-received{color:#17735a;background:#def6ed}.filebox-history-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.filebox-history-copy>div{display:flex;min-width:0;align-items:center;gap:7px}.filebox-history-copy strong{overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.filebox-history-action{flex:0 0 auto;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:720}.filebox-history-action.is-sent{color:var(--blue-deep);background:var(--blue-soft)}.filebox-history-action.is-received{color:#17735a;background:#def6ed}.filebox-history-copy p{display:-webkit-box;overflow:hidden;margin:0;color:var(--ink-soft);font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.filebox-history-copy small{color:var(--muted);font-size:8px}.filebox-history-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.filebox-history-actions button{display:inline-flex;min-height:32px;align-items:center;justify-content:center;padding:0 7px;color:var(--muted);cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:9px}.filebox-history-actions button:first-child{color:var(--blue-deep)}.filebox-history-actions code{font-family:var(--font-ui);font-size:9px;font-weight:760;letter-spacing:.08em}.filebox-history-empty{display:flex;min-height:240px;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted);text-align:center}.filebox-history-empty>svg{color:var(--blue)}.filebox-history-empty strong{color:var(--ink);font-size:13px}.filebox-history-empty p{max-width:28ch;margin:0;font-size:9px;line-height:1.6}@media(max-width:620px){.filebox-history-item{align-items:start;grid-template-columns:38px minmax(0,1fr)}.filebox-history-actions{grid-column:2;justify-content:flex-start}}.timer-notification-note>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.timer-notification-note strong{color:var(--ink);font-size:10px}.timer-notification-note span{color:var(--muted);font-size:9px;line-height:1.45}.timer-notification-action{min-height:34px;flex:0 0 auto;padding:0 10px;color:#fff;cursor:pointer;border:1px solid var(--blue);border-radius:9px;background:var(--blue);font-size:9px;font-weight:740}.timer-notification-action:disabled{cursor:wait;opacity:.65}.cron-tool{display:flex;min-height:100%;flex-direction:column;gap:18px;padding:clamp(18px,2.4vw,28px);border:1px solid var(--line);border-radius:18px;background:var(--surface)}.cron-expression-bar{display:grid;align-items:end;gap:9px;grid-template-columns:minmax(0,1fr) auto minmax(180px,220px)}.cron-expression-bar>input,.cron-timezone select,.cron-value-field input{width:100%;height:46px;padding:0 12px;color:var(--ink);border:1px solid var(--line);border-radius:11px;background:#f8fafd;font-family:var(--font-ui)}.cron-expression-bar>input{font-size:14px;font-weight:680;letter-spacing:.045em}.cron-expression-bar>input:focus,.cron-timezone select:focus,.cron-value-field input:focus{border-color:var(--blue);outline:3px solid rgba(46,91,255,.14)}.cron-timezone{display:flex;flex-direction:column;gap:5px}.cron-timezone>span,.cron-value-field>span{color:var(--muted);font-size:9px;font-weight:720}.cron-layout{display:grid;align-items:start;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:18px}.cron-builder,.cron-result{display:flex;min-width:0;flex-direction:column;gap:14px}.cron-field-tabs{display:grid;padding:4px;gap:4px;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:#edf3fc}.cron-field-tabs button{min-height:36px;color:var(--muted);cursor:pointer;border:0;border-radius:8px;background:transparent;font-size:10px;font-weight:730}.cron-field-tabs button.is-active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #243d661a}.cron-field-panel{display:flex;flex-direction:column;gap:16px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#f8fafd}.cron-field-panel>header,.cron-expression-card>header,.cron-next-runs>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cron-field-panel>header>div,.cron-next-runs>header>div{display:flex;min-width:0;flex-direction:column;gap:3px}.cron-field-panel strong,.cron-expression-card>header span,.cron-next-runs strong{color:var(--ink);font-size:12px;font-weight:760}.cron-field-panel small,.cron-next-runs small{color:var(--muted);font-size:9px}.cron-field-panel>header>code{padding:5px 8px;color:var(--blue-deep);border-radius:8px;background:var(--blue-soft);font-family:var(--font-ui);font-size:11px;font-weight:720}.cron-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.cron-mode-grid button{min-height:36px;padding:0 8px;color:var(--muted);cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:9px;font-weight:700}.cron-mode-grid button.is-active{color:var(--blue-deep);border-color:#aebfff;background:var(--blue-soft)}.cron-value-field{display:flex;flex-direction:column;gap:6px}.cron-value-field input:disabled{color:var(--muted);background:#edf3fc}.cron-value-field small{color:var(--muted);font-size:9px}.cron-examples{display:flex;flex-direction:column;gap:8px}.cron-examples>span{color:var(--ink-soft);font-size:10px;font-weight:720}.cron-examples>div{display:flex;flex-wrap:wrap;gap:7px}.cron-examples button{display:inline-flex;min-height:34px;align-items:center;gap:5px;padding:0 9px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:9px}.cron-expression-card,.cron-next-runs{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#f8fafd}.cron-expression-card>header button,.cron-next-runs>header button{display:grid;width:32px;height:32px;padding:0;place-items:center;color:var(--blue);cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#fff}.cron-expression-card>code{overflow-wrap:anywhere;padding:13px;color:var(--blue-deep);border-radius:11px;background:#fff;font-family:var(--font-ui);font-size:15px;font-weight:760;letter-spacing:.05em;line-height:1.55}.cron-expression-fields{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.cron-expression-fields>span{display:flex;min-width:0;flex-direction:column;align-items:center;gap:3px;padding:6px 3px;border-radius:8px;background:#fff}.cron-expression-fields small{color:var(--muted);font-size:8px}.cron-expression-fields code{max-width:100%;overflow:hidden;color:var(--ink);font-family:var(--font-ui);font-size:9px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.cron-next-runs ol{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.cron-next-runs li{display:grid;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr)}.cron-next-runs li:last-child{border-bottom:0}.cron-next-runs li>span{color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.cron-next-runs time{color:var(--ink);font-size:11px;font-variant-numeric:tabular-nums}.cron-next-runs>p,.cron-next-error{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.cron-next-error{color:var(--danger)!important}.cron-actions{display:flex;justify-content:flex-end}@media(max-width:1040px){.cron-layout{grid-template-columns:1fr}.cron-result{display:grid;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.cron-actions{grid-column:1 / -1}}@media(max-width:700px){.cron-expression-bar{align-items:stretch;grid-template-columns:1fr}.cron-timezone{order:3}.cron-field-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.cron-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cron-result{display:flex}.cron-expression-fields{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:430px){.cron-tool{gap:14px;padding:14px;border-radius:15px}.cron-field-tabs,.cron-expression-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}.tool-loading{display:grid;min-height:320px;place-items:center;color:var(--muted);font-size:11px}.browser-bar{grid-template-columns:auto auto minmax(220px,520px) auto}.browser-bar>.nova-mascot{width:34px;height:34px;margin-left:-3px;overflow:visible;transform-origin:center bottom;animation:mascot-float 4s ease-in-out infinite}.nova-mascot__eye{transform-box:fill-box;transform-origin:center;animation:mascot-blink 5.4s ease-in-out infinite}.nova-mascot__spark{transform-box:fill-box;transform-origin:center;animation:mascot-spark 2.4s ease-in-out infinite}.nova-mascot__shadow{transform-box:fill-box;transform-origin:center;animation:mascot-shadow 4s ease-in-out infinite}.nova-mascot__cheek{transform-box:fill-box;transform-origin:center;animation:mascot-cheek 4s ease-in-out infinite}.window-controls span{animation:window-dot-pop .62s var(--ease-out) both}.window-controls span:nth-child(2){animation-delay:80ms}.window-controls span:nth-child(3){animation-delay:.16s}.brand__mark,.mobile-app-bar__mark{animation:brand-twinkle 5s ease-in-out infinite}.tool-tile{animation-fill-mode:backwards}.tool-tile:not(:disabled){transition:border-color .18s ease,box-shadow .18s var(--ease-out),transform .18s var(--ease-out)}.tool-tile:not(:disabled):hover{border-color:var(--blue);box-shadow:0 14px 28px #243d6629;transform:translateY(-4px) rotate(var(--tile-tilt, 0deg)) scale(1.014)}.tool-tile:nth-child(odd){--tile-tilt: -.7deg}.tool-tile:nth-child(2n){--tile-tilt: .7deg}.tool-tile:not(:disabled):active{transform:translateY(0) scale(.975)}.tool-tile__icon{transition:transform .18s var(--ease-out)}.tool-tile:not(:disabled):hover .tool-tile__icon{animation:icon-sway .52s var(--ease-out)}.tool-nav__item:not(:disabled):active,.tool-button:not(:disabled):active,.timer-primary:not(:disabled):active,.filebox-submit:not(:disabled):active,.register-submit:not(:disabled):active,.login-submit:not(:disabled):active{transform:translateY(1px) scale(.96)}.workspace-main>section,.mobile-workspace__content>section{animation:tool-surface-enter .42s var(--ease-out) both}.tool-heading__icon{animation:heading-icon-pop .54s var(--ease-out) both}.tool-feedback--success,.json-feedback__success,.color-feedback p{animation:cute-pop .42s var(--ease-out) both}.tool-nav__favorite,.mobile-app-bar__actions button.is-active svg{transform-origin:center;animation:star-pop .42s var(--ease-out)}.timer-dial.is-finished .timer-dial__inner strong{animation:finish-pop .62s var(--ease-out)}@keyframes mascot-float{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-3px) rotate(-1.5deg)}70%{transform:translateY(-1px) rotate(1deg)}}@keyframes mascot-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes mascot-spark{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.28);opacity:.72}}@keyframes mascot-shadow{0%,to{transform:scaleX(1);opacity:.42}45%{transform:scaleX(.82);opacity:.22}}@keyframes mascot-cheek{0%,to{opacity:.72;transform:scale(1)}45%{opacity:1;transform:scale(1.12)}}@keyframes window-dot-pop{0%{opacity:0;transform:scale(.45) translateY(3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes brand-twinkle{0%,90%,to{transform:rotate(0) scale(1)}94%{transform:rotate(-3deg) scale(1.04)}97%{transform:rotate(3deg) scale(1.04)}}@keyframes icon-sway{0%,to{transform:rotate(0) scale(1)}32%{transform:rotate(-8deg) scale(1.08)}62%{transform:rotate(7deg) scale(1.06)}}@keyframes tool-surface-enter{0%{opacity:0;transform:translateY(7px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heading-icon-pop{0%{opacity:0;transform:scale(.72) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes cute-pop{0%{opacity:0;transform:translateY(5px) scale(.96)}70%{transform:translateY(-1px) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes star-pop{0%{transform:scale(.72) rotate(-10deg)}65%{transform:scale(1.16) rotate(7deg)}to{transform:scale(1) rotate(0)}}@keyframes finish-pop{0%{transform:scale(.82)}58%{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:760px){.browser-bar{grid-template-columns:auto minmax(0,1fr) auto}.browser-bar>.nova-mascot{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.browser-bar>.nova-mascot,.brand__mark,.mobile-app-bar__mark,.tool-tile:not(:disabled):hover .tool-tile__icon{animation:none}.tool-tile:not(:disabled):hover{transform:none}}.video-tool{display:flex;min-height:100%;flex-direction:column;gap:16px;padding:clamp(18px,2.4vw,28px);border:1px solid var(--line);border-radius:18px;background:var(--surface)}.video-url-bar{display:grid;align-items:center;gap:8px;grid-template-columns:minmax(0,1fr) auto auto}.video-url-bar>label{display:flex;min-width:0;height:48px;align-items:center;gap:9px;padding:0 13px;color:var(--muted);border:1px solid var(--line);border-radius:12px;background:#f8fafd}.video-url-bar>label:focus-within{color:var(--blue);border-color:var(--blue);outline:3px solid rgba(46,91,255,.14)}.video-url-bar input{min-width:0;flex:1;color:var(--ink);border:0;outline:0;background:transparent;font-size:12px}.video-samples{display:flex;flex-wrap:wrap;gap:7px}.video-samples button{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 10px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:9px;font-weight:700;transition:transform .16s var(--ease-out),border-color .16s ease,background .16s ease}.video-samples button:hover{border-color:#aebfff;background:var(--blue-soft);transform:translateY(-2px) scale(1.015)}.video-player-shell{position:relative;display:grid;width:100%;aspect-ratio:16 / 9;min-height:280px;place-items:center;overflow:hidden;border:1px solid #aebed6;border-radius:16px;background:#0b1220;box-shadow:0 18px 40px #10203a29}.video-player-shell .plyr{--plyr-color-main: var(--blue);--plyr-video-control-color: #ffffff;--plyr-menu-background: #ffffff;width:100%;height:100%;border-radius:15px}.video-player-shell .plyr__video-wrapper,.video-player-shell .plyr video{width:100%;height:100%;object-fit:contain}.video-player-shell:not(.has-source) .plyr{opacity:0;pointer-events:none}.video-player-shell iframe{width:100%;height:100%;border:0}.video-player-shell:not(.has-embed) iframe,.video-player-shell.has-embed .plyr{display:none}.video-empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:24px;color:#9fb0ca;text-align:center}.video-empty-state svg{color:var(--yellow)}.video-empty-state strong{color:#fff;font-size:15px}.video-empty-state p{max-width:32ch;margin:0;font-size:10px;line-height:1.6}.video-source-meta{display:flex;min-height:28px;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--muted);font-size:9px}.video-source-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;color:var(--blue-deep);border-radius:999px;background:var(--blue-soft);font-weight:720}.video-source-meta a{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:var(--blue-deep);text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.video-url-bar{grid-template-columns:1fr auto}.video-url-bar>label{grid-column:1 / -1}.video-player-shell{min-height:220px;border-radius:13px}.video-source-meta a{width:100%;margin-left:0}}@media(max-width:430px){.video-tool{gap:13px;padding:14px;border-radius:15px}.video-player-shell{min-height:190px}}.tool-mosaic__grid{grid-template-areas:"json json color color" "json json video video" "image qr filebox filebox";grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,88px)}.tool-tile:nth-child(1){grid-area:json}.tool-tile:nth-child(2){grid-area:color}.tool-tile:nth-child(3){grid-area:image}.tool-tile:nth-child(4){grid-area:qr}.tool-tile:nth-child(5){grid-area:video}.tool-tile:nth-child(6){grid-area:filebox}.tool-mosaic__more{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 2px 0;color:var(--muted);border-top:1px solid var(--line);font-size:9px;line-height:1.5}.tool-mosaic__more button{flex:0 0 auto;min-height:34px;padding:0 10px;color:var(--blue-deep);cursor:pointer;border:1px solid #b8c7ff;border-radius:9px;background:var(--blue-soft);font-size:9px;font-weight:720}@media(max-width:1120px){.tool-mosaic__grid{grid-auto-flow:dense;grid-auto-rows:94px;grid-template-areas:none;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-tile:nth-child(n){grid-area:auto}.tool-tile--hero{grid-column:span 2;grid-row:span 2}.tool-tile--wide{grid-column:span 2}}@media(max-width:700px){.tool-mosaic__grid{grid-auto-rows:82px}}.browser-user__profile{display:inline-flex;min-width:0;align-items:center;gap:7px;padding:3px 7px 3px 3px;color:var(--ink-soft);cursor:pointer;border:0;border-radius:999px;background:transparent;font-size:11px;font-weight:680}.browser-user__profile:disabled{cursor:default}.browser-user__profile:hover:not(:disabled){background:var(--blue-soft)}.browser-user__avatar{overflow:hidden}.browser-user__avatar img,.mobile-app-bar__avatar{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.mobile-app-bar__avatar{width:24px;height:24px}.account-layout{display:grid;min-height:calc(min(860px,calc(100svh - 68px)) - 59px);align-items:start;gap:18px;padding:clamp(18px,2.4vw,30px);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(210px,.48fr);background:#f1f5fb}.account-heading{grid-column:1 / -1}.account-card{display:flex;min-width:0;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.account-card>header h2{margin:0;color:var(--ink);font-family:var(--font-display);font-size:20px;font-weight:620;letter-spacing:-.035em}.account-card>header p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.account-card form{display:flex;flex-direction:column;gap:14px}.account-avatar-editor{display:flex;align-items:center;gap:16px}.account-avatar-preview{display:grid;width:92px;height:92px;flex:0 0 auto;place-items:center;overflow:hidden;color:#fff;border:3px solid #ffffff;border-radius:50%;background:var(--blue);box-shadow:0 8px 22px #2e5bff33;font-family:var(--font-display);font-size:34px;font-weight:650}.account-avatar-preview img{width:100%;height:100%;object-fit:cover}.account-avatar-actions{display:flex;min-width:0;flex-wrap:wrap;gap:7px}.account-avatar-actions button{display:inline-flex;min-height:36px;align-items:center;gap:6px;padding:0 10px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:9px;font-weight:700}.account-avatar-actions small{width:100%;color:var(--muted);font-size:8px}.account-field{display:flex;flex-direction:column;gap:6px}.account-field>span{color:var(--ink-soft);font-size:10px;font-weight:720}.account-field>input,.account-readonly{width:100%;height:44px;color:var(--ink);border:1px solid var(--line);border-radius:10px;background:#f8fafd}.account-field>input{padding:0 12px}.account-readonly{display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted)}.account-readonly input{min-width:0;flex:1;color:var(--muted);border:0;outline:0;background:transparent}.account-field>input:focus{border-color:var(--blue);outline:3px solid rgba(46,91,255,.14)}.account-primary,.account-logout{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;color:#fff;cursor:pointer;border:1px solid var(--blue);border-radius:10px;background:var(--blue);font-size:10px;font-weight:740}.account-primary:disabled{cursor:wait;opacity:.62}.account-feedback{min-height:22px}.account-feedback p{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:9px}.account-feedback--error{color:var(--danger)!important}.account-feedback--success{color:#178365!important}.account-session-card{position:sticky;top:18px}.account-session-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.account-session-card strong{color:var(--ink);overflow-wrap:anywhere}.account-logout{margin-top:auto;color:var(--danger);border-color:#efb6c1;background:#fff5f7}@media(max-width:1120px){.account-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.account-session-card{position:static;grid-column:1 / -1}}@media(max-width:700px){.account-layout{padding:14px;grid-template-columns:1fr}.account-heading,.account-session-card{grid-column:auto}.account-avatar-editor{align-items:flex-start;flex-direction:column}}.account-heading-row{display:flex;min-width:0;flex-direction:column;gap:14px;grid-column:1 / -1}.account-back{display:inline-flex;width:fit-content;min-height:40px;align-items:center;gap:7px;padding:0 11px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:10px;font-weight:720}.account-back:hover{color:var(--blue-deep);border-color:#b8c7ff;background:var(--blue-soft)}.admin-page{display:grid;min-height:100svh;padding:clamp(16px,2.4vw,34px);place-items:center;background:var(--canvas)}.admin-login-card{display:flex;width:min(430px,100%);flex-direction:column;gap:14px;padding:clamp(24px,4vw,38px);border:1px solid var(--line-strong);border-radius:20px;background:var(--surface);box-shadow:0 28px 64px #243d662e}.admin-login-icon{display:grid;width:54px;height:54px;place-items:center;color:#fff;border-radius:16px;background:var(--blue)}.admin-login-icon--warning{background:#f0a800}.admin-login-card h1{margin:4px 0 0;font-family:var(--font-display);font-size:30px;letter-spacing:-.045em}.admin-login-card>p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.admin-login-card form{display:flex;flex-direction:column;gap:12px}.admin-login-card label{display:flex;flex-direction:column;gap:6px}.admin-login-card label span{color:var(--ink-soft);font-size:10px;font-weight:720}.admin-login-card input{height:46px;padding:0 12px;color:var(--ink);border:1px solid var(--line);border-radius:11px;background:#f8fafd}.admin-login-card input:focus{border-color:var(--blue);outline:3px solid rgba(46,91,255,.14)}.admin-login-card form>button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:7px;margin-top:4px;color:#fff;cursor:pointer;border:1px solid var(--blue);border-radius:11px;background:var(--blue);font-size:11px;font-weight:740}.admin-login-card form>button:disabled{cursor:wait;opacity:.65}.admin-feedback{min-height:20px}.admin-feedback p{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:10px}.admin-feedback--error{color:var(--danger)}.admin-feedback--success{color:#178365}.admin-text-button{width:fit-content;padding:0;color:var(--muted);cursor:pointer;border:0;background:transparent;font-size:10px;text-decoration:underline;text-underline-offset:3px}.admin-spin{animation:spin .9s linear infinite}.admin-page--console{display:block;padding:0}.admin-console-header{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;color:#fff;background:#10203a}.admin-console-header>div{display:flex;align-items:center;gap:10px}.admin-console-header>div>div{display:flex;flex-direction:column;gap:2px}.admin-console-header strong{font-family:var(--font-display);font-size:16px;letter-spacing:-.025em}.admin-console-header small{color:#9fb0ca;font-size:9px}.admin-console-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--blue)}.admin-console-header button{display:inline-flex;min-height:38px;align-items:center;gap:6px;padding:0 11px;color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#ffffff14;font-size:10px}.admin-console-header button:hover{background:#ffffff26}.admin-tabs{display:flex;gap:6px;padding:12px 24px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--surface)}.admin-tabs button{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:0 13px;color:var(--muted);cursor:pointer;border:0;border-radius:10px;background:transparent;font-size:10px;font-weight:720}.admin-tabs button.is-active{color:var(--blue-deep);background:var(--blue-soft)}.admin-content{min-height:calc(100svh - 178px);padding:24px;background:#f1f5fb}.admin-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.admin-stats-grid article{display:flex;min-height:130px;flex-direction:column;justify-content:space-between;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.admin-stats-grid span,.admin-stats-grid small{color:var(--muted);font-size:9px}.admin-stats-grid strong{color:var(--ink);font-family:var(--font-display);font-size:34px;font-variant-numeric:tabular-nums;letter-spacing:-.045em}.admin-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.admin-table{width:100%;min-width:760px;border-collapse:collapse;font-size:10px}.admin-table th{padding:11px 13px;color:var(--muted);background:#edf3fc;font-size:9px;font-weight:720;text-align:left}.admin-table td{padding:12px 13px;color:var(--ink-soft);border-top:1px solid var(--line)}.admin-table code{color:var(--blue-deep);font-family:var(--font-ui);font-size:10px;font-weight:740;letter-spacing:.06em}.admin-user-cell{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:700}.admin-user-avatar{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;overflow:hidden;color:#fff;border-radius:50%;background:var(--blue);font-size:11px}.admin-user-avatar img{width:100%;height:100%;object-fit:cover}.admin-delete{display:inline-flex;min-height:32px;align-items:center;gap:5px;padding:0 8px;color:var(--danger);cursor:pointer;border:1px solid #efb6c1;border-radius:8px;background:#fff5f7;font-size:9px}.admin-empty{margin:0;padding:42px 20px;color:var(--muted);font-size:10px;text-align:center}.admin-feedback--console{position:fixed;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 40px));padding:0;pointer-events:none}.admin-feedback--console p{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 28px #243d6629}@media(max-width:900px){.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.admin-console-header{align-items:flex-start;flex-direction:column;padding:14px}.admin-tabs,.admin-content{padding-right:14px;padding-left:14px}.admin-stats-grid{grid-template-columns:1fr}}.admin-dashboard{display:flex;flex-direction:column;gap:18px}.admin-chart-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:14px}.admin-chart-card{display:flex;min-width:0;flex-direction:column;gap:12px;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface);animation:admin-card-in .48s var(--ease-out) both}.admin-chart-card--wide{grid-column:1 / -1}.admin-chart-card>header,.admin-section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.admin-chart-card>header>div,.admin-section-toolbar>div{display:flex;flex-direction:column;gap:3px}.admin-chart-card strong,.admin-section-toolbar strong{color:var(--ink);font-size:12px}.admin-chart-card small,.admin-section-toolbar small{color:var(--muted);font-size:9px}.admin-chart-card>header svg{color:var(--blue)}.admin-chart-card select,.admin-section-toolbar input{height:38px;padding:0 10px;color:var(--ink-soft);border:1px solid var(--line);border-radius:9px;background:#f8fafd;font-size:10px}.admin-chart{width:100%;height:260px;min-width:0}.admin-chart--pie{position:relative}.admin-pie-legend{position:absolute;right:8px;bottom:0;display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:9px}.admin-pie-legend span{display:inline-flex;align-items:center;gap:5px}.admin-pie-legend i{width:8px;height:8px;border-radius:50%}.admin-stats-grid article{animation:admin-card-in .52s var(--ease-out) both}.admin-stats-grid article:nth-child(2){animation-delay:50ms}.admin-stats-grid article:nth-child(3){animation-delay:.1s}.admin-stats-grid article:nth-child(4){animation-delay:.15s}.admin-stats-grid article:nth-child(5){animation-delay:.2s}@keyframes admin-card-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-tools-panel,.admin-users-panel{display:flex;flex-direction:column;gap:14px}.admin-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-tool-card{display:flex;min-width:0;flex-direction:column;gap:15px;padding:16px;border:1px solid #b9c8e3;border-radius:15px;background:var(--surface);box-shadow:0 8px 22px #243d6612;animation:admin-card-in .48s var(--ease-out) both}.admin-tool-card.is-paused{border-color:#e1c8ce;background:#fffafb}.admin-tool-card__top,.admin-tool-card__footer,.admin-tool-card__stats{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-tool-card__top>div{display:flex;min-width:0;flex-direction:column;gap:3px}.admin-tool-card__top strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-tool-card__top small{color:var(--muted);font-size:8px}.admin-tool-card__stats{padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.admin-tool-card__stats>span{display:flex;flex-direction:column;gap:2px}.admin-tool-card__stats strong{color:var(--ink);font-family:var(--font-display);font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.admin-tool-card__stats small{color:var(--muted);font-size:8px}.admin-tool-card__footer>button{display:inline-flex;min-height:32px;align-items:center;gap:5px;padding:0 8px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:9px}.admin-status{display:inline-flex;align-items:center;gap:5px;color:var(--danger);font-size:9px;font-weight:720}.admin-status:before{width:7px;height:7px;content:"";border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #d94b641a}.admin-status.is-on{color:#178365}.admin-status.is-on:before{box-shadow:0 0 0 3px #1783651a}.admin-toggle{position:relative;width:46px;height:26px;flex:0 0 auto;padding:0;cursor:pointer;border:1px solid #c5d0df;border-radius:999px;background:#c5d0df;transition:background .18s ease,border-color .18s ease}.admin-toggle span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #10203a33;transition:transform .22s var(--ease-out)}.admin-toggle.is-on{border-color:var(--blue);background:var(--blue)}.admin-toggle.is-on span{transform:translate(20px)}.admin-section-toolbar input{width:min(280px,100%)}@media(max-width:1110px){.admin-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.admin-chart-grid,.admin-tool-grid{grid-template-columns:1fr}.admin-chart-card--wide{grid-column:auto}.admin-section-toolbar{align-items:flex-start;flex-direction:column}}.admin-shell{display:grid;min-height:100svh;grid-template-columns:236px minmax(0,1fr);background:#eef3fa}.admin-sidebar{position:sticky;top:0;display:flex;height:100svh;flex-direction:column;padding:18px 14px;color:#dce6f8;background:#10203a}.admin-sidebar__brand{display:flex;align-items:center;gap:10px;padding:0 5px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar__brand>div,.admin-sidebar__account>div{display:flex;min-width:0;flex-direction:column;gap:2px}.admin-sidebar__brand strong{color:#fff;font-family:var(--font-display);font-size:17px;letter-spacing:-.03em}.admin-sidebar__brand small,.admin-sidebar__account small{color:#91a4c1;font-size:8px}.admin-side-nav{display:flex;flex-direction:column;gap:5px;padding-top:18px}.admin-side-nav button{display:flex;min-height:44px;align-items:center;gap:9px;padding:0 12px;color:#aebed6;cursor:pointer;border:1px solid transparent;border-radius:10px;background:transparent;font-size:10px;font-weight:700;text-align:left;transition:background .16s ease,color .16s ease,transform .16s var(--ease-out)}.admin-side-nav button:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.admin-side-nav button.is-active{color:#fff;border-color:#2e5bff8c;background:var(--blue);box-shadow:0 8px 20px #2e5bff38}.admin-sidebar__account{display:flex;align-items:center;gap:8px;margin-top:auto;padding:12px 8px 0;border-top:1px solid rgba(255,255,255,.1)}.admin-sidebar__account>span{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;color:var(--ink);border-radius:50%;background:var(--yellow);font-size:11px;font-weight:760}.admin-sidebar__account strong{overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.admin-sidebar__account button{display:grid;width:34px;height:34px;margin-left:auto;padding:0;place-items:center;color:#aebed6;cursor:pointer;border:0;border-radius:9px;background:transparent}.admin-sidebar__account button:hover{color:#fff;background:#ffffff14}.admin-main{min-width:0}.admin-topbar{position:sticky;z-index:20;top:0;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--line);background:#f8fafdf0}.admin-topbar h1{margin:0;color:var(--ink);font-family:var(--font-display);font-size:25px;font-weight:620;letter-spacing:-.04em}.admin-topbar p{margin:3px 0 0;color:var(--muted);font-size:9px}.admin-topbar>button{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:0 12px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:10px;font-weight:700}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;padding:12px 14px}.admin-sidebar__brand{padding-bottom:12px}.admin-side-nav{flex-direction:row;padding-top:10px;overflow-x:auto}.admin-side-nav button{flex:0 0 auto}.admin-sidebar__account{display:none}.admin-topbar{position:static;padding:14px}}@media(max-width:560px){.admin-topbar{align-items:flex-start;flex-direction:column}.admin-topbar>button{width:100%;justify-content:center}}.admin-reset-usage{display:inline-flex;min-height:38px;align-items:center;gap:6px;padding:0 11px;color:var(--danger);cursor:pointer;border:1px solid #efb6c1;border-radius:9px;background:#fff5f7;font-size:9px;font-weight:720}.admin-reset-usage:disabled{cursor:wait;opacity:.6}.admin-login-account{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#f8fafd}.admin-login-account__mark{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;color:#fff;border-radius:9px;background:var(--blue)}.admin-login-account>div{display:flex;min-width:0;flex-direction:column;gap:2px}.admin-login-account small{color:var(--muted);font-size:9px}.admin-login-account strong{color:var(--ink);font-size:12px;font-weight:720}.admin-sidebar__avatar{overflow:hidden}.admin-sidebar__avatar img{width:100%;height:100%;object-fit:cover}.admin-sidebar__account-main{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:2px;padding:0;cursor:pointer;border:0;background:transparent;text-align:left}.admin-account-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.admin-account-form{display:flex;flex-direction:column;gap:12px;margin-top:6px}.admin-account-avatar-row{display:flex;align-items:center;gap:14px}.admin-account-avatar{display:grid;width:72px;height:72px;flex:0 0 auto;overflow:hidden;place-items:center;color:var(--ink);border-radius:50%;background:var(--yellow);font-size:22px;font-weight:760}.admin-account-avatar img{width:100%;height:100%;object-fit:cover}.admin-account-avatar-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.admin-account-avatar-actions button{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 10px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:9px;font-weight:700}.admin-account-avatar-actions button:hover{border-color:var(--blue);color:var(--blue-deep)}.admin-account-avatar-actions button:disabled{cursor:wait;opacity:.6}.admin-account-avatar-actions small{color:var(--muted);font-size:8px}.admin-account-field{display:flex;flex-direction:column;gap:6px}.admin-account-field span{color:var(--ink-soft);font-size:10px;font-weight:720}.admin-account-field input{height:44px;padding:0 12px;color:var(--ink);border:1px solid var(--line);border-radius:10px;background:#f8fafd}.admin-account-field input:focus{border-color:var(--blue);outline:3px solid rgba(46,91,255,.14)}.admin-account-save{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;color:#fff;cursor:pointer;border:1px solid var(--blue);border-radius:10px;background:var(--blue);font-size:10px;font-weight:740}.admin-account-save:disabled{cursor:wait;opacity:.65}.admin-account-identity{grid-column:1 / -1}.admin-account-identity p{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.admin-account-identity code{padding:2px 6px;color:var(--ink);border-radius:6px;background:#f1f4f9;font-family:ui-monospace,monospace;font-size:10px}@media(max-width:900px){.admin-account-panel{grid-template-columns:1fr}.admin-account-identity{grid-column:auto}}.timestamp-tool,.encoding-tool,.password-tool{display:flex;flex-direction:column;gap:20px;animation:tool-surface-in .42s var(--ease-out) both}@keyframes tool-surface-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.timestamp-now{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;align-items:end;overflow:hidden;padding:22px;color:#fff;border:1px solid #20395f;border-radius:18px;background:var(--ink)}.timestamp-now__signal{grid-column:1 / -1;display:inline-flex;align-items:center;gap:8px;width:fit-content;color:#b9c8df;font-size:10px;font-weight:720}.timestamp-live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #62d5b41f}.timestamp-now__primary{display:flex;min-width:0;flex-direction:column;gap:3px}.timestamp-now__primary strong{overflow:hidden;font-family:var(--font-display);font-size:clamp(38px,5vw,64px);font-variant-numeric:tabular-nums;font-weight:610;letter-spacing:-.055em;line-height:.95;text-overflow:ellipsis}.timestamp-now__primary span{color:#91a4c1;font-size:10px}.timestamp-now__details{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px}.timestamp-now__details>span{display:flex;min-width:0;flex-direction:column;gap:3px;padding:9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0d}.timestamp-now__details small{color:#91a4c1;font-size:8px}.timestamp-now__details code{overflow:hidden;color:#f6f9fe;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.timestamp-now__actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}.timestamp-now__actions button,.timestamp-date-field button,.timestamp-input-row button{min-height:38px}.timestamp-now__actions button{display:inline-flex;align-items:center;gap:6px;padding:0 11px;color:#dbe6f7;cursor:pointer;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#ffffff12;font-size:9px;font-weight:700}.timestamp-now__actions button:hover{color:#fff;border-color:#ffffff47;background:#ffffff1f}.timestamp-convert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.timestamp-panel{display:flex;min-width:0;flex-direction:column;gap:14px;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.timestamp-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.timestamp-panel>header>div{display:flex;flex-direction:column;gap:4px}.timestamp-panel h2{margin:0;color:var(--ink);font-family:var(--font-display);font-size:18px;font-weight:620;letter-spacing:-.035em}.timestamp-panel header p{margin:0;color:var(--muted);font-size:9px}.timestamp-panel header>svg{color:var(--blue)}.timestamp-input-row,.timestamp-date-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}.timestamp-input-row label,.timestamp-date-field label{display:flex;min-width:0;flex-direction:column;gap:6px}.timestamp-input-row label>span,.timestamp-date-field label>span{color:var(--ink-soft);font-size:9px;font-weight:720}.timestamp-input-row input,.timestamp-date-field input{width:100%;height:40px;min-width:0;padding:0 11px;color:var(--ink);border:1px solid var(--line);border-radius:9px;background:#f8fafd;font:500 11px ui-monospace,SFMono-Regular,Consolas,monospace}.timestamp-input-row input:focus,.timestamp-date-field input:focus{border-color:var(--blue);outline:3px solid rgba(46,91,255,.12)}.timestamp-results{display:flex;flex-direction:column}.timestamp-results button{display:grid;grid-template-columns:82px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:43px;padding:0 2px;color:var(--ink-soft);cursor:pointer;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.timestamp-results button:last-child{border-bottom:0}.timestamp-results button:hover{color:var(--blue)}.timestamp-results button>span{color:var(--muted);font-size:9px;font-weight:700}.timestamp-results code{overflow:hidden;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.timestamp-results svg{color:#9baac0}.timestamp-empty{display:grid;min-height:150px;margin:0;place-items:center;padding:20px;color:var(--muted);border:1px dashed #c8d4e6;border-radius:12px;background:#f8fafd;font-size:10px;text-align:center}@media(max-width:940px){.timestamp-convert-grid{grid-template-columns:1fr}}@media(max-width:620px){.timestamp-now{grid-template-columns:1fr;padding:18px}.timestamp-now__primary strong{font-size:42px}.timestamp-now__details,.timestamp-input-row,.timestamp-date-field{grid-template-columns:1fr}.timestamp-input-row .tool-button,.timestamp-date-field .tool-button{width:100%}}.encoding-modebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.encoding-mode-switch,.encoding-direction-switch{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#f8fafd}.encoding-mode-switch button,.encoding-direction-switch button{display:inline-flex;min-height:32px;align-items:center;gap:6px;padding:0 11px;color:var(--muted);cursor:pointer;border:0;border-radius:7px;background:transparent;font-size:9px;font-weight:720}.encoding-mode-switch button.is-active,.encoding-direction-switch button.is-active{color:#fff;background:var(--blue);box-shadow:0 5px 12px #2e5bff33}.encoding-options{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:0 4px;color:var(--muted);font-size:9px;font-weight:700}.encoding-options>div{display:flex;gap:4px}.encoding-options button{min-height:30px;padding:0 9px;color:var(--muted);cursor:pointer;border:1px solid transparent;border-radius:8px;background:transparent;font-size:8px;font-weight:720}.encoding-options button.is-active{color:var(--blue);border-color:#bcc9ff;background:#eef2ff}.encoding-workbench{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:stretch;gap:12px}.encoding-panel{display:flex;min-width:0;flex-direction:column;gap:9px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.encoding-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink-soft);font-size:10px;font-weight:760}.encoding-panel>header small{color:var(--muted);font-size:8px;font-weight:500}.encoding-panel textarea{width:100%;min-height:300px;resize:vertical;padding:13px;color:var(--ink);border:1px solid var(--line);border-radius:11px;outline:0;background:#f8fafd;font:500 11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.encoding-panel textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #2e5bff1a}.encoding-panel--output textarea{color:#1b5a4a;background:#f2fbf7}.encoding-pipeline{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--blue)}.encoding-pipeline>span{display:grid;width:42px;height:42px;place-items:center;border:1px solid #bdcbff;border-radius:50%;background:#eef2ff}.encoding-pipeline small{max-width:78px;color:var(--muted);font-size:8px;line-height:1.35;text-align:center}.encoding-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:820px){.encoding-workbench{grid-template-columns:1fr}.encoding-pipeline{flex-direction:row}.encoding-panel textarea{min-height:210px}}@media(max-width:560px){.encoding-modebar,.encoding-options{align-items:stretch;flex-direction:column}.encoding-mode-switch,.encoding-direction-switch,.encoding-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.encoding-mode-switch button,.encoding-direction-switch button,.encoding-options button{justify-content:center}.encoding-actions .tool-button{width:100%}}.password-stage{display:flex;flex-direction:column;gap:14px;padding:22px;color:#fff;border:1px solid #20395f;border-radius:18px;background:var(--ink)}.password-stage__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.password-stage__heading>span{display:inline-flex;align-items:center;gap:7px;color:#b9c8df;font-size:9px;font-weight:700}.password-stage__heading>span svg{color:var(--mint)}.password-stage__heading small{color:#91a4c1;font-size:8px}.password-output{display:flex;min-height:94px;align-items:center;overflow-wrap:anywhere;padding:16px;color:#91a4c1;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#ffffff0d;font:600 clamp(18px,3vw,30px)/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.password-output.has-value{color:#fff;border-color:#62d5b473;background:#62d5b414}.password-strength{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b9c8df;font-size:9px}.password-strength__track{display:grid;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.password-strength__track span{height:5px;border-radius:999px;background:#ffffff1f}.password-strength.is-weak{--strength-color: var(--danger)}.password-strength.is-fair{--strength-color: #f0b24a}.password-strength.is-good{--strength-color: var(--mint)}.password-strength.is-strong{--strength-color: var(--yellow)}.password-strength.is-preview{--strength-color: #91a4c1}.password-strength .is-filled{background:var(--strength-color)}.password-stage__actions{display:flex;flex-wrap:wrap;gap:8px}.password-controls-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:14px}.password-control-panel{display:flex;min-width:0;flex-direction:column;gap:14px;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.password-control-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.password-control-panel>header>div{display:flex;flex-direction:column;gap:3px}.password-control-panel strong{color:var(--ink);font-size:12px}.password-control-panel small{color:var(--muted);font-size:9px}.password-control-panel header output{color:var(--blue);font:650 24px/1 var(--font-display)}.password-control-panel>input[type=range]{width:100%;accent-color:var(--blue)}.password-length-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.password-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.password-character-grid button{display:flex;min-height:62px;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:var(--muted);cursor:pointer;border:1px solid var(--line);border-radius:11px;background:#f8fafd}.password-character-grid button strong{font-size:13px}.password-character-grid button span{font-size:8px}.password-character-grid button.is-active{color:var(--blue-deep);border-color:#aebfff;background:#eef2ff}.password-ambiguous{display:inline-flex;min-height:36px;align-items:center;gap:6px;color:var(--muted);cursor:pointer;border:1px dashed #c8d4e6;border-radius:9px;background:transparent;font-size:9px}.password-ambiguous.is-active{color:#1f7d63;border-color:#9ddcc9;background:#effbf7}.password-presets{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px}.password-presets>span{color:var(--muted);font-size:9px;font-weight:720}.password-presets>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.password-presets button{display:flex;min-height:58px;align-items:flex-start;justify-content:center;flex-direction:column;gap:3px;padding:0 12px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-align:left}.password-presets button:hover{border-color:var(--blue);transform:translateY(-1px)}.password-presets strong{color:var(--ink);font-size:10px}.password-presets small{color:var(--muted);font-size:8px}@media(max-width:820px){.password-controls-grid{grid-template-columns:1fr}}@media(max-width:560px){.password-stage{padding:17px}.password-stage__heading{align-items:flex-start;flex-direction:column}.password-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.password-presets{grid-template-columns:1fr}.password-presets>div{grid-template-columns:1fr}.password-stage__actions .tool-button{width:100%}}.markdown-tool,.url-tool,.diff-tool,.id-tool,.jwt-tool,.hash-tool,.regex-tool,.date-tool{display:flex;flex-direction:column;gap:20px;animation:tool-surface-in .42s var(--ease-out) both}.markdown-toolbar,.markdown-actions,.url-input-bar,.diff-actions,.id-actions,.hash-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px}.markdown-stats{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:9px}.markdown-stats span{padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.markdown-workbench,.diff-input-grid,.regex-workbench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.markdown-pane,.diff-input-panel,.regex-editor-panel,.regex-match-panel{display:flex;min-width:0;flex-direction:column;gap:9px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.markdown-pane>header,.diff-input-panel>span,.regex-editor-panel>header,.regex-match-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink-soft);font-size:10px;font-weight:740}.markdown-pane small,.diff-input-panel small,.regex-editor-panel small{color:var(--muted);font-size:8px;font-weight:500}.markdown-pane textarea,.hash-textarea,.regex-editor-panel textarea{width:100%;min-height:460px;resize:vertical;padding:14px;color:var(--ink);border:1px solid var(--line);border-radius:11px;outline:0;background:#f8fafd;font:500 12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.markdown-pane textarea:focus,.hash-textarea:focus,.regex-editor-panel textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #2e5bff1a}.markdown-preview{min-height:460px;overflow:auto;padding:18px;color:var(--ink-soft);border:1px solid var(--line);border-radius:11px;background:#fff;font-size:13px;line-height:1.75}.markdown-preview>:first-child{margin-top:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:var(--ink);font-family:var(--font-display);letter-spacing:-.035em}.markdown-preview code{padding:2px 5px;border-radius:5px;background:#eef2ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.markdown-preview pre{overflow:auto;padding:13px;border-radius:10px;background:var(--ink)}.markdown-preview pre code{padding:0;color:#dbe6f7;background:transparent}.markdown-preview blockquote{margin-left:0;padding:10px 14px;color:var(--muted);border-radius:10px;background:#f1f4ff}.markdown-preview table{width:100%;border-collapse:collapse}.markdown-preview th,.markdown-preview td{padding:7px 9px;border:1px solid var(--line);text-align:left}.url-input-bar{align-items:stretch}.url-input-bar label{display:flex;min-width:240px;flex:1;align-items:center;gap:8px;height:44px;padding:0 12px;color:var(--muted);border:1px solid var(--line);border-radius:11px;background:var(--surface)}.url-input-bar input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:500 11px ui-monospace,SFMono-Regular,Consolas,monospace}.url-anatomy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.url-anatomy>span{display:flex;min-width:0;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.url-anatomy small{color:var(--muted);font-size:8px}.url-anatomy strong{overflow:hidden;color:var(--ink);font:650 10px ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.url-query-panel,.url-result-card,.diff-result-panel,.id-output-panel,.hash-output,.regex-replace-panel,.date-range-panel,.date-shift-panel{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.url-query-panel>header,.url-result-card>header,.diff-result-panel>header,.id-output-panel>header,.hash-output>header,.regex-replace-panel>header,.date-shift-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.url-query-panel header>div,.diff-result-panel header>div,.date-shift-panel header>div{display:flex;flex-direction:column;gap:3px}.url-query-panel strong,.url-result-card header span,.diff-result-panel strong,.id-output-panel header span,.hash-output header span,.regex-replace-panel header span,.date-shift-panel strong{color:var(--ink);font-size:11px}.url-query-panel small,.url-result-card small,.diff-result-panel small,.id-output-panel small,.hash-output small,.date-shift-panel small{color:var(--muted);font-size:8px}.url-query-list{display:flex;flex-direction:column;gap:7px}.url-query-row{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1.4fr) 32px;align-items:center;gap:6px}.url-query-row input{min-width:0;height:36px;padding:0 9px;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:#f8fafd;font:500 10px ui-monospace,SFMono-Regular,Consolas,monospace}.url-query-row button{display:grid;width:32px;height:32px;place-items:center;color:var(--danger);cursor:pointer;border:0;border-radius:8px;background:#fff5f7}.url-query-empty,.regex-empty,.regex-error{margin:0;color:var(--muted);font-size:9px;text-align:center}.url-result-card>header>div,.jwt-section>header,.regex-match-panel>header{display:flex;align-items:center;gap:6px}.url-result-card>header button,.url-result-card>header a,.regex-match-panel>header button{display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:0 8px;color:var(--blue-deep);cursor:pointer;border:1px solid #bcc9ff;border-radius:7px;background:#eef2ff;font-size:8px;text-decoration:none}.url-result-card code{overflow-wrap:anywhere;padding:12px;color:#1b3d91;border-radius:9px;background:#f1f4ff;font:600 10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.url-empty-state,.diff-empty,.id-empty,.jwt-empty{display:grid;min-height:210px;place-items:center;padding:28px;color:var(--muted);border:1px dashed #c8d4e6;border-radius:14px;background:#f8fafd;text-align:center}.url-empty-state,.diff-empty,.id-empty,.jwt-empty{align-content:center;gap:7px}.url-empty-state strong,.diff-empty strong,.id-empty strong,.jwt-empty strong{color:var(--ink-soft);font-size:11px}.url-empty-state p,.diff-empty p,.id-empty p,.jwt-empty p{margin:0;font-size:9px}.diff-input-grid{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch}.diff-input-panel textarea{width:100%;min-height:230px;resize:vertical;padding:12px;color:var(--ink);border:1px solid var(--line);border-radius:10px;outline:0;background:#f8fafd;font:500 11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.diff-direction{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--blue)}.diff-direction small{color:var(--muted);font-size:8px}.diff-result-panel{min-height:240px}.diff-output{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:10px}.diff-line{display:grid;grid-template-columns:34px 34px 22px minmax(0,1fr);align-items:center;min-height:29px;border-bottom:1px solid rgba(202,214,232,.62);font:500 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.diff-line:last-child{border-bottom:0}.diff-line>span{color:#8c9ab0;text-align:right;padding-right:8px;font-size:8px}.diff-line>i{color:#10203a80;font-style:normal;text-align:center}.diff-line>code{overflow-wrap:anywhere;padding:5px 9px;color:var(--ink-soft)}.diff-line.is-added{background:#eefbf7}.diff-line.is-added>i{color:#1f7d63}.diff-line.is-removed{background:#fff5f7}.diff-line.is-removed>i{color:var(--danger)}.id-options{display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(100px,.7fr));align-items:end;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.id-kind-switch,.hash-mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#f8fafd}.id-options>label{display:flex;min-width:0;flex-direction:column;gap:6px;color:var(--ink-soft);font-size:9px}.id-kind-switch button,.hash-mode-switch button{min-height:34px;padding:0 8px;color:var(--muted);cursor:pointer;border:0;border-radius:7px;background:transparent;font-size:9px;font-weight:720}.id-kind-switch button.is-active,.hash-mode-switch button.is-active{color:#fff;background:var(--blue)}.id-options input[type=number],.id-options input[type=text]{height:38px;min-width:0;padding:0 9px;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:#f8fafd}.id-prefix{min-width:150px}.id-check{align-items:flex-start;justify-content:flex-end}.id-check input{accent-color:var(--blue)}.id-list{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:10px}.id-list button{display:grid;grid-template-columns:40px minmax(0,1fr) 22px;align-items:center;gap:8px;min-height:38px;padding:0 10px;color:var(--ink);cursor:pointer;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.id-list button:last-child{border-bottom:0}.id-list button:hover{background:#f8fafd}.id-list button>span{color:var(--muted);font:500 8px ui-monospace,monospace}.id-list code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:550 10px ui-monospace,monospace}.id-list svg{color:#9baac0}.jwt-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;color:#8b5d06;border:1px solid #efd27d;border-radius:10px;background:#fff9e7;font-size:9px;line-height:1.55}.jwt-warning svg{flex:0 0 auto}.jwt-input-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.jwt-input-bar textarea{min-height:92px;resize:vertical;padding:12px;color:var(--ink);border:1px solid var(--line);border-radius:10px;outline:0;background:#f8fafd;font:500 10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.jwt-input-bar textarea:focus{border-color:var(--blue);background:#fff}.jwt-status-row{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:9px}.jwt-status-row>span{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.jwt-status-row .is-valid{color:#1f7d63;border-color:#9ddcc9;background:#effbf7}.jwt-status-row .is-expired{color:var(--danger);border-color:#efb6c1;background:#fff5f7}.jwt-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jwt-section{min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.jwt-section.is-header{border-top-color:#9fb5ff}.jwt-section.is-payload{border-top-color:#77c8b0}.jwt-section.is-signature{grid-column:1 / -1;border-top-color:#c6b5f3}.jwt-section>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;color:var(--ink-soft);font-size:9px;font-weight:740}.jwt-section>header button{display:grid;width:28px;height:28px;place-items:center;color:var(--blue);cursor:pointer;border:0;border-radius:7px;background:#eef2ff}.jwt-section pre,.jwt-section>code{overflow:auto;margin:0;padding:11px;color:#28446f;border-radius:8px;background:#f6f8fc;font:500 10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.hash-options{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px}.hash-options label{display:flex;min-width:180px;flex-direction:column;gap:6px;color:var(--ink-soft);font-size:9px}.hash-options select{height:38px;padding:0 9px;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:#f8fafd}.hash-textarea{min-height:190px}.hash-file-drop{display:grid;min-height:190px;place-items:center;align-content:center;gap:7px;padding:22px;color:var(--muted);cursor:pointer;border:1px dashed #b9c9e2;border-radius:14px;background:#f8fafd;text-align:center}.hash-file-drop strong{color:var(--ink);font-size:12px}.hash-file-drop span{font-size:9px}.hash-file-drop svg{color:var(--blue)}.hash-output code{overflow-wrap:anywhere;padding:13px;color:#1b3d91;border-radius:9px;background:#f1f4ff;font:600 11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.regex-pattern-bar{display:grid;grid-template-columns:22px minmax(0,1fr) 22px 70px;align-items:center;gap:4px;min-height:48px;padding:0 10px;color:var(--muted);border:1px solid var(--line);border-radius:12px;background:var(--surface);font:600 17px ui-monospace,monospace}.regex-pattern-bar input{min-width:0;height:38px;border:0;outline:0;background:transparent;color:var(--ink);font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace}.regex-flags{color:var(--blue)!important;text-align:center}.regex-flag-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.regex-flag-row button{display:grid;width:32px;height:32px;place-items:center;color:var(--muted);cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--surface);font:650 10px ui-monospace,monospace}.regex-flag-row button.is-active{color:#fff;border-color:var(--blue);background:var(--blue)}.regex-flag-row>span{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--muted);font-size:9px}.regex-workbench{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.regex-editor-panel textarea{min-height:260px}.regex-match-panel{max-height:420px}.regex-match-list{display:flex;flex-direction:column;overflow:auto;border:1px solid var(--line);border-radius:10px}.regex-match-list>div{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:39px;padding:0 10px;border-bottom:1px solid var(--line)}.regex-match-list>div:last-child{border-bottom:0}.regex-match-list>div>span{color:var(--muted);font-size:8px}.regex-match-list code{overflow-wrap:anywhere;color:var(--ink);font:550 10px ui-monospace,monospace}.regex-match-list small{color:var(--muted);font-size:8px}.regex-error{color:var(--danger);padding:20px 8px}.regex-replace-panel>header{justify-content:flex-start;color:var(--ink-soft);font-size:10px}.regex-replace-panel>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.regex-replace-panel input{min-width:0;height:38px;padding:0 10px;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:#f8fafd;font:500 10px ui-monospace,monospace}.regex-replace-panel pre{max-height:220px;overflow:auto;margin:0;padding:12px;color:#28446f;border-radius:9px;background:#f6f8fc;font:500 10px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.date-range-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px}.date-range-line{position:absolute;top:9px;left:18px;right:18px;display:flex;align-items:center;gap:5px;pointer-events:none}.date-range-line span{width:9px;height:9px;border:2px solid var(--blue);border-radius:50%;background:#fff}.date-range-line i{height:1px;flex:1;background:#b8c7ff}.date-range-panel label,.date-shift-controls label{display:flex;min-width:0;flex-direction:column;gap:8px;color:var(--ink-soft);font-size:9px;font-weight:700}.date-range-panel input,.date-shift-controls input{height:42px;min-width:0;padding:0 10px;color:var(--ink);border:1px solid var(--line);border-radius:9px;background:#f8fafd;font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace}.date-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.date-results article{display:flex;min-height:104px;align-items:flex-start;justify-content:center;flex-direction:column;gap:2px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.date-results span,.date-results small{color:var(--muted);font-size:8px}.date-results strong{color:var(--ink);font:620 28px/1.1 var(--font-display);letter-spacing:-.04em}.date-shift-controls{display:grid;grid-template-columns:130px auto minmax(120px,1fr);align-items:end;gap:9px}.date-shift-controls code{align-self:center;overflow-wrap:anywhere;padding:10px;color:#1b3d91;border-radius:8px;background:#eef2ff;font:650 11px ui-monospace,monospace}@media(max-width:980px){.markdown-workbench,.regex-workbench,.diff-input-grid{grid-template-columns:1fr}.diff-direction{flex-direction:row;min-height:30px}.url-anatomy,.date-results,.id-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.markdown-mobile-tabs{display:flex}.markdown-workbench.is-edit .markdown-pane--preview,.markdown-workbench.is-preview .markdown-pane--editor{display:none}.markdown-pane textarea,.markdown-preview{min-height:360px}.jwt-input-bar,.regex-replace-panel>div,.date-range-panel,.date-shift-controls{grid-template-columns:1fr}.jwt-sections{grid-template-columns:1fr}.jwt-section.is-signature{grid-column:auto}.url-input-bar,.hash-actions,.id-actions,.diff-actions,.markdown-actions{align-items:stretch;flex-direction:column}.url-input-bar .tool-button,.hash-actions .tool-button,.id-actions .tool-button,.diff-actions .tool-button,.markdown-actions .tool-button{width:100%}.url-query-row{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 32px}}@media(max-width:520px){.url-anatomy,.date-results,.id-options,.hash-options{grid-template-columns:1fr}.hash-options{display:grid}.regex-match-list>div{grid-template-columns:32px minmax(0,1fr);padding:8px 10px}.regex-match-list small{grid-column:2}}.tool-sidebar__search,.mobile-tool-sheet__search{display:flex;min-height:38px;align-items:center;gap:7px;padding:0 10px;color:var(--muted);border:1px solid var(--line);border-radius:9px;background:#ffffff9e}.tool-sidebar__search input,.mobile-tool-sheet__search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.mobile-tool-sheet__search{flex:0 0 auto;margin-bottom:10px;background:#f8fafd}@media(min-width:901px){.workspace-window{height:min(900px,calc(100svh - clamp(32px,4.8vw,68px)));min-height:560px}.workspace-layout{height:calc(min(900px,calc(100svh - clamp(32px,4.8vw,68px))) - 59px);min-height:0}.tool-sidebar,.tool-sidebar__group,.tool-sidebar__group--all{min-height:0;overflow:hidden}.tool-nav--scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:#aebed6 transparent}.tool-nav--favorites-scroll{max-height:176px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:#aebed6 transparent}.tool-nav--scroll::-webkit-scrollbar,.tool-nav--favorites-scroll::-webkit-scrollbar{width:6px}.tool-nav--scroll::-webkit-scrollbar-thumb,.tool-nav--favorites-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#aebed6}.tool-nav--scroll::-webkit-scrollbar-track,.tool-nav--favorites-scroll::-webkit-scrollbar-track{background:transparent}}@media(max-width:900px){.tool-sidebar__search{display:none}.tool-sidebar__group,.tool-sidebar__group--all,.tool-nav--scroll,.tool-nav--favorites-scroll{overflow:visible}}@media(max-width:900px){.mobile-workspace__content{padding:10px 10px calc(90px + env(safe-area-inset-bottom))}.mobile-workspace__content>section{min-height:auto!important;gap:16px!important;padding:16px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--surface)!important;box-shadow:none!important}.mobile-workspace__content button,.mobile-workspace__content input,.mobile-workspace__content select,.mobile-workspace__content textarea{font-size:max(16px,1em)}.mobile-workspace__content button,.mobile-workspace__content .tool-button,.mobile-workspace__content select{min-height:44px}.mobile-workspace__content input:not([type=checkbox]):not([type=radio]),.mobile-workspace__content select{min-height:44px}.mobile-workspace__content .tool-button,.mobile-workspace__content .timer-primary,.mobile-workspace__content .filebox-submit{padding-right:14px;padding-left:14px}.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions,.cron-actions,.video-samples,.filebox-tabs,.mobile-tool-tabs){display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions,.cron-actions,.video-samples,.filebox-tabs,.mobile-tool-tabs)::-webkit-scrollbar{display:none}.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions,.cron-actions,.video-samples,.filebox-tabs,.mobile-tool-tabs)>button,.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions,.cron-actions,.video-samples,.filebox-tabs,.mobile-tool-tabs)>.tool-button{flex:0 0 auto;width:auto!important;min-width:max-content}.mobile-workspace__content .tool-heading{display:none!important}.mobile-workspace__content .tool-feedback{margin-top:2px}.mobile-workspace__content .date-results,.mobile-workspace__content .id-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mobile-workspace__content .id-kind-switch,.mobile-workspace__content .id-prefix{grid-column:1 / -1}.mobile-workspace__content .password-stage__actions,.mobile-workspace__content .hash-actions{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto}.mobile-workspace__content .password-stage__actions>button,.mobile-workspace__content .hash-actions>button{flex:0 0 auto;width:auto!important}}@media(max-width:900px){.mobile-workspace__content .qr-workbench,.mobile-workspace__content .qr-editor,.mobile-workspace__content .qr-preview,.mobile-workspace__content .qr-canvas-frame{width:100%;min-width:0;max-width:100%}.mobile-workspace__content .qr-canvas-frame{min-height:0;padding:10px}.mobile-workspace__content .qr-canvas-frame canvas{width:100%;max-width:100%}.mobile-workspace__content .qr-options-grid{grid-template-columns:1fr!important}.mobile-workspace__content .meme-source-row{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}.mobile-workspace__content .meme-source-row button{min-width:0;min-height:82px;padding:10px}.mobile-workspace__content .meme-source-row button strong{overflow-wrap:anywhere;font-size:8px;line-height:1.3}.mobile-workspace__content .meme-result{min-height:250px}.mobile-workspace__content .cron-field-tabs{display:flex!important;overflow-x:auto;gap:5px;padding:4px;scrollbar-width:none}.mobile-workspace__content .cron-field-tabs::-webkit-scrollbar{display:none}.mobile-workspace__content .cron-field-tabs button{flex:0 0 auto;min-width:64px;min-height:44px}.mobile-workspace__content .cron-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mobile-workspace__content .cron-mode-grid button,.mobile-workspace__content .cron-examples button,.mobile-workspace__content .meme-load-more{min-height:44px}.mobile-workspace__content .cron-expression-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mobile-workspace__content .video-url-bar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.mobile-workspace__content .video-url-bar .tool-button{width:100%!important}.mobile-workspace__content .filebox-tabs{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible}.mobile-workspace__content .filebox-tabs button{min-width:0;width:100%}.mobile-workspace__content .filebox-kind-switch{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-workspace__content .filebox-expiry>div,.mobile-workspace__content .timer-custom>div,.mobile-workspace__content .regex-replace-panel>div,.mobile-workspace__content .date-shift-controls{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.mobile-workspace__content .filebox-expiry input,.mobile-workspace__content .timer-custom input,.mobile-workspace__content .regex-replace-panel input,.mobile-workspace__content .date-shift-controls input{width:100%!important}.mobile-workspace__content .timestamp-now__details{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mobile-workspace__content .timestamp-now__details code{overflow-wrap:anywhere;white-space:normal}.mobile-workspace__content .json-toolbar,.mobile-workspace__content .markdown-actions,.mobile-workspace__content .diff-actions,.mobile-workspace__content .encoding-actions,.mobile-workspace__content .hash-actions,.mobile-workspace__content .id-actions{scroll-snap-type:x proximity}.mobile-workspace__content .json-toolbar>button,.mobile-workspace__content .markdown-actions>button,.mobile-workspace__content .diff-actions>button,.mobile-workspace__content .encoding-actions>button,.mobile-workspace__content .hash-actions>button,.mobile-workspace__content .id-actions>button{scroll-snap-align:start}}@media(max-width:900px){.mobile-workspace__content button,.mobile-workspace__content input[type=color]{min-width:44px}.mobile-workspace__content .meme-workbench{grid-template-columns:1fr!important}.mobile-workspace__content .meme-swap{width:44px;height:44px}.mobile-workspace__content .regex-flag-row button{min-width:44px}}@media(max-width:900px){.mobile-workspace__content .meme-workbench{grid-template-columns:minmax(0,1fr)!important}.mobile-workspace__content .meme-composer{width:100%;min-width:0}.mobile-workspace__content .meme-source-row>button:not(.meme-swap){width:100%}}@media(max-width:900px){.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.password-stage__actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;padding-bottom:0}.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.password-stage__actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions)>button,.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.password-stage__actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions)>.tool-button{width:100%!important;min-width:0!important}.mobile-workspace__content .json-toolbar__spacer{display:none}.mobile-workspace__content .cron-actions{display:grid!important;grid-template-columns:1fr;overflow:visible}.mobile-workspace__content .cron-actions>button{width:100%!important;min-width:0!important}.mobile-workspace__content .filebox-tabs,.mobile-workspace__content .mobile-tool-tabs{display:grid!important;overflow:visible!important}}@media(max-width:900px){.mobile-workspace__content button,.mobile-workspace__content .tool-button{font-size:12px!important}.mobile-workspace__content input,.mobile-workspace__content select,.mobile-workspace__content textarea{font-size:16px!important}.mobile-workspace__content .regex-match-panel>header button{min-width:44px;min-height:44px}.mobile-workspace__content .filebox-privacy-note a{display:inline-flex;min-height:44px;align-items:center;padding:0 4px}.mobile-workspace__content .meme-emoji-grid button small{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:1.25}}@media(max-width:900px){.markdown-mobile-tabs{width:min(100%,320px);margin-right:auto!important;margin-left:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.markdown-mobile-tabs>button{width:100%!important;min-width:0!important;justify-content:center}.palette-panel{padding:16px}.palette-grid button{padding:14px}.palette-grid button span,.palette-grid button code{padding:5px 8px}}@media(max-width:900px){.mobile-workspace__content button{column-gap:10px}.mobile-workspace__content button>svg{flex:0 0 auto}.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.password-stage__actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions){display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:safe center!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:4px;scrollbar-width:thin}.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.password-stage__actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions)>button,.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.password-stage__actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions)>.tool-button{width:auto!important;min-width:44px!important;flex:0 0 auto!important}.markdown-mobile-tabs{display:flex!important;width:100%!important;justify-content:safe center!important;grid-template-columns:none!important}.markdown-mobile-tabs>button{width:auto!important;min-width:84px!important;flex:0 0 auto!important;justify-content:center}.hash-mode-switch{display:flex!important;width:100%!important;justify-content:safe center!important;grid-template-columns:none!important}.hash-mode-switch>button{width:auto!important;min-width:84px!important;flex:0 0 auto!important}.palette-grid{gap:14px!important}}@media(max-width:900px){.mobile-workspace__content .markdown-mobile-tabs{display:flex!important;width:100%!important;justify-content:safe center!important;grid-template-columns:unset!important}.mobile-workspace__content .markdown-mobile-tabs>button{width:auto!important;min-width:84px!important;flex:0 0 auto!important}.mobile-workspace__content .hash-mode-switch{display:flex!important;width:100%!important;justify-content:safe center!important;grid-template-columns:unset!important}.mobile-workspace__content .hash-mode-switch>button{width:auto!important;min-width:84px!important;flex:0 0 auto!important}}@media(max-width:900px){.mobile-workspace__content .hash-mode-switch{gap:8px!important}}@media(max-width:900px){.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.password-stage__actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important;gap:10px!important;overflow:visible!important;padding-bottom:0}.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.password-stage__actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions)>button,.mobile-workspace__content :is(.json-toolbar,.meme-actions,.image-actions,.qr-actions,.hash-actions,.password-stage__actions,.id-actions,.diff-actions,.markdown-actions,.encoding-actions,.timestamp-now__actions)>.tool-button{width:100%!important;min-width:0!important}.mobile-workspace__content .markdown-mobile-tabs,.mobile-workspace__content .hash-mode-switch{display:grid!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important}.mobile-workspace__content .markdown-mobile-tabs>button,.mobile-workspace__content .hash-mode-switch>button{width:100%!important;min-width:0!important}.mobile-workspace__content button:has(>svg){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;line-height:1.2}.mobile-workspace__content button:has(>svg)>svg{flex:0 0 auto;align-self:center!important;margin-block:0;vertical-align:middle}.mobile-workspace__content .palette-grid button{min-height:110px!important;justify-content:space-between!important;row-gap:18px!important}}@media(max-width:900px){.admin-toggle{width:46px!important;min-width:46px!important;height:26px!important;min-height:26px!important;border-radius:999px!important}.admin-toggle:before{position:absolute;inset:-9px -5px;content:"";border-radius:999px}}@media(max-width:900px){.admin-side-nav{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.admin-side-nav::-webkit-scrollbar{display:none}}.csv-tool,.timezone-tool,.units-tool,.cleaner-tool,.watermark-tool,.svg-tool,.qrscan-tool{display:flex;flex-direction:column;gap:20px;animation:tool-surface-in .42s var(--ease-out) both}.csv-mode-switch,.units-categories,.cleaner-options{display:flex;flex-wrap:wrap;gap:8px}.csv-mode-switch button,.units-categories button,.cleaner-options button{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:0 12px;color:var(--muted);cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:9px;font-weight:720}.csv-mode-switch button.is-active,.units-categories button.is-active,.cleaner-options button.is-active{color:var(--blue-deep);border-color:#aebfff;background:#eef2ff}.csv-workbench,.cleaner-workbench,.svg-workbench{display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);gap:12px;align-items:stretch}.cleaner-workbench,.svg-workbench{grid-template-columns:repeat(2,minmax(0,1fr))}.csv-workbench label,.cleaner-workbench label,.svg-workbench label{display:flex;min-width:0;flex-direction:column;gap:8px;color:var(--ink-soft);font-size:10px;font-weight:720}.csv-workbench textarea,.cleaner-workbench textarea,.svg-workbench textarea{width:100%;min-height:300px;resize:vertical;padding:13px;color:var(--ink);border:1px solid var(--line);border-radius:12px;outline:0;background:#f8fafd;font:500 11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.csv-direction{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--blue);font-size:8px}.csv-actions,.units-actions,.cleaner-actions,.watermark-actions,.svg-actions,.qrscan-actions{display:flex;flex-wrap:wrap;gap:8px}.timezone-controls{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.9fr) auto;gap:10px;align-items:end}.timezone-controls label{display:flex;min-width:0;flex-direction:column;gap:6px;color:var(--ink-soft);font-size:9px;font-weight:720}.timezone-controls input,.timezone-controls select{height:42px;min-width:0;padding:0 10px;color:var(--ink);border:1px solid var(--line);border-radius:9px;background:#f8fafd}.timezone-zones{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.timezone-zones>div{display:flex;flex-wrap:wrap;gap:7px}.timezone-zones span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;color:var(--ink-soft);border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:9px}.timezone-zones span button{display:grid;width:24px;height:24px;padding:0;place-items:center;color:var(--danger);border:0;border-radius:6px;background:#fff5f7}.timezone-zones>button{display:inline-flex;min-height:36px;align-items:center;gap:5px;padding:0 9px;color:var(--blue);cursor:pointer;border:1px solid #bfcfff;border-radius:9px;background:var(--blue-soft);font-size:9px;font-weight:720}.timezone-results{display:grid;gap:8px}.timezone-results article{display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1.2fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.timezone-results article>div{display:flex;flex-direction:column;gap:3px}.timezone-results strong{color:var(--ink);font-size:11px}.timezone-results small,.timezone-results em{color:var(--muted);font-size:8px;font-style:normal}.timezone-results article>span{color:var(--ink-soft);font:600 12px ui-monospace,monospace}.timezone-empty,.qrscan-placeholder{display:grid;min-height:220px;place-items:center;align-content:center;gap:7px;padding:24px;color:var(--muted);border:1px dashed #c8d4e6;border-radius:14px;background:#f8fafd;text-align:center}.timezone-empty strong,.qrscan-placeholder strong{color:var(--ink);font-size:12px}.units-converter{display:grid;grid-template-columns:minmax(120px,1fr) minmax(100px,.7fr) 44px minmax(100px,.7fr);align-items:end;gap:9px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.units-converter label{display:flex;min-width:0;flex-direction:column;gap:6px;color:var(--ink-soft);font-size:9px}.units-converter input,.units-converter select{height:42px;min-width:0;padding:0 9px;color:var(--ink);border:1px solid var(--line);border-radius:9px;background:#f8fafd}.units-swap{display:grid;width:44px;height:42px;place-items:center;color:var(--blue);cursor:pointer;border:1px solid #bfcfff;border-radius:10px;background:var(--blue-soft)}.units-result{display:flex;min-height:110px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.units-result span{color:var(--muted);font-size:9px}.units-result strong{color:var(--ink);font:620 clamp(25px,4vw,38px)/1.2 var(--font-display);overflow-wrap:anywhere;text-align:center}.cleaner-options button{min-height:36px}.cleaner-workbench textarea{min-height:260px}.watermark-workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:12px}.watermark-preview,.watermark-controls{display:flex;min-width:0;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.watermark-preview{position:relative;align-items:center;justify-content:center;min-height:340px}.watermark-preview canvas{max-width:100%;max-height:520px;object-fit:contain}.watermark-upload{display:grid;min-height:300px;place-items:center;align-content:center;gap:7px;color:var(--muted);cursor:pointer;text-align:center}.watermark-upload strong{color:var(--ink);font-size:12px}.watermark-controls label{display:flex;flex-direction:column;gap:6px;color:var(--ink-soft);font-size:9px}.watermark-controls input:not([type=range]):not([type=color]),.watermark-controls select{height:40px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:#f8fafd}.watermark-controls input[type=range]{accent-color:var(--blue)}.svg-stats{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:9px}.svg-stats span{padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.svg-preview{display:flex;min-width:0;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--ink-soft);font-size:10px;font-weight:720}.svg-preview>div{display:grid;min-height:300px;place-items:center;padding:18px;border-radius:11px;background:#f8fafd}.svg-preview img{max-width:100%;max-height:360px}.qrscan-stage{position:relative;display:grid;min-height:360px;place-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.qrscan-stage video{width:100%;max-height:520px;border-radius:12px;object-fit:contain;background:#071326}.qrscan-stage:has(video:not([hidden])) .qrscan-placeholder{display:none}.qrscan-actions{position:absolute;right:14px;bottom:14px;left:14px;justify-content:center}.qrscan-result{display:flex;flex-direction:column;gap:9px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.qrscan-result header{display:flex;align-items:center;justify-content:space-between;color:var(--ink-soft);font-size:10px;font-weight:720}.qrscan-result header button{display:inline-flex;min-height:32px;align-items:center;gap:5px;padding:0 9px;color:var(--blue);cursor:pointer;border:1px solid #bfcfff;border-radius:8px;background:var(--blue-soft)}.qrscan-result pre{max-height:260px;overflow:auto;margin:0;padding:12px;border-radius:9px;background:#f8fafd;font:500 10px/1.65 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:900px){.csv-workbench,.cleaner-workbench,.svg-workbench,.watermark-workbench{grid-template-columns:1fr}.csv-direction{flex-direction:row;min-height:30px}.timezone-controls,.units-converter{grid-template-columns:1fr}.units-swap{width:100%}.timezone-results article{grid-template-columns:1fr}.qrscan-stage{min-height:300px}}.hash-compare{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:12px}.hash-compare label{display:flex;min-width:0;flex-direction:column;gap:6px;color:var(--ink-soft);font-size:9px;font-weight:720}.hash-compare input{height:40px;min-width:0;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#f8fafd;font:500 10px ui-monospace,monospace}.hash-compare strong{align-self:center;padding:8px 10px;border-radius:8px;font-size:9px}.hash-compare .is-match{color:#1f7d63;background:#effbf7}.hash-compare .is-mismatch{color:var(--danger);background:#fff5f7}.hash-compare .is-empty{color:var(--muted);background:#f1f5fb}@media(max-width:900px){.hash-compare{grid-template-columns:1fr}.hash-compare strong{justify-self:start}}.watermark-preview canvas{display:block;width:auto;height:auto;max-width:100%;max-height:520px}.watermark-preview canvas.is-empty{display:none}.watermark-add{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;color:var(--blue-deep);cursor:pointer;border:1px solid #bfcfff;border-radius:9px;background:var(--blue-soft);font-size:9px;font-weight:720}.watermark-batch{display:flex;flex-direction:column;gap:9px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.watermark-batch>header{display:flex;align-items:center;justify-content:space-between;color:var(--ink-soft);font-size:10px;font-weight:720}.watermark-batch>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:220px;overflow-y:auto}.watermark-batch button{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:5px;min-height:40px;padding:0 9px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#f8fafd;text-align:left}.watermark-batch button.is-active{border-color:#aebfff;background:#eef2ff}.watermark-batch button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.watermark-batch button svg{color:var(--danger);justify-self:center}.qrscan-stage,.qrscan-result,.qrscan-result pre{min-width:0;max-width:100%}@media(max-width:900px){.watermark-batch>div{grid-template-columns:1fr}.qrscan-stage{display:flex;flex-direction:column;align-items:stretch}.qrscan-placeholder{align-self:center}.qrscan-actions{position:static;right:auto;bottom:auto;left:auto;margin-top:12px}.qrscan-actions .tool-button{flex:1 1 auto}}@media(max-width:900px){.mobile-workspace__content .timestamp-date-field,.mobile-workspace__content .timestamp-date-field label{width:100%;min-width:0;max-width:100%}.mobile-workspace__content .timestamp-date-field input[type=datetime-local]{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;-webkit-appearance:none;appearance:none;text-overflow:ellipsis}.mobile-workspace__content .cron-layout,.mobile-workspace__content .cron-builder,.mobile-workspace__content .cron-result{width:100%;min-width:0}.mobile-workspace__content .cron-result{display:flex!important;align-items:stretch;flex-direction:column;grid-template-columns:1fr!important}.mobile-workspace__content .cron-expression-card,.mobile-workspace__content .cron-next-runs,.mobile-workspace__content .cron-actions{width:100%;min-width:0}}.hokpower-tool{display:flex;flex-direction:column;gap:20px;animation:tool-surface-in .42s var(--ease-out) both}.hokpower-source-panel,.hokpower-query-panel,.hokpower-result,.hokpower-empty{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.hokpower-source-panel{display:flex;flex-direction:column;gap:12px}.hokpower-source-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.hokpower-source-panel>header>div{display:flex;flex-direction:column;gap:3px}.hokpower-source-panel strong,.hokpower-query-panel span{color:var(--ink);font-size:11px}.hokpower-source-panel small{color:var(--muted);font-size:9px}.hokpower-source-panel>header svg{color:var(--blue)}.hokpower-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hokpower-source-grid button{position:relative;display:flex;min-height:64px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);border-radius:11px;background:#f8fafd;text-align:left}.hokpower-source-grid button.is-active{border-color:#aebfff;background:#eef2ff;box-shadow:0 0 0 3px #2e5bff14}.hokpower-source-grid button small{color:var(--muted);font-size:8px}.hokpower-source-grid button svg{position:absolute;top:9px;right:9px;color:var(--blue)}.hokpower-query-panel{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(260px,1fr) auto;align-items:end;gap:12px}.hokpower-hero-field{display:flex;min-width:0;flex-direction:column;gap:7px}.hokpower-hero-field>div{display:flex;height:44px;align-items:center;gap:8px;padding:0 11px;color:var(--muted);border:1px solid var(--line);border-radius:10px;background:#f8fafd}.hokpower-hero-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.hokpower-platform{display:flex;min-width:0;flex-direction:column;gap:7px}.hokpower-platform>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.hokpower-platform button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);cursor:pointer;font-size:9px;font-weight:720}.hokpower-platform button.is-active{color:#fff;border-color:var(--blue);background:var(--blue)}.hokpower-submit{align-self:end}.hokpower-suggestions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.hokpower-suggestions button{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left;cursor:pointer}.hokpower-suggestions img{width:38px;height:38px;border-radius:9px;object-fit:cover}.hokpower-suggestions strong,.hokpower-suggestions small{display:block}.hokpower-suggestions strong{color:var(--ink);font-size:10px}.hokpower-suggestions small{color:var(--muted);font-size:8px}.hokpower-source-status{margin:0;color:var(--muted);font-size:9px;text-align:right}.hokpower-result{display:flex;flex-direction:column;gap:15px;background:linear-gradient(145deg,#f8fbff,#fff)}.hokpower-result>header{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:13px}.hokpower-result>header img{width:64px;height:64px;border-radius:15px;object-fit:cover;border:1px solid var(--line)}.hokpower-result h2,.hokpower-result p{margin:0}.hokpower-result h2{color:var(--ink);font:620 25px/1.1 var(--font-display);letter-spacing:-.04em}.hokpower-result p{margin-top:4px;color:var(--muted);font-size:10px}.hokpower-result>header small,.hokpower-result>header>span{color:var(--muted);font-size:9px}.hokpower-power-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.hokpower-power-grid article{display:flex;min-height:112px;flex-direction:column;justify-content:center;gap:5px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff}.hokpower-power-grid article.is-national{border-color:#e7c342;background:#fff9df}.hokpower-power-grid span,.hokpower-power-grid small{color:var(--muted);font-size:8px}.hokpower-power-grid strong{color:var(--ink);font:620 clamp(24px,3vw,34px)/1 var(--font-display);letter-spacing:-.04em}.hokpower-result>footer{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.hokpower-empty{display:grid;min-height:230px;place-items:center;align-content:center;gap:7px;color:var(--muted);text-align:center}.hokpower-empty strong{color:var(--ink);font-size:13px}.hokpower-empty p{margin:0;font-size:9px}@media(max-width:900px){.hokpower-source-grid,.hokpower-query-panel,.hokpower-power-grid{grid-template-columns:1fr}.hokpower-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}.hokpower-result>header{grid-template-columns:52px minmax(0,1fr)}.hokpower-result>header img{width:52px;height:52px}.hokpower-result>header>span{grid-column:1/-1}.hokpower-submit{width:100%}}@media(max-width:520px){.hokpower-suggestions{grid-template-columns:1fr}}.diagram-workbench,.mindmap-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px;margin-top:14px}.diagram-source,.mindmap-source,.code-card-input{display:flex;min-width:0;flex-direction:column;gap:8px}.diagram-source>span,.mindmap-source>span,.code-card-input>span,.compress-controls label>span,.code-card-fields label>span{color:var(--ink-soft);font-size:10px;font-weight:720}.diagram-source textarea,.mindmap-source textarea,.code-card-input textarea{width:100%;min-height:340px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:#f8fafd;color:#10203a;padding:12px;font:500 11px ui-monospace,Cascadia Code,Consolas,monospace;outline:none}.diagram-source textarea:focus,.mindmap-source textarea:focus,.code-card-input textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #2e5bff1a}.diagram-preview,.mindmap-preview,.code-card-preview-panel{min-width:0;display:flex;flex-direction:column;gap:8px}.diagram-preview>header,.mindmap-preview>header,.code-card-preview-panel>header{display:flex;align-items:center;justify-content:space-between;color:var(--ink-soft);font-size:10px;font-weight:720}.diagram-preview>header small,.mindmap-preview>header small,.code-card-preview-panel>header small{color:var(--muted);font-weight:500}.diagram-canvas,.mindmap-canvas{min-height:340px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px}.diagram-canvas svg,.mindmap-canvas svg{display:block;max-width:100%;height:auto;margin:0 auto}.diagram-empty,.compress-empty{display:grid;min-height:320px;place-items:center;color:var(--muted);font-size:11px}.diagram-actions,.mindmap-actions,.code-card-actions,.cyberchef-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.compress-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}.compress-controls{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.compress-controls label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;min-width:0}.compress-controls label small{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.compress-controls input[type=range]{grid-column:1 / -1;width:100%}.compress-controls select{grid-column:1 / -1;width:100%;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#f8fafd;color:#10203a;font:500 11px Archivo,sans-serif;outline:none}.compress-preview{display:flex;min-width:0;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f8fafd}.compress-image-wrap{display:grid;min-height:320px;place-items:center;overflow:hidden;border:1px dashed var(--line);border-radius:12px;background:#fff}.compress-image-wrap img{display:block;max-width:100%;max-height:420px;object-fit:contain}.compress-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:var(--ink-soft);font-size:10px;font-weight:650}.compress-meta span{padding:9px 10px;border-radius:8px;background:#fff}.code-card-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:12px;margin-top:14px}.code-card-editor{display:flex;min-width:0;flex-direction:column;gap:12px}.code-card-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.code-card-fields label{display:flex;flex-direction:column;gap:7px}.code-card-fields input,.code-card-fields select{width:100%;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#f8fafd;color:#10203a;font:500 11px Archivo,sans-serif;outline:none}.code-card-preview{display:grid;min-height:360px;place-items:center;overflow:auto;padding:20px;border-radius:14px;background:#eaf0fb}.code-card-window{width:100%;max-width:560px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#0f172a;color:#e2e8f0;box-shadow:0 18px 40px #0f172a38}.code-card-window__bar{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.09);color:#cbd5e1;font:650 10px Archivo,sans-serif}.code-card-window__bar i{width:8px;height:8px;border-radius:50%;background:#ff5f57}.code-card-window__bar i:nth-child(2){background:#febc2e}.code-card-window__bar i:nth-child(3){background:#28c840}.code-card-window__bar span{flex:1;margin-left:6px}.code-card-code{min-height:230px;margin:0;padding:18px;overflow:auto;font:500 12px/1.7 ui-monospace,Cascadia Code,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.code-card-code code{color:#e2e8f0}.code-card-window footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid rgba(255,255,255,.09);color:#94a3b8;font:650 9px Archivo,sans-serif}.code-card-preview.is-sakura .code-card-window{background:#2d1b33}.code-card-preview.is-mint .code-card-window{background:#0c2f2b}.code-card-preview.is-sunset .code-card-window{background:#35180f}.whiteboard-shell,.flowboard-shell{position:relative;height:min(72vh,820px);min-height:560px;overflow:hidden;margin-top:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.cyberchef-shell{margin-top:12px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.cyberchef-shell iframe{display:block;width:100%;height:min(76vh,860px);min-height:560px;border:0;background:#fff}@media(max-width:900px){.diagram-workbench,.mindmap-workbench,.compress-workbench,.code-card-workbench,.code-card-fields{grid-template-columns:1fr}.whiteboard-shell,.flowboard-shell{height:68vh;min-height:520px}.cyberchef-shell iframe{height:70vh}}.code-card-code .token.comment{color:#64748b;font-style:italic}.code-card-code .token.keyword{color:#93c5fd}.code-card-code .token.string,.code-card-code .token.attr-value{color:#86efac}.code-card-code .token.function{color:#c4b5fd}.code-card-code .token.number,.code-card-code .token.boolean{color:#fbbf24}.code-card-code .token.punctuation{color:#cbd5e1}.code-card-code .token.operator{color:#7dd3fc}.mindmap-canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.mindmap-canvas:active{cursor:grabbing}.mindmap-canvas svg{display:block;width:100%;height:100%;min-width:720px;min-height:460px}.tool-records{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.tool-records input,.tool-records select{height:40px;min-width:160px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#f8fafd;color:#10203a;font:500 11px Archivo,sans-serif;outline:none}.tool-records input{flex:1 1 180px}.tool-records select{flex:1 1 200px}.tool-records__notice{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:#1f7d63;font-size:10px;font-weight:650}@media(max-width:900px){.tool-records{align-items:stretch}.tool-records input,.tool-records select{width:100%;flex:1 1 100%}}.flowboard-shell,.whiteboard-shell,.mindmap-canvas{overscroll-behavior:none}.diagram-canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}.diagram-canvas:active{cursor:grabbing}.diagram-canvas__content{min-width:720px;min-height:460px}.diagram-canvas__content svg{display:block;width:100%;height:auto}.tool-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px;border:1px dashed var(--line);border-radius:12px;background:var(--surface)}.tool-share__result{display:flex;flex:1 1 100%;flex-wrap:wrap;align-items:center;gap:8px}.tool-share__result input{flex:1 1 220px;height:40px;min-width:160px;padding:0 10px;color:#10203a;border:1px solid var(--line);border-radius:9px;background:#f8fafd;font:500 11px Archivo,sans-serif;outline:none}.tool-share__error{color:var(--danger);font-size:10px}.account-data{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:0 12px;color:var(--blue-deep);cursor:pointer;border:1px solid var(--blue);border-radius:10px;background:#eef2ff;font:700 11px Archivo,sans-serif}.account-data:hover{background:#e2e9ff}.my-data-layout{gap:18px}.my-data-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.my-data-stats article{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.my-data-stats__icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;color:var(--blue-deep);border-radius:12px;background:#eef2ff}.my-data-stats article>div{display:flex;min-width:0;flex-direction:column;gap:3px}.my-data-stats strong{color:var(--ink);font-family:var(--font-display);font-size:22px;letter-spacing:-.02em}.my-data-stats small{color:var(--muted);font-size:9px}.my-data-card{margin-top:4px}.my-data-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.my-data-card header>div{display:flex;flex-direction:column;gap:3px}.my-data-card h2{margin:0;color:var(--ink);font-size:13px}.my-data-card header p{margin:0;color:var(--muted);font-size:9px}.my-data-chart{width:100%;min-height:220px;margin-top:8px}.my-data-list{display:flex;flex-direction:column;margin-top:8px}.my-data-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line)}.my-data-row:last-child{border-bottom:0}.my-data-row>div{display:flex;min-width:0;flex-direction:column;gap:3px}.my-data-row strong{color:var(--ink);font-size:11px}.my-data-row small{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:9px}.my-data-row>span{flex:0 0 auto;color:var(--ink-soft);font-size:10px;font-weight:700}.my-data-empty{margin:12px 0 4px;color:var(--muted);font-size:10px}@media(max-width:900px){.my-data-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.my-data-stats{grid-template-columns:1fr}}.shared-page{display:flex;min-height:100svh;flex-direction:column;background:#f4f7fc}.shared-header{display:flex;align-items:center;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line);background:#fff}.shared-brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:15px;text-decoration:none}.shared-brand>span{display:inline-flex}.shared-header>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.shared-header h1{margin:0;overflow:hidden;color:var(--ink);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.shared-header p{margin:0;color:var(--muted);font-size:9px}.shared-home{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;color:#fff;border-radius:10px;background:var(--blue);font-size:10px;font-weight:700;text-decoration:none}.shared-body{display:flex;flex:1;flex-direction:column;align-items:center;padding:26px 18px}.shared-mermaid,.shared-mindmap,.shared-markdown,.shared-codecard,.shared-text{width:100%;max-width:980px;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.shared-mermaid svg{display:block;max-width:100%;height:auto;margin:0 auto}.shared-mindmap{width:100%;height:68vh;min-height:480px}.shared-markdown{font-size:14px;line-height:1.8}.shared-markdown pre{overflow:auto;padding:14px;border-radius:10px;background:#10203a;color:#e2e8f0}.shared-markdown code{font-family:ui-monospace,monospace}.shared-codecard img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:12px}.shared-whiteboard,.shared-flowboard{position:relative;width:100%;height:74vh;min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.shared-text{font:500 12px/1.7 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word}.shared-loading,.shared-error{color:var(--muted);font-size:12px}.shared-error-card{display:flex;max-width:420px;flex-direction:column;align-items:center;gap:10px;padding:34px;text-align:center;border:1px solid var(--line);border-radius:16px;background:#fff}.shared-error-card h2{margin:0;color:var(--ink);font-size:18px}.shared-error-card p{margin:0;color:var(--muted);font-size:11px}.shared-error-card a{color:var(--blue-deep);font-size:11px;font-weight:700}@media(max-width:640px){.shared-header{flex-wrap:wrap;padding:12px 14px}.shared-header>div{order:3;flex:1 1 100%}.shared-mermaid,.shared-markdown,.shared-codecard,.shared-text{padding:14px}}