#app{width:100%;min-height:100vh}:root{--iso-primary:#00d4ff;--iso-primary-dark:#09c;--iso-primary-light:#3df;--iso-secondary:#7c3aed;--iso-secondary-dark:#5b21b6;--iso-secondary-light:#a78bfa;--iso-accent:#f59e0b;--iso-success:#10b981;--iso-warning:#f59e0b;--iso-danger:#ef4444;--iso-bg-dark:#0a0e27;--iso-bg-card:#111638;--iso-bg-input:#0d1233;--iso-bg-surface:#161b40;--iso-text-primary:#e2e8f0;--iso-text-secondary:#94a3b8;--iso-text-muted:#64748b;--iso-border:#1e2a5a;--iso-border-light:#2a3a7a;--iso-glow-primary:#00d4ff66;--iso-glow-secondary:#7c3aed66;--iso-shadow-sm:0 2px 4px #0000004d;--iso-shadow-md:0 4px 12px #0006;--iso-shadow-lg:0 8px 24px #00000080;--iso-shadow-glow:0 0 20px #00d4ff4d;--iso-shadow-glow-strong:0 0 40px #00d4ff80;--iso-font-xs:.75rem;--iso-font-sm:.875rem;--iso-font-base:1rem;--iso-font-lg:1.125rem;--iso-font-xl:1.25rem;--iso-font-2xl:1.5rem;--iso-font-3xl:1.875rem;--iso-font-4xl:2.25rem;--iso-spacing-xs:.25rem;--iso-spacing-sm:.5rem;--iso-spacing-md:1rem;--iso-spacing-lg:1.5rem;--iso-spacing-xl:2rem;--iso-spacing-2xl:3rem;--iso-radius-sm:6px;--iso-radius-md:10px;--iso-radius-lg:16px;--iso-radius-xl:24px;--iso-transition-fast:.15s ease;--iso-transition-base:.3s ease;--iso-transition-slow:.5s ease;--iso-z-dropdown:100;--iso-z-modal:200;--iso-z-toast:300}.iso-container{perspective:800px;transform-style:preserve-3d}.iso-depth-1{transition:transform var(--iso-transition-base);transform:perspective(800px)rotateX(2deg)rotateY(-2deg)}.iso-depth-2{transition:transform var(--iso-transition-base);transform:perspective(800px)rotateX(4deg)rotateY(-4deg)}.iso-depth-3{transition:transform var(--iso-transition-base);transform:perspective(800px)rotateX(6deg)rotateY(-6deg)}.iso-depth-1:hover,.iso-depth-2:hover,.iso-depth-3:hover{transform:perspective(800px)rotateX(0)rotateY(0)translateY(-8px)}.iso-glow{box-shadow:var(--iso-shadow-glow);transition:box-shadow var(--iso-transition-base)}.iso-glow:hover{box-shadow:var(--iso-shadow-glow-strong)}.iso-glow-primary{box-shadow:0 0 20px #00d4ff4d,inset 0 0 20px #00d4ff0d}.iso-glow-secondary{box-shadow:0 0 20px #7c3aed4d,inset 0 0 20px #7c3aed0d}.iso-float{animation:3s ease-in-out infinite isoFloat}@keyframes isoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.iso-glass{-webkit-backdrop-filter:blur(20px);background:#111638b3;border:1px solid #00d4ff26}.iso-card-base{background:var(--iso-bg-card);border:1px solid var(--iso-border);border-radius:var(--iso-radius-md);transition:all var(--iso-transition-base);position:relative}.iso-card-base:after{content:"";background:linear-gradient(135deg, var(--iso-primary-dark), var(--iso-secondary-dark));border-radius:0 0 var(--iso-radius-md) var(--iso-radius-md);opacity:.6;height:6px;transition:opacity var(--iso-transition-base);position:absolute;bottom:-6px;left:3px;right:3px}.iso-card-base:hover{box-shadow:var(--iso-shadow-glow-strong);border-color:var(--iso-primary);transform:translateY(-8px)}.iso-card-base:hover:after{opacity:1}.iso-gradient-border{border:none;position:relative}.iso-gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--iso-primary), var(--iso-secondary));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.iso-text-gradient{background:linear-gradient(135deg, var(--iso-primary), var(--iso-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.iso-bg-gradient{background:linear-gradient(135deg, var(--iso-bg-dark), var(--iso-bg-card))}.iso-pulse{animation:2s ease-in-out infinite isoPulse}@keyframes isoPulse{0%,to{opacity:1}50%{opacity:.7}}.iso-rotate-cube{transform-style:preserve-3d;animation:2s linear infinite isoRotateCube}@keyframes isoRotateCube{0%{transform:rotateX(0)rotateY(0)}25%{transform:rotateX(90deg)rotateY(90deg)}50%{transform:rotateX(180deg)rotateY(180deg)}75%{transform:rotateX(270deg)rotateY(270deg)}to{transform:rotateX(360deg)rotateY(360deg)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--iso-text-primary);background-color:var(--iso-bg-dark);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif}a{color:var(--iso-primary);transition:color var(--iso-transition-fast);text-decoration:none}a:hover{color:var(--iso-primary-light)}ul,ol{list-style:none}input,textarea,select,button{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--iso-bg-dark)}::-webkit-scrollbar-thumb{background:var(--iso-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--iso-border-light)}@media (width<=768px){html{font-size:14px}}@media (width<=480px){html{font-size:13px}}.fade-enter-active,.fade-leave-active{transition:opacity var(--iso-transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--iso-transition-base)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}.slide-down-enter-active,.slide-down-leave-active{transition:all var(--iso-transition-base)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-20px)}@media print{.iso-navbar,.iso-footer,.iso-navbar~*,.editor-preview,.no-print{display:none!important}.editor-form,.optimize-container{width:100%!important;max-width:100%!important;padding:0!important}}