:root{--winui-accent-system: #0078d4;--winui-accent: var(--winui-accent-system);--winui-accent-hover: color-mix( in oklab, var(--winui-accent-system) 88%, #000000 );--winui-accent-active: color-mix( in oklab, var(--winui-accent-system) 78%, #000000 );--winui-accent-text: #ffffff;--winui-window-bg: #f3f3f3;--winui-card: rgba(255, 255, 255, .7);--winui-card-border: rgba(0, 0, 0, .07);--winui-card-shadow: inset 0 1px 1px rgba(255, 255, 255, .02), 0 1px 2px rgba(0, 0, 0, .02);--winui-text-main: rgba(0, 0, 0, .9);--winui-text-secondary: rgba(0, 0, 0, .61);--winui-text-disabled: rgba(0, 0, 0, .36);--winui-btn-standard: rgba(255, 255, 255, .7);--winui-btn-hover: rgba(249, 249, 249, .7);--winui-btn-active: rgba(245, 245, 245, .5);--winui-btn-border: rgba(0, 0, 0, .1);--winui-btn-border-bottom: rgba(0, 0, 0, .2);--winui-control-bg: rgba(255, 255, 255, .7);--winui-control-border: rgba(0, 0, 0, .1);--winui-control-border-hover: rgba(0, 0, 0, .16);--fluent-timing-fast: .08s cubic-bezier(.1, .9, .2, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root{--winui-accent: color-mix( in oklab, var(--winui-accent-system) 85%, #ffffff );--winui-accent-hover: color-mix( in oklab, var(--winui-accent-system) 75%, #ffffff );--winui-accent-active: color-mix( in oklab, var(--winui-accent-system) 65%, #ffffff );--winui-accent-text: #000000;--winui-window-bg: #1c1c1c;--winui-card: rgba(255, 255, 255, .05);--winui-card-border: rgba(255, 255, 255, .03);--winui-card-shadow: 0 1px 1px rgba(0, 0, 0, .1);--winui-text-main: rgba(255, 255, 255, .96);--winui-text-secondary: rgba(255, 255, 255, .78);--winui-text-disabled: rgba(255, 255, 255, .44);--winui-btn-standard: rgba(255, 255, 255, .05);--winui-btn-hover: rgba(255, 255, 255, .09);--winui-btn-active: rgba(255, 255, 255, .03);--winui-btn-border: rgba(255, 255, 255, .06);--winui-btn-border-bottom: rgba(255, 255, 255, .09);--winui-control-bg: rgba(30, 30, 30, .7);--winui-control-border: rgba(255, 255, 255, .08);--winui-control-border-hover: rgba(255, 255, 255, .15);color-scheme:dark}}*{box-sizing:border-box!important;font-family:Segoe UI Variable,Segoe UI,-apple-system,sans-serif!important;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body,#root{background:var(--winui-window-bg)!important;width:100vw;min-height:100dvh;overflow-x:hidden!important;user-select:none;-webkit-user-select:none;margin:0;padding:0}html,body{overflow-y:auto!important}.app-container{display:flex;flex-direction:column;min-height:100dvh;width:100%;box-sizing:border-box;padding:calc(24px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px));max-width:calc(800px + env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px));margin:0 auto;overflow:visible}.app-content-wrapper{display:flex;flex-direction:column;gap:0;width:100%;flex-grow:1}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:16px}.win-card{background:var(--winui-card);border:1px solid var(--winui-card-border);border-radius:8px;padding:16px;box-shadow:var(--winui-card-shadow);display:flex;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.win-card.result-card{flex-grow:1;justify-content:center;min-height:100px;margin-bottom:16px}.card-title{font-size:12.5px;font-weight:600;color:var(--winui-text-main);margin-bottom:12px;letter-spacing:-.025em;white-space:nowrap}.result-card .card-title{margin-bottom:auto}.input-group{display:flex;flex-direction:column;gap:8px;width:100%}.win-input{width:100%;height:32px;background:var(--winui-control-bg);border:1px solid var(--winui-control-border);border-bottom:1px solid var(--winui-text-secondary);border-radius:4px;padding:0 10px;font-size:14px;color:var(--winui-text-main);transition:background-color var(--fluent-timing-fast),border-color var(--fluent-timing-fast);outline:none}.win-input:hover{border-color:var(--winui-control-border-hover);background:var(--winui-btn-hover)}.win-input:focus{background:var(--winui-card);border-color:var(--winui-control-border);border-bottom:2px solid var(--winui-accent);padding-bottom:0}.btn{min-height:32px;height:auto;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--fluent-timing-fast) ease;outline:none;white-space:normal;text-align:center;word-break:break-word;flex:1 1 10px;line-height:1.2}.btn-standard{background:var(--winui-btn-standard);color:var(--winui-text-main);border:1px solid var(--winui-btn-border);border-bottom:1px solid var(--winui-btn-border-bottom)}.win-card .btn-standard{width:100%;flex:none}.btn-standard:hover{background:var(--winui-btn-hover);border-color:var(--winui-control-border-hover)}.btn-standard:active{background:var(--winui-btn-active);border-color:var(--winui-btn-border)}.btn-accent{background:var(--winui-accent);color:var(--winui-accent-text);border:1px solid transparent;font-weight:500}.btn-accent:hover{background:var(--winui-accent-hover)}.btn-accent:active{background:var(--winui-accent-active)}.btn:disabled{background:#8080800d!important;color:var(--winui-text-disabled)!important;border-color:var(--winui-btn-border)!important;cursor:default;pointer-events:none}.result-row{display:flex;gap:32px;align-items:center;color:var(--winui-text-secondary);font-size:14px;margin-bottom:auto;margin-left:auto;margin-right:auto}.result-value{font-size:18px;font-weight:600;color:var(--winui-accent);margin-left:0}.actions-layout{display:flex;gap:12px;margin-top:auto;width:100%}.card-title,.result-value,.win-input{user-select:text!important;-webkit-user-select:text!important}body.is-tauri,body.is-tauri *:not(.result-value),body.is-tauri .card-title,body.is-tauri .win-input{user-select:none!important;-webkit-user-select:none!important}body.is-tauri .result-value{user-select:text!important;-webkit-user-select:text!important}