@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-primary: #07080a;--bg-secondary: #0d0e12;--bg-tertiary: #111318;--surface-glass: rgba(22, 24, 30, .6);--surface-card: rgba(16, 18, 22, .8);--surface-elevated: rgba(28, 30, 36, .7);--surface-hover: rgba(255, 255, 255, .04);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--border-glow: rgba(0, 229, 255, .2);--accent-cyan: #00e5ff;--accent-cyan-dim: rgba(0, 229, 255, .08);--accent-cyan-muted: rgba(0, 229, 255, .15);--accent-blue: #2979ff;--accent-blue-dim: rgba(41, 121, 255, .08);--accent-violet: #7c4dff;--accent-violet-dim: rgba(124, 77, 255, .08);--accent-emerald: #00e676;--accent-emerald-dim: rgba(0, 230, 118, .08);--accent-rose: #ff2d55;--accent-rose-dim: rgba(255, 45, 85, .08);--accent-amber: #fbbf24;--accent-amber-dim: rgba(251, 191, 36, .08);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--text-disabled: #475569;--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--fs-xs: clamp(8px, .5vw + 7px, 9px);--fs-sm: clamp(10px, .5vw + 9px, 11px);--fs-base: clamp(12px, .5vw + 11px, 13px);--fs-md: clamp(14px, .5vw + 13px, 15px);--fs-lg: clamp(16px, .5vw + 15px, 18px);--fs-xl: clamp(20px, 1vw + 16px, 24px);--fs-2xl: clamp(26px, 2vw + 18px, 36px);--fs-3xl: clamp(34px, 3vw + 22px, 52px);--fs-hero: clamp(38px, 5vw + 20px, 72px);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15);--shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, .37), 0 2px 8px rgba(0, 0, 0, .2);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .3);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .6);--shadow-neon-cyan: 0 0 20px rgba(0, 229, 255, .12), 0 0 4px rgba(0, 229, 255, .06);--shadow-neon-rose: 0 0 20px rgba(255, 45, 85, .12);--shadow-neon-violet: 0 0 20px rgba(124, 77, 255, .12);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .4), 0 0 20px rgba(0, 229, 255, .06);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-apple: cubic-bezier(.25, .1, .25, 1);--ease-bounce: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.45, 0, .15, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-enter: .35s;--duration-exit: .2s;--duration-page: .5s;--backdrop-blur-glass: blur(16px);--backdrop-blur-heavy: blur(24px);--backdrop-blur-nav: saturate(180%) blur(20px);--editor-bg: #0a0b0e;--editor-surface: rgba(10, 11, 14, .95);--editor-panel-width: 280px;--editor-panel-collapsed: 48px;--editor-toolbar-h: 52px;--editor-strip-h: 100px;--page-white: #ffffff;--page-shadow: 0 4px 24px rgba(0,0,0,.4), 0 1px 4px rgba(0,0,0,.2);--transition-panel: width .3s var(--ease-in-out)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scroll-behavior:smooth}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:#00e5ff33;color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:var(--radius-pill);transition:background var(--duration-normal) ease}::-webkit-scrollbar-thumb:hover{background:#00e5ff40}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.15}p{line-height:1.6}small{font-size:var(--fs-sm);color:var(--text-muted)}code{font-family:var(--font-mono);font-size:.9em}.h1{font-size:var(--fs-hero);font-weight:800;letter-spacing:-.03em;line-height:1.05}.h2{font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.02em;line-height:1.1}.h3{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.015em}.h4{font-size:var(--fs-xl);font-weight:700}.h5{font-size:var(--fs-lg);font-weight:600}.h6{font-size:var(--fs-md);font-weight:600}.gradient-text{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg,var(--accent-amber),var(--accent-rose));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{font-size:var(--fs-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent-cyan);font-family:var(--font-mono);margin-bottom:var(--sp-3)}.section-title{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--sp-4)}.section-desc{font-size:var(--fs-md);color:var(--text-secondary);max-width:560px;line-height:1.7}.glass-panel{background:var(--surface-glass);backdrop-filter:var(--backdrop-blur-glass);-webkit-backdrop-filter:var(--backdrop-blur-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-premium);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.glass-panel:hover{border-color:var(--border-glow);box-shadow:var(--shadow-premium),var(--shadow-neon-cyan)}.glass-panel-lift:hover{transform:translateY(-2px)}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-apple)}.card-interactive{cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.card-interactive:hover{transform:translateY(-3px);border-color:var(--border-glow);box-shadow:var(--shadow-card-hover)}.card-interactive:active{transform:translateY(-1px) scale(.995)}.bento-grid{display:grid;gap:var(--sp-4)}.bento-grid-2{grid-template-columns:repeat(2,1fr)}.bento-grid-3{grid-template-columns:repeat(3,1fr)}.bento-grid-4{grid-template-columns:repeat(4,1fr)}.bento-span-2{grid-column:span 2}.bento-span-full{grid-column:1 / -1}@media (max-width: 768px){.bento-grid-2,.bento-grid-3,.bento-grid-4{grid-template-columns:1fr}.bento-span-2{grid-column:span 1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-body);font-weight:600;font-size:var(--fs-sm);border:none;border-radius:var(--radius-sm);cursor:pointer;padding:10px 20px;transition:all var(--duration-normal) var(--ease-apple);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#000;font-weight:700;box-shadow:0 4px 14px #00e5ff33}.btn-primary:hover:not(:disabled){box-shadow:0 6px 24px #00e5ff59;transform:translateY(-1px)}.btn-secondary{background:#ffffff0a;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:var(--border-medium);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0a}.btn-danger{background:#ff2d551a;color:var(--accent-rose);border:1px solid rgba(255,45,85,.2)}.btn-danger:hover:not(:disabled){background:#ff2d552e;border-color:#ff2d5559}.btn-icon{padding:8px;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-apple)}.btn-icon:hover{color:var(--text-primary);background:#ffffff0f}.btn-lg{padding:14px 32px;font-size:var(--fs-base);border-radius:var(--radius-md)}.btn-sm{padding:6px 14px;font-size:10px}.nav-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-normal) var(--ease-apple);white-space:nowrap}.nav-pill:hover{color:var(--text-primary);background:#ffffff0a}.nav-pill-active{color:var(--accent-cyan);background:var(--accent-cyan-dim);border-color:var(--accent-cyan-muted)}.input{width:100%;padding:10px 14px;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-primary);background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);outline:none;transition:border-color var(--duration-normal) var(--ease-apple),box-shadow var(--duration-normal) var(--ease-apple)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00e5ff14}.input:disabled{opacity:.4;cursor:not-allowed}.input-lg{padding:14px 18px;font-size:var(--fs-base);border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:var(--fs-xs);font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.5px}.badge-cyan{color:var(--accent-cyan);background:var(--accent-cyan-dim);border:1px solid var(--accent-cyan-muted)}.badge-emerald{color:var(--accent-emerald);background:var(--accent-emerald-dim);border:1px solid rgba(0,230,118,.2)}.badge-rose{color:var(--accent-rose);background:var(--accent-rose-dim);border:1px solid rgba(255,45,85,.2)}.badge-amber{color:var(--accent-amber);background:var(--accent-amber-dim);border:1px solid rgba(251,191,36,.2)}.badge-violet{color:var(--accent-violet);background:var(--accent-violet-dim);border:1px solid rgba(124,77,255,.2)}.badge-muted{color:var(--text-muted);background:#ffffff08;border:1px solid var(--border-subtle)}.trust-row{display:flex;align-items:center;gap:var(--sp-6);flex-wrap:wrap;justify-content:center}.trust-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);font-weight:500}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 10px;font-size:10px;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--duration-fast) var(--ease-out);z-index:100}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1500;padding:var(--sp-5);animation:modalOverlayIn var(--duration-enter) var(--ease-out)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:480px;width:100%;box-shadow:var(--shadow-xl);animation:modalContentIn var(--duration-enter) var(--ease-spring)}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;bottom:var(--sp-6);right:var(--sp-6);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;z-index:2000;animation:toastIn var(--duration-enter) var(--ease-spring);box-shadow:var(--shadow-md)}.toast-success{background:#00e6761f;color:var(--accent-emerald);border:1px solid rgba(0,230,118,.25)}.toast-error{background:#ff2d551f;color:var(--accent-rose);border:1px solid rgba(255,45,85,.25)}.toast-info{background:#00e5ff1f;color:var(--accent-cyan);border:1px solid rgba(0,229,255,.25)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.divider{border:none;height:1px;background:var(--border-subtle);margin:var(--sp-4) 0}.empty-state{padding:var(--sp-12) var(--sp-6);text-align:center;border:1.5px dashed rgba(255,255,255,.06);border-radius:var(--radius-md);background:#ffffff03}.empty-state h4{font-size:var(--fs-md);font-weight:700;margin-bottom:var(--sp-2)}.empty-state p{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--sp-4);max-width:320px;margin-left:auto;margin-right:auto}@keyframes scanning{0%{top:0%}50%{top:100%}to{top:0%}}.scan-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);animation:scanning 4s linear infinite;pointer-events:none;opacity:.8}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}.pulse-glow-effect{animation:pulse-glow 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-animation{animation:float 3s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.fade-delay-1{animation-delay:.1s}.fade-delay-2{animation-delay:.2s}.fade-delay-3{animation-delay:.3s}.fade-delay-4{animation-delay:.4s}.fade-delay-5{animation-delay:.5s}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.page-enter{animation:pageEnter var(--duration-page) var(--ease-apple) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.editor-canvas-bg{background-color:var(--bg-primary);background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px}.editor-panel-scroll::-webkit-scrollbar{width:4px}.editor-panel-scroll::-webkit-scrollbar-track{background:transparent}.editor-panel-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.editor-panel-scroll::-webkit-scrollbar-thumb:hover{background:#00e5ff33}.editor-strip-scroll::-webkit-scrollbar{height:4px}.editor-strip-scroll::-webkit-scrollbar-track{background:transparent}.editor-strip-scroll::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}@keyframes editorSlideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes editorSlideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes editorFadeIn{0%{opacity:0}to{opacity:1}}.counter-animate{display:inline-block;transition:transform .3s var(--ease-spring)}.counter-animate.bump{transform:scale(1.15)}.progress-ring{transition:stroke-dashoffset .6s var(--ease-apple);transform:rotate(-90deg);transform-origin:50% 50%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){:root{--editor-panel-width: 100%;--editor-panel-collapsed: 0px;--editor-toolbar-h: 48px;--editor-strip-h: 80px}.parchi-editor-row{grid-template-columns:1fr!important}.parchi-upload-row{flex-direction:column!important}.parchi-dropzone{min-width:0!important}.parchi-credits-box{min-width:0!important;width:100%!important}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.btn{min-height:44px}.nav-pill{min-height:40px;padding:8px 16px}}@media (max-width: 480px){.btn{padding:8px 14px;font-size:10px}}@media print{body{background:#fff!important;color:#000!important}nav,.toast,.modal-overlay,aside{display:none!important}}