:root{color-scheme:light}.dark{color-scheme:dark}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}@keyframes ms-page-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes ms-pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}.calculator-page,.image-tools-page,.media-tool-page,.tool-page{animation:ms-page-in .38s ease-out both}.calculator-page main,.image-tools-page main,.media-tool-page main,.tool-page main{background:radial-gradient(circle at 50% 0,hsl(var(--color-accent)/.055),transparent 34rem)}.calculator-page input,.calculator-page select,.calculator-page textarea,.image-tools-page input,.image-tools-page select,.image-tools-page textarea,.media-tool-page input,.media-tool-page select,.media-tool-page textarea,.tool-page input,.tool-page select,.tool-page textarea{min-height:46px;border-radius:14px!important;border:1px solid hsl(var(--color-border))!important;background:hsl(var(--color-card)/.96)!important;color:hsl(var(--color-foreground))!important;box-shadow:0 2px 10px hsl(var(--color-foreground)/.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.calculator-page input:focus,.calculator-page select:focus,.calculator-page textarea:focus,.image-tools-page input:focus,.image-tools-page select:focus,.image-tools-page textarea:focus,.media-tool-page input:focus,.media-tool-page select:focus,.media-tool-page textarea:focus,.tool-page input:focus,.tool-page select:focus,.tool-page textarea:focus{border-color:hsl(var(--color-accent)/.68)!important;box-shadow:0 0 0 4px hsl(var(--color-accent)/.1),0 6px 18px hsl(var(--color-foreground)/.05);outline:none}.calculator-page button,.image-tools-page button,.media-tool-page button,.tool-page button{min-height:44px;border-radius:14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.calculator-page button:hover:not(:disabled),.image-tools-page button:hover:not(:disabled),.media-tool-page button:hover:not(:disabled),.tool-page button:hover:not(:disabled){transform:translateY(-1px)}[data-ux-primary=true]{background:linear-gradient(135deg,hsl(var(--color-accent)),hsl(var(--color-success)))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 26px hsl(var(--color-success)/.22)}[data-ux-primary=true]:hover:not(:disabled){box-shadow:0 14px 32px hsl(var(--color-success)/.3)}[data-ux-primary=true]:disabled{opacity:.55;box-shadow:none}.ms-tool-surface{background:linear-gradient(135deg,hsl(var(--color-card)/.98),hsl(var(--color-muted)/.32));border:1px solid hsl(var(--color-border));border-radius:24px;box-shadow:0 18px 55px hsl(var(--color-foreground)/.07)}.ms-dropzone{position:relative;overflow:hidden;border:1.5px dashed hsl(var(--color-accent)/.38);background:radial-gradient(circle at 50% 20%,hsl(var(--color-accent)/.09),transparent 55%),hsl(var(--color-card)/.65);border-radius:22px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.ms-dropzone:hover,.ms-dropzone[data-drag-active=true]{border-color:hsl(var(--color-accent)/.72);background:radial-gradient(circle at 50% 20%,hsl(var(--color-accent)/.15),transparent 58%),hsl(var(--color-card)/.82);transform:translateY(-1px)}.ms-icon-orbit{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,hsl(var(--color-accent)/.15),hsl(var(--color-success)/.11));color:hsl(var(--color-accent));box-shadow:inset 0 1px 0 hsl(0 0% 100%/.4),0 12px 28px hsl(var(--color-success)/.12)}.ms-status-row{display:flex;align-items:center;gap:.65rem;border-radius:16px;padding:.75rem .9rem;background:hsl(var(--color-card)/.8);border:1px solid hsl(var(--color-border));font-size:.84rem}.ms-status-dot{width:8px;height:8px;border-radius:999px;background:hsl(var(--color-muted-foreground));flex:0 0 auto}.ms-status-dot[data-state=active]{background:hsl(var(--color-accent));box-shadow:0 0 0 5px hsl(var(--color-accent)/.1);animation:ms-pulse 1.5s ease-in-out infinite}.ms-status-dot[data-state=done]{background:hsl(var(--color-success));box-shadow:0 0 0 5px hsl(var(--color-success)/.1)}.ms-progress-track{position:relative;height:10px;overflow:hidden;border-radius:999px;background:hsl(var(--color-muted));box-shadow:inset 0 1px 2px hsl(var(--color-foreground)/.08)}.ms-progress-fill{position:relative;height:100%;border-radius:inherit;background:linear-gradient(90deg,hsl(var(--color-accent)),hsl(var(--color-success)));transition:width .45s cubic-bezier(.22,1,.36,1)}.ms-progress-fill:after{content:"";position:absolute;inset:0 auto 0 0;width:30%;background:linear-gradient(90deg,transparent,hsl(0 0% 100%/.34),transparent);transform:translateX(-120%);animation:ms-progress-shine 1.15s linear infinite}@keyframes ms-progress-shine{to{transform:translateX(420%)}}.ms-progress-value{font-variant-numeric:tabular-nums;letter-spacing:-.03em}.ms-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.55rem}.ms-option{min-height:56px!important;padding:.65rem .7rem;border:1px solid hsl(var(--color-border));background:hsl(var(--color-card)/.82);border-radius:15px!important;font-weight:700;font-size:.78rem;color:hsl(var(--color-muted-foreground))}.ms-option:hover:not(:disabled){border-color:hsl(var(--color-accent)/.42);color:hsl(var(--color-foreground));background:hsl(var(--color-accent)/.05)}.ms-option[aria-pressed=true]{border-color:hsl(var(--color-accent)/.56);background:linear-gradient(135deg,hsl(var(--color-accent)/.12),hsl(var(--color-success)/.07));color:hsl(var(--color-accent));box-shadow:0 7px 18px hsl(var(--color-success)/.09)}.calculator-hub .ms-media-card,.media-tools-hub .ms-media-card,.tool-hub .ms-media-card{background:linear-gradient(140deg,hsl(var(--color-card)/.98),hsl(var(--color-muted)/.28));border:1px solid hsl(var(--color-border));border-radius:20px;box-shadow:0 8px 26px hsl(var(--color-foreground)/.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.calculator-hub .ms-media-card:hover,.media-tools-hub .ms-media-card:hover,.tool-hub .ms-media-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px hsl(var(--color-foreground)/.08);border-color:hsl(var(--color-accent)/.3)}.calculator-page .ms-setting-card,.image-tools-page .ms-setting-card,.media-tool-page .ms-setting-card{background:hsl(var(--color-card)/.86);border:1px solid hsl(var(--color-border));border-radius:18px;padding:1rem;box-shadow:0 6px 20px hsl(var(--color-foreground)/.035)}.image-tools-page .ms-file-row,.media-tool-page .ms-file-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.75rem .85rem;background:hsl(var(--color-card)/.86);border:1px solid hsl(var(--color-border));border-radius:15px}.image-tools-page .ms-file-row+.ms-file-row,.media-tool-page .ms-file-row+.ms-file-row{margin-top:.55rem}.ms-muted{color:hsl(var(--color-muted-foreground))}.ms-eyebrow{display:inline-flex;align-items:center;gap:.4rem;border:1px solid hsl(var(--color-accent)/.22);background:hsl(var(--color-accent)/.07);color:hsl(var(--color-accent));border-radius:999px;padding:.34rem .68rem;font-size:.72rem;font-weight:800;letter-spacing:.02em}.tool-page .fu-root{font-family:inherit!important;color:hsl(var(--color-foreground))!important}.tool-page .fu-tab-bar{background:hsl(var(--color-card)/.76)!important;border-color:hsl(var(--color-border))!important}.tool-page .fu-tab{color:hsl(var(--color-muted-foreground))!important}.tool-page .fu-tab-active{background:linear-gradient(135deg,hsl(var(--color-accent)/.12),hsl(var(--color-success)/.08))!important;color:hsl(var(--color-accent))!important;border-color:hsl(var(--color-accent)/.28)!important;box-shadow:0 8px 22px hsl(var(--color-success)/.08)!important}.tool-page .fu-dropzone{border-color:hsl(var(--color-accent)/.35)!important;background:radial-gradient(ellipse 60% 50% at 50% 0,hsl(var(--color-accent)/.1),transparent 70%),hsl(var(--color-card)/.58)!important}.tool-page .fu-dropzone-drag,.tool-page .fu-dropzone:hover{border-color:hsl(var(--color-accent)/.72)!important;background:linear-gradient(135deg,hsl(var(--color-accent)/.09),hsl(var(--color-success)/.06))!important;box-shadow:0 0 0 4px hsl(var(--color-accent)/.08),0 18px 45px hsl(var(--color-success)/.08)!important}.tool-page .fu-icon-ring{background:linear-gradient(135deg,hsl(var(--color-accent)/.14),hsl(var(--color-success)/.09))!important;border-color:hsl(var(--color-accent)/.24)!important;box-shadow:0 0 28px hsl(var(--color-success)/.12)!important}.tool-page .fu-btn{background:linear-gradient(135deg,hsl(var(--color-accent)),hsl(var(--color-success)))!important;color:#fff!important;box-shadow:0 8px 24px hsl(var(--color-success)/.22)!important}.tool-page .fu-panel,.tool-page .fu-url-input{background:hsl(var(--color-card)/.72)!important;border-color:hsl(var(--color-border))!important;color:hsl(var(--color-foreground))!important}@media(max-width:767px){.calculator-page,.image-tools-page,.media-tool-page,.tool-page{overflow-x:hidden}.calculator-page .ms-tool-surface,.image-tools-page .ms-tool-surface,.media-tool-page .ms-tool-surface,.tool-page .ms-tool-surface{border-radius:20px}.calculator-page header,.image-tools-page header,.media-tool-page header,.tool-page header{padding-inline:.1rem}.media-tool-page .ms-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-tool-page .ms-progress-track{height:9px}.ms-option{min-height:52px!important}.ms-file-row{align-items:flex-start;flex-direction:column}.ms-file-row>*{width:100%}.tool-page .fu-url-row{flex-direction:column}.tool-page .fu-url-row .fu-btn{width:100%;justify-content:center}.tool-page .fu-tab{padding:.65rem .45rem;font-size:12px}.tool-page .fu-panel{padding:1rem}.tool-page .fu-dropzone{min-height:220px;padding:2rem 1rem}}@media(prefers-reduced-motion:reduce){.calculator-page,.image-tools-page,.media-tool-page,.ms-progress-fill:after,.ms-shimmer,.ms-status-dot[data-state=active],.tool-page{animation:none}.calculator-page button,.image-tools-page button,.media-tool-page button,.tool-page button{transition:none}.calculator-page button:hover:not(:disabled),.image-tools-page button:hover:not(:disabled),.media-tool-page button:hover:not(:disabled),.tool-page button:hover:not(:disabled){transform:none}.tool-page .fu-btn,.tool-page .fu-dropzone{transition:none}}