@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";:root{--accent-start: #e86414;--accent-end: #c84a0e;--accent-gradient: linear-gradient(90deg, var(--accent-start) 0%, var(--accent-end) 100%);--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--radius-xs: 8px;--swipe-duration: .38s;--swipe-ease: cubic-bezier(.22, 1, .36, 1);--dot-indicator-duration: .16s}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent!important}.app{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;gap:12px}.container{position:relative;width:100%;max-width:100%;background:#fffffffa;isolation:isolate;border-radius:var(--radius-xl);padding:40px;box-shadow:0 20px 60px #0000004d}.brand-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8px;margin-bottom:20px}.glideline-logo{width:200px;max-width:70vw;height:auto;display:block}.powered-by{font-size:12px;color:#b8b3bf;text-align:center;line-height:1.3;display:inline-flex;align-items:baseline;gap:6px;opacity:.9}.powered-by-footer{position:static;margin-top:12px;margin-bottom:4px}.help-trigger{position:absolute;top:18px;right:18px;width:44px;height:44px;z-index:3;border-radius:50%;border:2px solid rgba(232,100,20,.6);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 6px 16px #0000001f;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.help-trigger:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00000029;border-color:#e86414e6}.help-trigger-icon{width:22px;height:22px;border-radius:50%;background:#e864141f;color:#e86414;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}@keyframes paraglider-float{0%,86%,to{transform:translateY(0) rotate(0)}90%{transform:translateY(-3px) rotate(-2deg)}94%{transform:translateY(1px) rotate(2deg)}}.howto-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0c1299;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.howto-panel{width:min(720px,100%);max-height:min(80vh,700px);overflow:auto;background:#fff;border-radius:var(--radius-xl);box-shadow:0 24px 70px #00000059;padding:0}.howto-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:2;background:#fff;padding:24px 26px 10px}.howto-header h2{margin:0;font-size:24px}.howto-eyebrow{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#888}.howto-close{border:none;background:#f3f4f6;color:#222;font-size:18px;line-height:1;width:36px;height:36px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0}.howto-body{margin-top:0;padding:18px 26px 28px;color:#555;font-size:15px;line-height:1.6}.howto-intro{margin:0 0 12px}.howto-steps{margin:0;padding:0;list-style:none;display:grid;gap:14px}.howto-step{padding:14px;border:1px solid #e4e7eb;border-radius:var(--radius-md);background:#fbfcfd}.howto-step-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.howto-step-title h3{margin:0;font-size:16px;color:#222;line-height:1.3}.howto-step-number{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(90deg,#e86414,#c84a0e)}.howto-step p{margin:0 0 10px}.howto-shot{min-height:96px;border:1px dashed #cfd6dd;border-radius:var(--radius-sm);background:#f4f6f8;color:#6f7782;font-size:13px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px}.howto-shot-video{padding:0;min-height:0;border-style:solid;border-color:#e4e7eb;background:#000;margin-bottom:12px}.howto-shot img{width:100%;max-height:220px;object-fit:cover;border-radius:calc(var(--radius-sm) - 2px);display:block}.howto-video{width:100%;max-height:320px;display:block;border-radius:calc(var(--radius-sm) - 2px);background:#000}.howto-note{margin:14px 0 0;font-size:13px;color:#666}.byrd42-link{color:#e86414;text-decoration:none;font-weight:700;display:inline-flex;align-items:center}.byrd42-text{font-family:Audiowide,sans-serif;font-size:14px;display:inline-block;line-height:1;color:#e86414;padding-bottom:2px;position:relative;top:1px}@supports (-webkit-background-clip: text) or (background-clip: text){.byrd42-text{background:linear-gradient(90deg,#ef7d2a,#c84a0e);background-size:100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}.upload-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.loading-message{text-align:center;padding:24px;background:#f0f1f3;border-radius:var(--radius-md);color:#666;font-size:16px}.layout-chooser{margin:12px 0 28px}.layout-chooser h2{font-size:20px;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:18px}.layout-carousel{position:relative;overflow:visible;padding:6px 0 28px;--container-side-padding: 40px;--card-width: min(340px, 92%);--slide-side-padding: 24px;--arrow-size: 40px;--edge-to-card-gap: calc(var(--slide-side-padding) + ((100% - var(--card-width)) / 2));--arrow-offset: calc(((var(--edge-to-card-gap) - var(--container-side-padding)) / 2) - (var(--arrow-size) / 2));--preview-height: calc(var(--card-width) * 1.25);touch-action:pan-y}.layout-carousel-viewport{overflow:hidden;position:relative;overscroll-behavior-x:contain;touch-action:pan-y}.layout-carousel-viewport::-webkit-scrollbar{display:none}.layout-carousel-track{display:flex;width:100%;transform:translateZ(0);transition:transform var(--swipe-duration) var(--swipe-ease);will-change:transform}.layout-carousel-track.is-dragging{transition:none}.layout-carousel-viewport.is-dragging .layout-card{pointer-events:none}.layout-arrow{position:absolute;top:calc(6px + (var(--preview-height) / 2));transform:translateY(-50%);display:inline-flex;width:var(--arrow-size);height:var(--arrow-size);padding:0;border-radius:50%;border:1px solid rgba(232,100,20,.55);background:#fffffffa;color:#e86414;font-size:0;line-height:1;align-items:center;justify-content:center;box-shadow:none;transition:transform .2s ease,border-color .2s ease,background .2s ease;cursor:pointer;z-index:2}.layout-arrow-icon{width:20px;height:20px;display:block;overflow:visible}.layout-arrow:hover{transform:translateY(-50%) scale(1.02);border-color:#e86414c7;background:#fff}.layout-arrow:focus-visible{outline:2px solid rgba(232,100,20,.45);outline-offset:2px}.layout-arrow-left{left:var(--arrow-offset)}.layout-arrow-right{right:var(--arrow-offset)}.layout-slide{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;padding:0 var(--slide-side-padding);display:flex;justify-content:center;transform:scale(.97);opacity:.94;transition:transform var(--swipe-duration) var(--swipe-ease),opacity var(--swipe-duration) var(--swipe-ease);transform-origin:center;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.layout-slide.is-prev,.layout-slide.is-next{transform:scale(.985);opacity:.96}.layout-slide.is-outgoing{transform:scale(.97);opacity:.94}.layout-slide.is-active{transform:scale(1);opacity:1}.layout-card{position:relative;border:0;border-radius:var(--radius-lg);padding:0;background:transparent;border:none;text-align:left;cursor:pointer;overflow:hidden;transition:none;width:var(--card-width);box-shadow:none}.layout-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.layout-dot{position:relative;width:8px;height:8px;border-radius:999px;background-color:#00000014;opacity:.35;transform-origin:center;transition:transform var(--dot-indicator-duration) var(--swipe-ease),opacity var(--dot-indicator-duration) var(--swipe-ease)}.layout-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#e86414,#c84a0e);opacity:0;transition:opacity var(--dot-indicator-duration) var(--swipe-ease)}.layout-dot.active{transform:scale(1.25);opacity:1}.layout-dot.active:after{opacity:1}.layout-hint{text-align:center;font-size:11px;color:#888;margin-top:8px}.layout-card.selected{filter:none}.layout-preview{aspect-ratio:4 / 5;position:relative;border-radius:var(--radius-lg);background-image:linear-gradient(180deg,#00000085,#000000b0),url(/guillaume-de-germain-Nx9HXERp19w-unsplash.webp);background-size:cover;background-position:calc(50% + var(--parallax-offset, 0px)) 50%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 10px #0000001f,0 -8px 16px #00000014,4px 0 10px #0000000f,-4px 0 10px #0000000f;transition:box-shadow var(--swipe-duration) var(--swipe-ease);backface-visibility:hidden;-webkit-backface-visibility:hidden}.layout-slide.is-active .layout-preview{box-shadow:0 8px 16px #00000024,0 -10px 18px #0000001a,6px 0 12px #00000014,-6px 0 12px #00000014}.layout-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff14}.layout-mock{position:relative;z-index:1;width:calc(100% - 32px);margin:0 auto;border-radius:var(--radius-md);color:#fff;background:#00000047;padding:10px 14px;display:flex;flex-direction:column;gap:2px}.layout-mock-vertical{text-align:center;align-items:center}.layout-mock-vertical .mock-title{font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.layout-mock-vertical .mock-value{font-size:13px;font-weight:700;margin-bottom:6px}.layout-mock-grid{align-items:center;justify-content:center;gap:12px}.layout-mock-map-left{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;align-items:center}.layout-map-preview{width:100%;height:120px;display:flex;align-items:center;justify-content:center}.layout-mock-map-left .layout-map-preview{height:100%;min-height:140px}.map-preview-embedded,.layout-mock-vertical .map-preview-embedded,.layout-mock-grid .map-preview-embedded{margin-top:2px}.map-flight-path{width:100%;height:100%}.map-flight-line{stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.map-left-stats{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.layout-grid-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 10px;text-align:center}.layout-grid-stats .mock-title{font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.layout-grid-stats .mock-value{display:block;font-size:12px;font-weight:700;margin-top:4px}.layout-meta{padding:8px 12px 6px}.layout-meta-top{text-align:center}.layout-meta h3{font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;color:#1a1a1a;margin-bottom:0;letter-spacing:.04em;opacity:.7;line-height:1.2}.layout-meta p{font-size:12px;color:#777}.file-label{display:block;padding:20px;background:#f8f9fa;border:1px solid #d7dbe0;border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;font-size:16px;color:#666}.file-label:hover{background:#f6f7f9;border-color:#e864148c;box-shadow:0 0 0 2px #e864141f}.file-input{display:none}.generate-btn{padding:16px 32px;background:var(--accent-gradient);background-size:120% 100%;background-position:0% 50%;color:#fff;border:none;border-radius:var(--radius-md);font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,background-position .4s ease}.generate-btn:hover:not(:disabled){transform:translateY(-2px);background-position:100% 50%;box-shadow:0 8px 20px #e8641459}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.toggle-section{margin-bottom:16px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle-row+.toggle-row{margin-top:10px}.toggle-row-disabled{opacity:.75}.toggle-label{font-size:14px;color:#333;font-weight:600}.toggle-label-disabled{color:#7a828d}.toggle-group{display:inline-flex;background:#f0f1f3;border-radius:999px;padding:4px;gap:4px}.toggle-option{border:none;background:transparent;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:background .2s,color .2s}.toggle-option.active{background:#111;color:#fff}.toggle-option:disabled{cursor:not-allowed}.toggle-option-disabled{background:#eceff3;color:#7a828d;border:1px solid #d4dae1;pointer-events:none}.error{padding:16px;background:#fee;color:#c33;border-radius:var(--radius-xs);text-align:center;margin-bottom:16px}.result{margin-top:32px}.preview{background:#000;border-radius:var(--radius-md);overflow:hidden;margin-bottom:24px;aspect-ratio:9/16;display:flex;align-items:center;justify-content:center}.preview img{width:100%;height:100%;object-fit:contain}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.copy-btn,.download-btn{padding:14px 24px;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.copy-btn{background:var(--accent-gradient);background-size:120% 100%;background-position:0% 50%;color:#fff}.copy-btn:hover{background-position:100% 50%;transform:translateY(-2px)}.download-btn{background:#f8f9fa;color:#333;border:2px solid #ddd}.download-btn:hover{background:#e9ecef;border-color:#aaa}.instruction{text-align:center;font-size:14px;color:#666;font-style:italic}.result-secondary-actions{margin-top:14px;display:grid;grid-template-columns:1fr;gap:10px}.result-secondary-btn{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid #d9dde2;background:#fff;color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.result-secondary-btn:hover{background:#f8f9fa;border-color:#bfc6ce}@media(max-width:640px){.container{padding:24px}.glideline-logo{width:160px}.powered-by{font-size:11px}.byrd42-text{font-size:13px}.actions,.result-secondary-actions{grid-template-columns:1fr}.layout-carousel{padding:6px 0 10px;--container-side-padding: 24px;--card-width: min(300px, 94%);--slide-side-padding: 20px}.layout-card{border-radius:var(--radius-md);width:var(--card-width)}.layout-slide,.layout-slide.is-prev,.layout-slide.is-next,.layout-slide.is-outgoing,.layout-slide.is-active{transform:none;opacity:1;transition:none}.layout-preview{border-radius:var(--radius-md);box-shadow:0 3px 8px #00000029;transition:none}.layout-slide.is-active .layout-preview{box-shadow:0 3px 8px #00000029}.layout-preview-grid{align-items:center}.layout-mock{width:calc(100% - 20px);margin:0 10px;padding:10px 8px}.layout-meta h3{font-family:Montserrat,sans-serif;font-size:10px}.layout-meta p{font-size:11px}.layout-dots{margin-top:8px}.layout-hint{font-size:10px}.help-trigger{top:14px;right:14px;width:40px;height:40px}.help-trigger img{width:28px;height:28px}.layout-arrow{display:none}.howto-header{top:0;padding:18px 20px 8px}.howto-body{padding:16px 20px 22px}.howto-close{width:40px;height:40px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1b1e2b;position:relative;min-height:100vh;color:#333}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/jordan-steranka-snpFW42KR8I-unsplash.webp);background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(24px);transform:scale(1.06);z-index:-1}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}