:root{--tool-bg: #141311;--tool-surface: #1b1917;--tool-surface-hover: #211e1a;--tool-border: rgba(240, 236, 225, .18);--tool-text: #f0ece1;--tool-text-muted: #9a9385;--tool-accent: #e35728;--tool-accent-rgb: 227, 87, 40;--tool-accent-hover: #f08152;--tool-danger: #c14a33;--tool-success: #8a9a78;--tool-radius-sm: 0;--tool-radius-md: 0;--tool-radius-lg: 0;--tool-radius-pill: 0;--tool-shadow: none;--tool-glass: none;--tool-anim: cubic-bezier(.16, 1, .3, 1);--font-tool-sans: "Archivo", system-ui, -apple-system, sans-serif;--font-tool-mono: "Space Mono", ui-monospace, monospace}.flagship-app{min-height:100vh;background-color:var(--tool-bg);background-image:none;color:var(--tool-text);font-family:var(--font-tool-sans);overflow-x:clip;position:relative;padding:clamp(24px,4vw,52px) 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:none}.flagship-app>.grain-overlay{display:none}.tool-card{background:var(--tool-surface);border:1px solid var(--tool-border);border-radius:var(--tool-radius-md);padding:24px}.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;min-height:44px}.tool-btn--primary{background:var(--tool-accent);color:var(--fl-orange-ink, #1d0c04);box-shadow:none}.tool-btn--primary:hover{background:var(--tool-accent-hover);transform:none;box-shadow:none}.tool-btn--secondary{background:#ffffff0d;border-color:var(--tool-border);color:var(--tool-text)}.tool-btn--secondary:hover{background:#ffffff1a;transform:none}.tool-btn--icon{padding:12px;border-radius:0;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:0;box-shadow:none}input[type=range].tool-slider::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:12px;border-radius:0;background:var(--tool-text);margin-top:-10px;box-shadow:none;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:none;transform:scale(1.1)}.tool-control-strip{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid var(--tool-border);border-radius:0;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:0;background:#080706e6;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);box-shadow:none}.orbital-top-btn.is-visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.orbital-top-btn:hover{background:var(--tool-accent);color:var(--fl-orange-ink, #1d0c04);transform:translateY(-2px);box-shadow:none}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;min-height:44px}.tool-toggle-btn.active{background:#ffffff1a;color:#fff;box-shadow:inset 0 -2px var(--tool-accent)}.tool-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--tool-text)}.tool-logo{display:flex;align-items:center;gap:16px}.tool-logo__icon{width:48px;height:48px;background:transparent;border:1px solid var(--tool-border);border-radius:0;display:flex;align-items:center;justify-content:center;color:var(--tool-text)}.tool-logo__text h1{font-family:Archivo,Helvetica Neue,sans-serif;font-size:1.6rem;font-weight:800;font-style:italic;text-transform:uppercase;margin:0;line-height:1;letter-spacing:-.03em!important}.tool-logo__version{font-family:var(--font-tool-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tool-text-muted);opacity:1}.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)}}.flagship-app :where(button,.tool-card,.panel,.hm-card,.settings-content,.transport-bar-vibe){border-radius:0!important}.flagship-app :where(button,input,select,textarea):focus-visible{outline:2px solid var(--tool-accent)!important;outline-offset:2px}.flagship-app :where(button,select){min-height:44px}@media(prefers-reduced-motion:reduce){.flagship-app *,.flagship-app *:before,.flagship-app *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/342/assets/app-tools.css.map */