:root{--tool-bg: #030406;--tool-surface: rgba(255, 255, 255, .03);--tool-surface-hover: rgba(255, 255, 255, .06);--tool-border: rgba(255, 255, 255, .08);--tool-text: #f8fafc;--tool-text-muted: rgba(255, 255, 255, .5);--tool-accent: #fbbf24;--tool-accent-rgb: 251, 191, 36;--tool-accent-hover: #f59e0b;--tool-danger: #ef4444;--tool-success: #10b981;--tool-radius-sm: 8px;--tool-radius-md: 12px;--tool-radius-lg: 20px;--tool-radius-pill: 100px;--tool-shadow: 0 8px 32px rgba(0, 0, 0, .4);--tool-glass: blur(20px);--tool-anim: cubic-bezier(.16, 1, .3, 1);--font-tool-sans: "Inter", -apple-system, system-ui, sans-serif;--font-tool-mono: "JetBrains Mono", monospace}.flagship-app{min-height:100vh;background:var(--tool-bg);background:radial-gradient(circle at top center,#111,#030406 80%);color:var(--tool-text);font-family:var(--font-tool-sans);overflow-x:clip;position:relative;padding:40px 20px}.flagship-container{max-width:1400px;margin:0 auto;position:relative;z-index:10;display:flex;flex-direction:column;gap:24px}.flagship-app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 10%,rgba(var(--tool-accent-rgb),.03),transparent 40%),radial-gradient(circle at 90% 90%,rgba(var(--tool-accent-rgb),.02),transparent 40%);pointer-events:none;z-index:0}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;opacity:.5;z-index:1}.tool-card{background:var(--tool-surface);border:1px solid var(--tool-border);border-radius:var(--tool-radius-md);padding:24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tool-card--wide{grid-column:1 / -1}.tool-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tool-card__title{font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--tool-text-muted);display:flex;align-items:center;gap:12px}.tool-card__title svg{opacity:.7}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:var(--tool-radius-md);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s var(--tool-anim);border:1px solid transparent}.tool-btn--primary{background:var(--tool-accent);color:#000;box-shadow:0 4px 15px rgba(var(--tool-accent-rgb),.3)}.tool-btn--primary:hover{background:var(--tool-accent-hover);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--tool-accent-rgb),.4)}.tool-btn--secondary{background:#ffffff0d;border-color:var(--tool-border);color:var(--tool-text)}.tool-btn--secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.tool-btn--icon{padding:12px;border-radius:50%;width:48px;height:48px}.tool-label{display:block;font-family:var(--font-tool-mono);font-size:.7rem;font-weight:700;color:var(--tool-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.tool-select{width:100%;-webkit-appearance:none;appearance:none;background:#0000004d;border:1px solid var(--tool-border);border-radius:var(--tool-radius-sm);padding:12px 16px;color:#fff;font-family:var(--font-tool-sans);font-size:.95rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255,255,255,0.4)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.tool-select:hover{border-color:#fff3;background-color:#ffffff0d}.tool-input{background:#0000004d;border:1px solid var(--tool-border);border-radius:var(--tool-radius-sm);padding:12px;color:#fff;font-family:var(--font-tool-mono);width:100%}input[type=range].tool-slider{-webkit-appearance:none;width:100%;background:transparent;height:32px;cursor:pointer}input[type=range].tool-slider:focus{outline:none}input[type=range].tool-slider::-webkit-slider-runnable-track{width:100%;height:4px;background:#ffffff1a;border-radius:2px;box-shadow:inset 0 1px 2px #00000080}input[type=range].tool-slider::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:12px;border-radius:2px;background:linear-gradient(to bottom,#d4d4d8,#a1a1aa);margin-top:-10px;box-shadow:0 2px 5px #00000080,inset 0 1px #fffc,inset 0 -1px #0000004d;border:1px solid #52525b;position:relative;z-index:2;transition:transform .1s}input[type=range].tool-slider:active::-webkit-slider-thumb{background:var(--tool-accent);border-color:var(--tool-accent-hover);box-shadow:0 0 15px rgba(var(--tool-accent-rgb),.5);transform:scale(1.1)}.tool-control-strip{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid var(--tool-border);border-radius:12px;padding:8px 16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.tool-control-strip::-webkit-scrollbar{display:none}.strip-group{display:flex;align-items:center;gap:8px;padding-right:16px;border-right:1px solid rgba(255,255,255,.1);margin-right:8px}.strip-group:last-child{border:none;margin:0;padding:0}.strip-label{font-size:.65rem;font-weight:800;color:var(--tool-text-muted);text-transform:uppercase;margin-right:6px}.orbital-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:#0a0e17cc;border:1px solid var(--tool-border);color:var(--tool-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:990;opacity:0;transform:translateY(20px) scale(.8);visibility:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080}.orbital-top-btn.is-visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.orbital-top-btn:hover{background:var(--tool-accent);color:#000;transform:translateY(-5px) scale(1.1);box-shadow:0 15px 40px rgba(var(--tool-accent-rgb),.4)}body.soft-load-init{opacity:0}body.soft-load-active{opacity:1;transition:opacity .6s ease-out}.tool-toggle-group{display:flex;background:#0000004d;padding:4px;border-radius:var(--tool-radius-md);border:1px solid var(--tool-border)}.tool-toggle-btn{flex:1;background:transparent;border:none;padding:8px 16px;border-radius:var(--tool-radius-sm);color:var(--tool-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.tool-toggle-btn.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 5px #0003}.tool-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.tool-logo{display:flex;align-items:center;gap:16px}.tool-logo__icon{width:48px;height:48px;background:#ffffff0d;border:1px solid var(--tool-border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--tool-accent)}.tool-logo__text h1{font-size:1.5rem;font-weight:800;margin:0;line-height:1;letter-spacing:-.02em}.tool-logo__version{font-family:var(--font-tool-mono);font-size:.7rem;color:var(--tool-accent);opacity:.8}.tool-grid{display:grid;gap:24px}.tool-grid--2{grid-template-columns:repeat(2,1fr)}.tool-grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.tool-grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.tool-grid--2,.tool-grid--3{grid-template-columns:1fr}.tool-header-row{flex-direction:column;gap:20px;align-items:flex-start}}@keyframes toolFadeIn{0%{opacity:0}to{opacity:1}}@keyframes toolSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toolPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes toolShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:toolFadeIn .4s ease both}.animate-slide-up{animation:toolSlideUp .5s ease both}@media(min-width:601px)and (max-width:1024px){.flagship-container{padding:0 24px}.tool-card{padding:20px}.tool-grid--3{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/327/assets/app-tools.css.map */