:root,[data-theme=light]{--bg: #f3f5f9;--bg-elevated: #ffffff;--bg-soft: #eef1f6;--border: #d5dae5;--text: #152033;--muted: #5c6b82;--accent: #0d9f90;--accent-2: #d97706;--danger: #dc4a4a;--ok: #2f9e55;--warn: #c99212;--font-display: "Orbitron", sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--radius: 10px;--shadow: 0 16px 40px rgba(21, 32, 51, .08);--btn-primary-text: #041413;--grid-line: rgba(13, 159, 144, .08);--glow: rgba(13, 159, 144, .14);--canvas-bg: #e8ecf2;--topnav-bg: rgba(243, 245, 249, .88);--brand-grad-1: #152033;--brand-grad-2: #0d9f90;--brand-grad-3: #d97706}[data-theme=dark]{--bg: #0b0d12;--bg-elevated: #12151d;--bg-soft: #1a1f2b;--border: #2a3142;--text: #e8ecf4;--muted: #8b95a8;--accent: #3dd6c6;--accent-2: #f0a35e;--danger: #e85d5d;--ok: #5dce7b;--warn: #e6c35c;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--btn-primary-text: #041413;--grid-line: rgba(61, 214, 198, .04);--glow: rgba(240, 163, 94, .12);--canvas-bg: #05070b;--topnav-bg: rgba(11, 13, 18, .8);--brand-grad-1: #e8ecf4;--brand-grad-2: #3dd6c6;--brand-grad-3: #f0a35e}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.5;transition:background-color .25s ease,color .25s ease}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%);pointer-events:none;z-index:0;animation:grid-drift 40s linear infinite}.bg-glow{position:fixed;width:60vw;height:60vw;top:-20%;right:-15%;background:radial-gradient(circle,var(--glow),transparent 65%);pointer-events:none;z-index:0;animation:glow-pulse 8s ease-in-out infinite}@keyframes grid-drift{0%{transform:translateY(0)}to{transform:translateY(48px)}}@keyframes glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.topnav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--topnav-bg)}.brand,.brand-hero-block{font-family:var(--font-display);letter-spacing:.08em;color:var(--text);text-decoration:none}.brand{display:inline-flex;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:700;min-width:0}.brand-text{font-family:inherit;font-weight:inherit;letter-spacing:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark{display:inline-block;flex-shrink:0;width:2rem;height:1.7rem;background-color:currentColor;-webkit-mask:url(/brand-mark.png) center / contain no-repeat;mask:url(/brand-mark.png) center / contain no-repeat}.brand-hero-block{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin-bottom:.5rem}.brand-mark--hero{width:clamp(4.5rem,14vw,7.5rem);height:clamp(3.8rem,12vw,6.4rem);background:linear-gradient(120deg,var(--brand-grad-1),var(--brand-grad-2),var(--brand-grad-3));animation:brand-in 1s ease-out}.brand-hero{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);font-weight:700;letter-spacing:.08em;margin:0;background:linear-gradient(120deg,var(--brand-grad-1),var(--brand-grad-2),var(--brand-grad-3));-webkit-background-clip:text;background-clip:text;color:transparent;animation:brand-in 1s ease-out}@keyframes brand-in{0%{opacity:0;transform:translateY(16px);letter-spacing:.2em}to{opacity:1;transform:translateY(0);letter-spacing:.08em}}.topnav nav{display:flex;gap:.75rem;align-items:center}.topnav nav a:not(.btn){color:var(--muted);font-size:.95rem}.topnav nav a:not(.btn):hover{color:var(--text);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:8px;border:1px solid transparent;font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none!important;transition:transform .15s,background .15s,border-color .15s,color .15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:var(--btn-primary-text)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-lg{padding:.85rem 1.4rem;font-size:1rem}.btn-icon,.theme-toggle{width:2.25rem;height:2.25rem;padding:0;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:1.05rem;line-height:1;cursor:pointer}.btn-icon:hover,.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle-float{position:fixed;top:1rem;right:1rem;z-index:50}.hero{position:relative;z-index:1;min-height:calc(100vh - 70px);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem 6rem;max-width:980px}.hero h1{font-family:var(--font-display);font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:500;margin:0 0 1rem;max-width:18ch;animation:fade-up .9s ease-out .15s both}.lede{color:var(--muted);font-size:1.15rem;max-width:42ch;margin:0 0 2rem;animation:fade-up .9s ease-out .3s both}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;animation:fade-up .9s ease-out .45s both}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section{position:relative;z-index:1;padding:4rem 2rem;max-width:1100px;margin:0 auto}.section h2{font-family:var(--font-display);font-size:1.5rem;margin:0 0 .5rem}.section-sub{color:var(--muted);margin:0 0 2rem}.tool-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.tool-cards article{padding:1.25rem;background:linear-gradient(160deg,var(--bg-elevated),var(--bg-soft));border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,transform .2s}.tool-cards article:hover{border-color:var(--accent);transform:translateY(-3px)}.tool-icon{display:block;font-size:1.5rem;color:var(--accent);margin-bottom:.5rem}.tool-cards h3{margin:0 0 .4rem;font-size:1rem}.tool-cards p{margin:0;color:var(--muted);font-size:.9rem}.price-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.price-plan{padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.price-plan.featured{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),var(--shadow)}.price{font-family:var(--font-display);font-size:2rem;margin:.5rem 0 1rem}.price span{font-size:.9rem;color:var(--muted)}.price-plan ul{padding-left:1.1rem;color:var(--muted);margin:0 0 1.25rem}.site-footer{position:relative;z-index:1;display:flex;justify-content:space-between;padding:2rem;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);padding:1rem .85rem 1.25rem;display:flex;flex-direction:column;gap:.15rem;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;min-width:0;z-index:40}.sidebar-top{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;margin-bottom:.85rem;padding:0 .2rem;flex-shrink:0}.sidebar-controls{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-shrink:0}.sidebar-controls .btn-icon{min-width:2.25rem;font-size:.75rem;font-weight:600;letter-spacing:.02em}.sidebar .brand{margin-bottom:0;padding:0;font-size:1.15rem;width:100%;min-width:0;gap:.7rem;letter-spacing:.05em}.sidebar .brand-mark{width:2.75rem;height:2.35rem}.sidebar .brand-text{font-size:1.15rem;overflow:visible;text-overflow:clip}.sidebar-drawer{display:flex;flex-direction:column;gap:.15rem;flex:1;min-height:0}.sidebar-nav{display:flex;flex-direction:column;gap:.1rem;min-width:0}.sidebar-nav-mobile,.sidebar-tools,.nav-toggle,.nav-backdrop{display:none}.sidebar a,.sidebar-tool-link{display:block;color:var(--muted);padding:.5rem .7rem;border-radius:8px;text-decoration:none;font-size:.88rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar a:hover,.sidebar a.active,.sidebar-tool-link:hover,.sidebar-tool-link.active{background:var(--bg-soft);color:var(--text)}.sidebar a.active,.sidebar-tool-link.active{border-left:2px solid var(--accent);padding-left:calc(.7rem - 2px)}.sidebar .spacer{flex:1;min-height:.75rem}.nav-toggle-bars{display:block;width:1rem;height:2px;margin:0 auto;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor;border-radius:1px}.main-panel{position:relative;z-index:1;padding:1.25rem 1.75rem 2rem;min-width:0;max-width:1520px;width:100%}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.page-header h1{font-family:var(--font-display);font-size:1.25rem;margin:0}.page-header p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.page-header .actions{margin-top:0}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .85rem}.stat .label{color:var(--muted);font-size:.75rem}.stat .value{font-family:var(--font-display);font-size:1.15rem;margin-top:.2rem;word-break:break-all}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem}.panel h2{font-size:.95rem;margin:0 0 .75rem;font-family:var(--font-display)}.form-grid{display:grid;gap:.85rem;min-width:0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;min-width:0}label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted);min-width:0}input,textarea,select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.65rem .75rem;font-family:var(--font-body);font-size:.95rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}input[type=file]{padding:.5rem;font-size:.85rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}textarea{min-height:110px;resize:vertical}.tool-launch{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.tool-launch a{display:flex;flex-direction:column;justify-content:center;gap:.35rem;min-width:0;min-height:5.5rem;padding:1rem 1.1rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}.tool-launch a:hover{border-color:var(--accent);transform:translateY(-2px)}.tool-launch strong{display:block;font-size:.95rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-launch span{color:var(--muted);font-size:.82rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gen-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.gen-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:.35rem}.gen-card .meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;color:var(--muted);font-size:.75rem;margin-bottom:0;min-width:0}.gen-card .meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.gen-card .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;font-size:.95rem;line-height:1.35;margin:0}.gen-card .actions{margin-top:auto;padding-top:.35rem}.gen-card .btn-sm{padding:.35rem .65rem;font-size:.8rem}.badge{display:inline-block;padding:.15rem .45rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-ok{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.badge-pending{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.badge-fail{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.loader{display:none;align-items:center;gap:.75rem;padding:1rem;color:var(--muted)}.loader.visible{display:flex}.spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;overflow:auto;max-height:480px}.result-box pre{margin:0;font-size:.8rem;white-space:pre-wrap;word-break:break-word}.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem;position:relative}.auth-card{width:100%;max-width:420px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:var(--shadow);position:relative;z-index:1}.auth-card .brand{margin-bottom:1.1rem}.auth-card h1{font-family:var(--font-display);font-size:1.3rem;margin:0 0 .25rem}.auth-card .sub{color:var(--muted);margin:0 0 1.5rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);padding:.85rem 1.1rem;border-radius:8px;z-index:100;box-shadow:var(--shadow);animation:fade-up .3s ease-out}.toast.error{border-color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a128c;display:grid;place-items:center;z-index:10000;padding:1rem}.modal-card{width:min(420px,100%);background:var(--panel, var(--bg-elevated));border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.35rem;box-shadow:0 18px 50px #00000047}.modal-card h2{margin:0 0 1rem;font-family:Orbitron,sans-serif;font-size:1.1rem}.canvas-wrap{background:var(--canvas-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;max-height:520px}#levelCanvas{display:block;image-rendering:pixelated}.preview-img{max-width:100%;border-radius:var(--radius);border:1px solid var(--border)}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}@media(max-width:1100px){.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-launch{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;height:auto;max-height:none;flex-direction:column;overflow:visible;border-right:none;border-bottom:1px solid var(--border);padding:.75rem .85rem;z-index:60}.sidebar-top{width:100%;margin-bottom:0}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.sidebar-nav-desktop{display:none}.sidebar-drawer{display:none;position:absolute;left:0;right:0;top:100%;max-height:min(75vh,560px);overflow-y:auto;background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:.75rem .85rem 1rem;box-shadow:0 12px 28px #00000047;gap:.35rem}.sidebar.is-open .sidebar-drawer,.sidebar-nav-mobile{display:flex}.sidebar-tools{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.65rem;border-top:1px solid var(--border)}.sidebar-tools-title{margin:0 0 .35rem;padding:0 .7rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.sidebar-tool-link{white-space:normal;padding:.65rem .7rem}.sidebar-tool-link strong{display:block;font-size:.9rem;color:var(--text);margin-bottom:.15rem}.sidebar-tool-link span{display:block;font-size:.78rem;color:var(--muted);line-height:1.3}.sidebar .spacer{display:none}.sidebar-logout{margin-top:.5rem;border-top:1px solid var(--border);padding-top:.75rem}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50}.nav-backdrop[hidden]{display:none}body.nav-open{overflow:hidden}.panel-tool-launch{display:none}.main-panel{padding:1rem;max-width:none;overflow-x:hidden}.panel{min-width:0;overflow-x:hidden}.form-row{grid-template-columns:1fr}.page-header .actions{width:100%}.page-header .actions .btn{flex:1 1 auto}.preview-img{width:100%;height:auto}.tool-launch{grid-template-columns:1fr}.tool-launch a{min-height:4.5rem}.tool-launch strong{white-space:normal}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.topnav{flex-direction:column;gap:.75rem}.hero{min-height:auto;padding-top:3rem}}