*{box-sizing:border-box}:root{--bg:#0b1020;--bg-alt:radial-gradient(circle at top,#222b45 0,#0b1020 55%,#050712 100%);--surface:#12182ef5;--surface-soft:#1c2446e6;--border-subtle:#ffffff0f;--accent:#5f8cff;--accent-soft:#5f8cff24;--accent-strong:#8f7bff;--danger:#ff6b81;--text-primary:#f5f7ff;--text-muted:#a4b0d3;--nav-muted:#a4b0d3d9;--nav-active-bg:#5f8cff24;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--shadow-soft:0 18px 50px #050712cc;--shadow-subtle:0 10px 30px #080c1ebf;--focus-ring:0 0 0 1px #5f8cffe6,0 0 0 4px #5f8cff3d;--input-bg:#040711d9;--input-border:#ffffff14;--input-border-focus:#5f8cffe6;--nav-backdrop:blur(22px) saturate(150%);--card-backdrop:blur(26px) saturate(180%);--transition-fast:160ms ease-out;--transition-med:220ms ease;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;--font-mono:ui-monospace,Menlo,Monaco,Consolas,"SF Mono","Courier New",monospace}:root[data-theme=light]{--bg:#fafbfc;--bg-alt:radial-gradient(circle at top,#fff 0,#f5f7fa 40%,#eef1f6 100%);--surface:#ffffffeb;--surface-soft:#fafbfdf5;--border-subtle:#1e293b14;--accent:#3b82f6;--accent-soft:#3b82f614;--accent-strong:#6366f1;--danger:#ef4444;--text-primary:#1e293b;--text-muted:#64748b;--nav-muted:#64748bd9;--nav-active-bg:#3b82f61a;--input-bg:#f8fafcf2;--input-border:#1e293b1f;--input-border-focus:#3b82f680;--shadow-soft:0 10px 40px #0f172a14;--shadow-subtle:0 4px 20px #0f172a0f;--focus-ring:0 0 0 1px #3b82f666,0 0 0 4px #3b82f61a;--nav-backdrop:blur(22px) saturate(120%);--card-backdrop:blur(22px) saturate(130%)}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#222b45 0,#0b1020 55%,#050712 100%);background:var(--bg-alt);background-attachment:fixed;background-size:100% 100%;color:#f5f7ff;color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-family:var(--font-sans);margin:0}code{font-family:ui-monospace,Menlo,Monaco,Consolas,SF Mono,Courier New,monospace;font-family:var(--font-mono)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{display:flex;flex:1 1;padding:18px 14px 32px}.app-content{margin:0 auto;max-width:1120px;width:100%}.app-header{background:#1c2446e6;background:var(--surface-soft);padding:14px 18px 6px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.app-header-inner{-webkit-backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:var(--nav-backdrop);backdrop-filter:blur(22px) saturate(150%);backdrop-filter:var(--nav-backdrop);background:#12182ef5;background:var(--surface);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:999px;box-shadow:0 10px 30px #080c1ebf;box-shadow:var(--shadow-subtle);gap:16px;justify-content:space-between;margin:0 auto;max-width:1120px;padding:10px 14px}.app-brand,.app-header-inner{align-items:center;display:flex}.app-brand{gap:10px}.app-brand-mark{background:radial-gradient(circle at 30% 20%,#ffd66b 0,#ff9f4b 32%,#ff5f7b 60%,#5f8cff 100%);border-radius:14px;box-shadow:0 0 0 1px #fff3,0 16px 30px #0006;height:32px;width:32px}.app-brand-text{display:flex;flex-direction:column}.app-title{font-size:16px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.app-subtitle{color:#a4b0d3d9;color:var(--nav-muted);font-size:11px}.app-nav{gap:8px}.app-nav,.app-nav-list{align-items:center;display:flex}.app-nav-list{gap:6px;list-style:none;margin:0;padding:0}.app-nav-link{align-items:center;border-radius:999px;color:#a4b0d3d9;color:var(--nav-muted);display:inline-flex;font-size:13px;justify-content:center;padding:7px 13px;position:relative;text-decoration:none;transition:background-color .16s ease-out,color .16s ease-out,transform .14s ease-out;transition:background-color var(--transition-fast),color var(--transition-fast),transform .14s ease-out;white-space:nowrap}.app-nav-link:before{background:#5f8cff24;background:var(--accent-soft);border-radius:inherit;content:"";inset:2px;opacity:0;position:absolute;transition:opacity .22s ease;transition:opacity var(--transition-med)}.app-nav-link:hover{background-color:#5f8cff24;background-color:var(--accent-soft);color:#f5f7ff;color:var(--text-primary);transform:translateY(-1px)}.app-nav-link:hover:before{opacity:1}.app-nav-link-active{background:#5f8cff24;background:var(--nav-active-bg);box-shadow:0 0 0 1px #ffffff0f;box-shadow:0 0 0 1px var(--border-subtle);color:#f5f7ff;color:var(--text-primary)}.app-nav-spacer{flex:1 1}.mobile-menu-toggle{align-items:center;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:36px;justify-content:center;padding:0;transition:background .16s ease-out;transition:background var(--transition-fast);width:36px}.mobile-menu-toggle,.mobile-menu-toggle:hover{background:#5f8cff24;background:var(--accent-soft)}.mobile-menu-toggle:hover{opacity:.8}.hamburger-line{background:#f5f7ff;background:var(--text-primary);border-radius:2px;height:2px;transition:all .3s ease;width:18px}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;inset:0;position:fixed;z-index:99}.mobile-menu{background:#12182ef5;background:var(--surface);border-left:1px solid #ffffff0f;border-left:1px solid var(--border-subtle);box-shadow:0 18px 50px #050712cc;box-shadow:var(--shadow-soft);display:none;height:100vh;overflow-y:auto;padding:24px 16px;position:fixed;right:0;top:0;width:280px;z-index:100}.mobile-menu .app-nav-list{flex-direction:column;gap:8px;width:100%}.mobile-menu .app-nav-link{border-radius:10px;font-size:15px;justify-content:flex-start;padding:12px 16px;width:100%}.app-footer{padding:18px 18px 22px}.app-footer-inner{align-items:center;background:#12182ef5;background:var(--surface);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 10px 30px #080c1ebf;box-shadow:var(--shadow-subtle);display:flex;gap:14px;justify-content:space-between;margin:0 auto;max-width:1120px;padding:12px 18px}.app-footer-text{color:#a4b0d3;color:var(--text-muted);font-size:12px}.app-footer-strong{color:#f5f7ff;color:var(--text-primary)}.app-footer-actions{align-items:center;display:flex;gap:12px}.app-social{align-items:center;display:flex;gap:10px}.app-social-link{align-items:center;background:#5f8cff24;background:var(--accent-soft);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:999px;box-shadow:0 10px 30px #080c1ebf;box-shadow:var(--shadow-subtle);color:#a4b0d3;color:var(--text-muted);display:inline-flex;height:30px;justify-content:center;text-decoration:none;transition:transform .14s ease-out,box-shadow .14s ease-out,background .16s ease-out,color .16s ease-out;width:30px}.app-social-link:hover{background:#5f8cff24;background:var(--nav-active-bg);box-shadow:0 18px 50px #050712cc;box-shadow:var(--shadow-soft);color:#5f8cff;color:var(--accent);transform:translateY(-1px) scale(1.03)}.container-page{margin-top:10px}.card{background:#12182ef5;background:var(--surface);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 18px 50px #050712cc;box-shadow:var(--shadow-soft);color:#f5f7ff;color:var(--text-primary);padding:20px 18px 18px}.card-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.card-title{font-size:18px;font-weight:600}.card-subtitle{color:#a4b0d3;color:var(--text-muted);font-size:13px}.grid-2{grid-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.stack-md{display:flex;flex-direction:column;gap:12px}.field-label,.muted{color:#a4b0d3;color:var(--text-muted)}.field-label{display:block;font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.input,.select,.textarea{background:#040711d9;background:var(--input-bg);border:1px solid #ffffff14;border:1px solid var(--input-border);border-radius:10px;color:#f5f7ff;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;padding:8px 10px;transition:border-color .16s ease-out,box-shadow .16s ease-out,background-color .16s ease-out,transform .14s ease-out;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),transform .14s ease-out;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#5f8cffe6;border-color:var(--input-border-focus);box-shadow:0 0 0 1px #5f8cffe6,0 0 0 4px #5f8cff3d;box-shadow:var(--focus-ring);transform:translateY(-.5px)}.textarea{min-height:110px;resize:vertical}.btn-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.btn{align-items:center;background:linear-gradient(135deg,#5f8cff,#8f7bff);background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:1px solid #0000;border-radius:999px;box-shadow:0 12px 24px #5f8cff73;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;line-height:1.5;min-height:44px;padding:10px 18px;transition:transform .14s ease-out,box-shadow .14s ease-out,filter .14s ease-out}.btn:hover:not(:disabled){box-shadow:0 16px 32px #5f8cff99;filter:brightness(1.05);transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:0 8px 18px #5f8cff8c;transform:translateY(0)}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.btn-secondary{background:#1c2446e6;background:var(--surface-soft);border-color:#ffffff0f;border-color:var(--border-subtle);box-shadow:0 10px 30px #080c1ebf;box-shadow:var(--shadow-subtle);color:#f5f7ff;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#12182ef5;background:var(--surface);box-shadow:0 18px 50px #050712cc;box-shadow:var(--shadow-soft)}.btn-ghost{background:#0000;border-color:#ffffff0f;border-color:var(--border-subtle);box-shadow:none;color:#a4b0d3;color:var(--text-muted)}@media (max-width:768px){.btn{font-size:16px;min-height:48px;padding:12px 24px}}.pill{align-items:center;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:999px;color:#a4b0d3;color:var(--text-muted);display:inline-flex;font-size:11px;padding:3px 10px}.pill,.preview-block{background:#5f8cff24;background:var(--accent-soft)}.preview-block{border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 10px 30px #080c1ebf;box-shadow:var(--shadow-subtle);margin-top:18px;padding:10px 10px 12px}.preview-heading{align-items:center;color:#a4b0d3;color:var(--text-muted);display:flex;font-size:13px;gap:10px;justify-content:space-between;margin-bottom:6px}.preview-body{background:#040711d9;background:var(--input-bg);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;color:#f5f7ff;color:var(--text-primary);font-family:ui-monospace,Menlo,Monaco,Consolas,SF Mono,Courier New,monospace;font-family:var(--font-mono);font-size:12px;line-height:1.5;max-height:260px;overflow:auto;padding:10px 10px 8px;white-space:pre-wrap;word-break:break-word}.badge-warning{align-items:center;background:radial-gradient(circle at top left,#ffd582cc,#ff6b81f2);border-radius:999px;box-shadow:0 10px 24px #000000b3;color:#ffe9f0;display:inline-flex;font-size:11px;gap:6px;padding:4px 9px}.inline-error{color:#ff6b81;color:var(--danger);font-size:11px;margin-top:6px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#5f8cff24;background:var(--accent-soft);border-radius:999px;color:#a4b0d3;color:var(--text-muted);font-size:11px;padding:3px 8px}@media (max-width:880px){.app-header{padding:10px 12px 8px;position:relative}.app-header-inner{align-items:center;border-radius:16px;gap:10px;padding:8px 12px}.app-brand-mark{height:28px;width:28px}.app-title{font-size:14px}.app-subtitle{font-size:10px}.app-nav{display:none}.mobile-menu-toggle{display:flex;margin-left:auto}.mobile-menu,.mobile-menu-overlay{display:block}.app-footer-actions,.app-footer-inner{align-items:flex-start;flex-direction:column}.app-footer-actions{gap:10px;width:100%}.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.app-header{padding:8px 8px 6px}.app-header-inner{border-radius:12px;padding:6px 10px}.app-brand{gap:8px}.app-brand-mark{border-radius:10px;height:24px;width:24px}.app-title{font-size:13px}.app-subtitle{display:none}.app-nav-list{gap:2px;justify-content:space-between;width:100%}.app-nav-link{font-size:11px;padding:5px 9px}.card{padding-inline:14px}.app-main{padding:12px 8px 24px}}.input:focus,.select:focus,textarea:focus{border-color:#5f8cffe6;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #5f8cff1a;outline:none}.input,.select,textarea{line-height:1.5;transition:all .2s ease}.field-label,label{color:#f5f7ff;color:var(--text-primary);font-weight:600;line-height:1.5}.App{min-height:100vh}.generated-code-page{color:var(--text-primary);font-size:14px}.generated-code-card{margin:0 auto;max-width:960px}.generated-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);margin-top:16px}.generated-column{display:flex;flex-direction:column;gap:10px}.generated-section-title{color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.generated-inline-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.generated-delim-input{text-align:center;width:52px}.generated-popup{background:radial-gradient(circle at top left,#ffda80eb,#ff796df5);border-radius:12px;color:#220814;display:flex;font-size:13px;gap:12px;justify-content:space-between;margin-bottom:14px;padding:10px 12px}.generated-popup button{background:#0000;border:none;color:inherit;cursor:pointer;font-size:16px}.generated-extra-card{margin-top:14px}.generated-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.btn-primary-action{align-items:center;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-height:48px;padding:12px 28px;transition:all .2s ease}.btn-primary-action:hover:not(:disabled){box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.btn-primary-action:active:not(:disabled){transform:translateY(0)}.help-text{color:var(--text-muted);font-size:13px;margin-top:8px;text-align:center}.success-fade-in{animation:fadeInSlide .4s ease-out}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preview-actions{align-items:center;display:flex;gap:12px}.field-label{font-size:14px;font-weight:600;line-height:1.5;margin-bottom:6px}.input,.select{font-size:15px;line-height:1.5;min-height:44px;padding:10px 14px;transition:all .2s ease}.input:focus,.select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a;outline:none}@media (max-width:768px){.btn{padding:12px 20px}.btn,.input,.select{font-size:16px;min-height:48px}.generated-code-page{font-size:15px}}@media (max-width:880px){.generated-grid{grid-template-columns:minmax(0,1fr)}}.team-preview{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin:24px 0;padding:20px}.team-preview h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.delimiter-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:400px;overflow-y:auto;padding:4px}.delimiter-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:10px;padding:8px 12px;transition:all .2s ease}.delimiter-item:hover{border-color:var(--primary-color);transform:translateX(2px)}.delimiter-code{align-items:center;background:var(--primary-color);border-radius:6px;color:#fff;display:inline-flex;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:700;height:28px;justify-content:center;letter-spacing:.5px;min-width:36px;padding:0 8px}.team-name{color:var(--text-primary);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px;text-align:center}.loading-container p{color:var(--text-muted);font-size:14px;margin:0}@media (max-width:768px){.delimiter-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.delimiter-item{padding:6px 10px}.delimiter-code{font-size:11px;height:24px;min-width:32px}.team-name{font-size:12px}}.delimiter-code:focus{box-shadow:0 0 0 2px #ffffff4d}.delimiter-code:hover{opacity:.9}.tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.tooltip{animation:tooltipFadeIn .2s ease;background-color:#333;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:13px;line-height:1.4;max-width:400px;padding:8px 12px;position:absolute;white-space:nowrap;white-space:normal;z-index:1000}.tooltip-top{bottom:calc(100% + 8px)}.tooltip-bottom,.tooltip-top{left:50%;transform:translateX(-50%)}.tooltip-bottom{top:calc(100% + 8px)}.tooltip-left{right:calc(100% + 8px)}.tooltip-left,.tooltip-right{top:50%;transform:translateY(-50%)}.tooltip-right{left:calc(100% + 8px)}.tooltip-arrow{background-color:#333;height:8px;position:absolute;transform:rotate(45deg);width:8px}.tooltip-arrow-top{bottom:-4px;left:50%;margin-left:-4px}.tooltip-arrow-bottom{left:50%;margin-left:-4px;top:-4px}.tooltip-arrow-left{margin-top:-4px;right:-4px;top:50%}.tooltip-arrow-right{left:-4px;margin-top:-4px;top:50%}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}[data-theme=dark] .tooltip,[data-theme=dark] .tooltip-arrow{background-color:#555}@media (max-width:768px){.tooltip{font-size:14px;padding:10px 14px}}.copy-button{align-items:center;background-color:#007bff;background-color:var(--primary-color,#007bff);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;min-height:44px;min-width:44px;padding:10px 20px;transition:all .2s ease}.copy-button:hover:not(:disabled){background-color:#0056b3;background-color:var(--primary-hover,#0056b3);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.copy-button:active:not(:disabled){transform:translateY(0)}.copy-button:disabled{cursor:not-allowed;opacity:.5}.copy-button-success{animation:successPulse .3s ease;background-color:#28a745}.copy-button-success:hover{background-color:#218838}.copy-icon{flex-shrink:0;height:18px;width:18px}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}[data-theme=dark] .copy-button{background-color:#0d6efd}[data-theme=dark] .copy-button:hover:not(:disabled){background-color:#0a58ca}@media (max-width:768px){.copy-button{font-size:16px;min-height:48px;min-width:48px;padding:12px 24px}}
/*# sourceMappingURL=main.d785088e.css.map*/