@font-face{font-family:Oswald;src:url(/fonts/Oswald-Light.ttf) format("truetype");font-weight:300}@font-face{font-family:Oswald;src:url(/fonts/Oswald-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Oswald;src:url(/fonts/Oswald-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Oswald;src:url(/fonts/Oswald-Bold.ttf) format("truetype");font-weight:700}:root{--font-display: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace}:root{--nike-black: #111;--nike-white: #fff;--color-nike-orange: #fa5400;--color-nike-volt: #cdfd00;--color-cyan-glow: #00e5ff;--color-blue-glow: #4060ff;--color-positive: #00f0a0;--color-negative: #ff3d5a;--body-bg: #0c0c0e;--color-surface-card: rgba(255, 255, 255, .06);--color-surface-elevated: rgba(255, 255, 255, .08);--color-surface-2: rgba(255, 255, 255, .04);--color-text-primary: 238, 240, 242;--color-text-secondary: 154, 160, 166;--color-border-subtle: rgba(255, 255, 255, .06);--border-glow: rgba(250, 84, 0, .4);--interactive-hover-bg: rgba(255, 255, 255, .08);--interactive-active-bg: rgba(255, 255, 255, .12);--glass-bg: rgba(12, 12, 14, .85);--glass-card-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--glass-input-bg: rgba(255, 255, 255, .04);--glass-input-border: rgba(255, 255, 255, .08);--glass-card-hover-border: rgba(250, 84, 0, .35);--glass-card-hover-shadow: 0 8px 32px rgba(250, 84, 0, .15);--dropdown-bg: rgba(12, 12, 14, .95);--interactive-focus-ring: rgba(250, 84, 0, .5);--backdrop-start: rgba(12, 12, 14, .85);--backdrop-mid: rgba(12, 12, 14, .6);--backdrop-end: rgba(12, 12, 14, 0);--code-bg: #0b0b0c;--badge-bg: rgba(255, 255, 255, .1);--badge-text: #e9edf0;--tag-text: #9aa0a6;--tag-bg: rgba(255, 255, 255, .06);--tag-border: rgba(255, 255, 255, .1);--desc-text: #c9ced3;--example-label: #cfd3d7;--toast-gradient-start: rgba(255, 255, 255, .1);--toast-gradient-end: rgba(255, 255, 255, .06);--shadow: rgba(0, 0, 0, .35);--shadow-light: rgba(0, 0, 0, .2);--mega-text: #d0d4d8;--bg: #0c0c0e;--panel: #151517;--muted: #9aa0a6;--text: #eef0f2;--brand: #fa5400;--brand-2: #cdfd00;--ring: rgba(250, 84, 0, .5);--border: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--border-hover: rgba(250, 84, 0, .35);--border-focus: rgba(250, 84, 0, .5);--card-gradient-start: rgba(255, 255, 255, .06);--card-gradient-end: rgba(255, 255, 255, .02);--btn-primary-hover: #b8e200;--btn-primary-text: #111}html.light{--body-bg: #f8f7f5;--color-surface-card: rgba(0, 0, 0, .04);--color-surface-elevated: rgba(0, 0, 0, .06);--color-surface-2: rgba(0, 0, 0, .02);--color-text-primary: 17, 24, 39;--color-text-secondary: 75, 85, 99;--color-border-subtle: rgba(0, 0, 0, .08);--border-glow: rgba(250, 84, 0, .35);--interactive-hover-bg: rgba(0, 0, 0, .06);--interactive-active-bg: rgba(0, 0, 0, .1);--glass-bg: rgba(248, 247, 245, .9);--glass-card-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .12);--glass-input-bg: rgba(255, 255, 255, .8);--glass-input-border: rgba(0, 0, 0, .12);--glass-card-hover-border: rgba(250, 84, 0, .4);--glass-card-hover-shadow: 0 8px 32px rgba(250, 84, 0, .12);--dropdown-bg: rgba(255, 255, 255, .98);--interactive-focus-ring: rgba(250, 84, 0, .5);--color-nike-orange: #e04b00;--color-nike-volt: #a5d600;--backdrop-start: rgba(248, 247, 245, .9);--backdrop-mid: rgba(248, 247, 245, .75);--backdrop-end: rgba(248, 247, 245, 0);--code-bg: #f1f3f5;--badge-bg: rgba(0, 0, 0, .08);--badge-text: #374151;--tag-text: #4b5563;--tag-bg: rgba(0, 0, 0, .04);--tag-border: rgba(0, 0, 0, .1);--desc-text: #374151;--example-label: #4b5563;--toast-gradient-start: rgba(0, 0, 0, .06);--toast-gradient-end: rgba(0, 0, 0, .04);--shadow: rgba(0, 0, 0, .15);--shadow-light: rgba(0, 0, 0, .1);--mega-text: #374151;--bg: #f8f7f5;--panel: #ffffff;--muted: #6b7280;--text: #111827;--brand: #e04b00;--brand-2: #a5d600;--ring: rgba(250, 84, 0, .5);--border: rgba(0, 0, 0, .06);--border-light: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .12);--border-hover: rgba(250, 84, 0, .4);--border-focus: rgba(250, 84, 0, .5);--card-gradient-start: rgba(0, 0, 0, .02);--card-gradient-end: rgba(0, 0, 0, .01);--btn-primary-hover: #93b800;--btn-primary-text: #111}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.6;margin:0;background:var(--body-bg);color:rgb(var(--color-text-primary));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;min-height:100%}.ambient-orbs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;animation:pulse-slow 3s ease-in-out infinite}.ambient-orb-1{width:400px;height:400px;background:var(--color-nike-orange);top:-10%;right:-5%}.ambient-orb-2{width:300px;height:300px;background:var(--color-cyan-glow);bottom:-5%;left:-5%;animation-delay:.5s}.ambient-orb-3{width:200px;height:200px;background:var(--color-nike-volt);top:40%;left:30%;animation-delay:1s}.topo-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='0.3' stroke-opacity='0.06' d='M0 30 Q15 20 30 30 T60 30 M30 0 Q45 10 30 30 T30 60'/%3E%3C/svg%3E");opacity:.08}html.light .topo-grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='none' stroke='%23000' stroke-width='0.3' stroke-opacity='0.06' d='M0 30 Q15 20 30 30 T60 30 M30 0 Q45 10 30 30 T30 60'/%3E%3C/svg%3E")}@keyframes pulse-slow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.35;transform:scale(1.05)}}@keyframes glow-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fade-in-up .5s ease-out forwards;opacity:0}.container{max-width:1120px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.app-layout{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:224px;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:50;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--glass-border);transition:width .25s cubic-bezier(.4,0,.2,1);overflow:visible}.sidebar-collapsed .sidebar{width:64px}.sidebar-top{padding:20px 16px 16px;border-bottom:1px solid var(--color-border-subtle);overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-text-primary));text-decoration:none;white-space:nowrap;overflow:hidden}.sidebar-swoosh{display:block;height:22px;width:auto;filter:invert(1);flex-shrink:0}html.light .sidebar-swoosh{filter:invert(0)}.sidebar-brand-text{font-size:14px;font-weight:700;transition:opacity .2s ease}.sidebar-collapsed .sidebar-brand-text{opacity:0;pointer-events:none}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:12px 8px;overflow-y:auto;overflow-x:hidden}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;border:none;background:none;font-family:var(--font-body);font-size:13px;font-weight:500;color:rgb(var(--color-text-secondary));text-decoration:none;cursor:pointer;transition:all .15s ease;white-space:nowrap;position:relative}.sidebar-nav-item:hover{background:var(--interactive-hover-bg);color:rgb(var(--color-text-primary))}.sidebar-nav-item.active{background:var(--interactive-active-bg);color:rgb(var(--color-text-primary));font-weight:600}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--color-nike-volt);border-radius:0 3px 3px 0}.sidebar-nav-icon{width:18px;height:18px;flex-shrink:0}.sidebar-nav-label{transition:opacity .2s ease;white-space:nowrap}.sidebar-collapsed .sidebar-nav-label{opacity:0;pointer-events:none}.sidebar-favorites{padding:4px 0 0;margin-top:4px;border-top:1px solid var(--color-border-subtle);overflow:hidden;min-width:0}.sidebar-favorites-header{padding:10px 12px 4px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-text-secondary));opacity:.5}.sidebar-fav-loading{padding:10px 12px;font-size:12px;color:rgb(var(--color-text-secondary))}.sidebar-fav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.sidebar-fav-item{display:flex;align-items:center;position:relative;border-radius:8px}.sidebar-fav-link{flex:1;display:flex;align-items:center;gap:10px;min-width:0;padding:8px 12px;border-radius:8px;color:rgb(var(--color-text-secondary));text-decoration:none;font-size:13px;font-weight:500;transition:all .15s ease;position:relative}.sidebar-fav-link:hover{background:var(--interactive-hover-bg);color:rgb(var(--color-text-primary))}.sidebar-fav-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--color-nike-orange);opacity:.7;transition:opacity .15s ease}.sidebar-fav-link:hover .sidebar-fav-dot{opacity:1}.sidebar-fav-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-collapsed .sidebar-fav-name{opacity:0;pointer-events:none}.sidebar-fav-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);flex-shrink:0;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:5px;color:rgb(var(--color-text-secondary));cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease}.sidebar-fav-toggle:hover{background:var(--interactive-hover-bg);color:var(--color-negative)}.sidebar-fav-item:hover .sidebar-fav-toggle{opacity:.6}.sidebar-fav-item:hover .sidebar-fav-toggle:hover{opacity:1}.sidebar-fav-toggle svg{width:12px;height:12px}.sidebar-collapsed .sidebar-fav-link{padding:8px;justify-content:center}.sidebar-collapsed .sidebar-fav-dot{width:8px;height:8px}.sidebar-bottom{padding:8px;border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:2px}.sidebar-action-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;border:none;background:none;font-family:var(--font-body);font-size:13px;font-weight:500;color:rgb(var(--color-text-secondary));cursor:pointer;transition:all .15s ease;white-space:nowrap;position:relative;width:100%}.sidebar-action-btn:hover{background:var(--interactive-hover-bg);color:rgb(var(--color-text-primary))}.sidebar-action-btn svg{width:18px;height:18px;flex-shrink:0}.sidebar-action-btn .icon-sun,.sidebar-action-btn .icon-moon{position:static}html:not(.light) .sidebar-action-btn .icon-sun{display:none}html:not(.light) .sidebar-action-btn .icon-moon{display:block}html.light .sidebar-action-btn .icon-sun{display:block}html.light .sidebar-action-btn .icon-moon{display:none}.sidebar-profile{position:relative}.sidebar-profile-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:8px;border:none;background:none;cursor:pointer;transition:all .15s ease;font-family:var(--font-body)}.sidebar-profile-btn:hover{background:var(--interactive-hover-bg)}.sidebar-profile-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--color-nike-orange);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.sidebar-profile-name{font-size:13px;font-weight:600;color:rgb(var(--color-text-primary));overflow:hidden;text-overflow:ellipsis}.sidebar-profile-dropdown{position:absolute;left:calc(100% + 8px);bottom:0;min-width:200px;background:var(--dropdown-bg);border:1px solid var(--glass-border);border-radius:12px;padding:8px 0;box-shadow:0 8px 24px var(--shadow);z-index:100;animation:dropdown-in .15s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar-signin{color:var(--color-nike-volt);font-weight:600}.sidebar-signin:hover{background:#cdfd0014}.sidebar-collapse-btn{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgb(var(--color-text-secondary));transition:all .15s ease;z-index:51;box-shadow:0 2px 8px var(--shadow-light);opacity:0}.sidebar:hover .sidebar-collapse-btn{opacity:1}.sidebar-collapse-btn:hover{background:var(--interactive-hover-bg);color:rgb(var(--color-text-primary));border-color:var(--color-nike-orange)}.main-area{flex:1;margin-left:224px;min-width:0;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .main-area{margin-left:64px}.main-content{min-height:100vh;position:relative;z-index:11}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-name{padding:10px 16px 2px;font-weight:700;font-size:14px;color:rgb(var(--color-text-primary))}.profile-dropdown-email{padding:0 16px 8px;font-size:12px;color:rgb(var(--color-text-secondary));word-break:break-all}.profile-dropdown-divider{height:1px;background:var(--color-border-subtle);margin:4px 0}.profile-dropdown-item{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:14px;font-weight:600;color:rgb(var(--color-text-primary));cursor:pointer;font-family:inherit;text-decoration:none}.profile-dropdown-item:hover{background:var(--interactive-hover-bg)}.hero{position:relative;padding:40px 0 36px;border-bottom:1px solid var(--color-border-subtle);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:520px}.hero.collapsed{max-height:0;padding:0;border-bottom:none}.hero.collapsed .hero-inner{opacity:0;transform:translateY(-20px)}.hero-accent-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-nike-orange) 0%,var(--color-nike-volt) 40%,var(--color-cyan-glow) 70%,transparent 100%);opacity:.7}.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;transition:opacity .3s ease,transform .3s ease}.hero-copy{flex:1;min-width:0}.hero-kicker{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--color-nike-orange);font-weight:600;margin-bottom:8px;opacity:0;animation:fade-in-up .5s .1s ease-out forwards}.hero-title{font-family:var(--font-display);font-size:36px;line-height:1.1;margin:0 0 12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hero-title-line{display:block}.hero-title-line:first-child{opacity:0;animation:fade-in-up .5s .2s ease-out forwards}.hero-title-accent{color:transparent;background:linear-gradient(135deg,var(--color-nike-orange),var(--color-nike-volt));-webkit-background-clip:text;background-clip:text;opacity:0;animation:fade-in-up .5s .35s ease-out forwards}.hero-sub{font-family:var(--font-body);color:rgb(var(--color-text-secondary));margin:0 0 20px;font-size:14px;font-weight:400;line-height:1.65;max-width:440px;opacity:0;animation:fade-in-up .5s .45s ease-out forwards}.hero-cta{display:flex;gap:12px;opacity:0;animation:fade-in-up .5s .55s ease-out forwards}.hero-art{position:relative;width:180px;height:180px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero-ring{position:absolute;border-radius:50%;border:1px solid var(--glass-border)}.hero-ring-1{width:170px;height:170px;opacity:0;animation:hero-spin 20s linear infinite,fade-in-up .6s .2s ease-out forwards}.hero-ring-2{width:120px;height:120px;border-style:dashed;opacity:0;animation:hero-spin-reverse 15s linear infinite,fade-in-up .6s .35s ease-out forwards}.hero-glyph{position:relative;width:90px;height:90px;opacity:0;animation:fade-in-up .6s .4s ease-out forwards}.hero-glyph svg{width:100%;height:100%}.hero-dot{position:absolute;width:5px;height:5px;border-radius:50%;animation:pulse-slow 3s ease-in-out infinite}.hero-dot-1{background:var(--color-nike-orange);top:15%;right:15%}.hero-dot-2{background:var(--color-nike-volt);bottom:20%;left:15%;animation-delay:1s}.hero-dot-3{background:var(--color-cyan-glow);top:55%;right:10%;animation-delay:2s}@keyframes hero-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hero-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.hero-toggle{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:var(--glass-input-bg);border:1px solid var(--glass-border);border-radius:999px;width:40px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.hero-toggle:hover{background:var(--interactive-hover-bg);border-color:var(--glass-card-hover-border)}.hero-toggle-icon{width:16px;height:16px;color:rgb(var(--color-text-secondary));transition:transform .3s ease}.hero.collapsed .hero-toggle{display:none}.hero.collapsed .hero-toggle-icon{transform:rotate(180deg)}.hero-stats{display:flex;align-items:center;gap:0;opacity:0;animation:fade-in-up .5s .55s ease-out forwards}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 20px}.hero-stat:first-child{padding-left:0}.hero-stat-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:rgb(var(--color-text-primary));letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hero-stat-label{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:rgb(var(--color-text-secondary))}.hero-stat-divider{width:1px;height:32px;background:var(--color-border-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:12px 20px;font-weight:600;font-family:var(--font-body);font-size:13px;cursor:pointer;transition:.15s background,.15s color,.15s border,.15s box-shadow;text-transform:uppercase;letter-spacing:.06em;gap:6px;line-height:1.4}.btn.small{padding:8px 14px;font-weight:600;font-size:12px}.btn-primary{background:linear-gradient(135deg,var(--color-nike-volt),#a5d600);color:var(--nike-black);border-color:transparent;box-shadow:0 2px 12px #cdfd0059}.btn-primary:hover{box-shadow:0 4px 20px #cdfd0080;filter:brightness(1.05)}.btn-ghost{background:transparent;border-color:var(--color-border-subtle);color:rgb(var(--color-text-primary))}.btn-ghost:hover{border-color:var(--color-nike-orange);color:var(--color-nike-orange)}.btn-danger{background:var(--color-negative);color:#fff;border-color:var(--color-negative)}.btn-danger:hover{filter:brightness(1.1);box-shadow:0 1px 4px var(--shadow-light)}.btn-text{background:transparent;border-color:transparent;color:rgb(var(--color-text-secondary));padding:9px 12px}.btn-text:hover{color:rgb(var(--color-text-primary));background:var(--interactive-hover-bg)}.btn-text.danger{color:var(--color-negative)}.btn-text.danger:hover{background:#ff3d5a14;color:var(--color-negative)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--interactive-focus-ring);outline-offset:2px}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px}.form-actions .btn-text.danger{margin-left:auto}.page-header{margin-bottom:24px;padding-top:8px}.page-header-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin:0 0 4px;letter-spacing:.06em;text-transform:uppercase}.page-header-desc{color:rgb(var(--color-text-secondary));font-size:14px;margin:0;line-height:1.5}.form-card{background:var(--panel);border:1px solid var(--border-light);border-radius:14px;padding:20px;margin-bottom:16px}.form-card-heading{font-family:var(--font-display);font-size:11px;font-weight:700;color:rgb(var(--color-text-primary));margin:0 0 4px;text-transform:uppercase;letter-spacing:.06em}.form-card-desc{font-size:13px;color:rgb(var(--color-text-secondary));margin:0 0 14px;line-height:1.5}.form-card .form-group:last-of-type{margin-bottom:0}.form-card .form-group input:not([type=checkbox]),.form-card .form-group textarea,.form-card .form-group select{background:var(--bg)}.form-card .form-group input:not([type=checkbox]):focus,.form-card .form-group textarea:focus{box-shadow:0 0 0 3px var(--ring)}.form-examples-list{display:flex;flex-direction:column;gap:20px;margin-bottom:16px}.form-example{background:var(--code-bg);border:1px solid var(--border-light);border-radius:14px;padding:20px;transition:border-color .2s ease,box-shadow .2s ease}.form-example:hover{border-color:var(--border-medium)}.form-example-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.form-example-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:rgb(var(--color-text-secondary))}.form-example-remove{background:transparent;border:0;color:rgb(var(--color-text-secondary));cursor:pointer;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;transition:color .15s,background .15s}.form-example-remove:hover{color:var(--color-negative);background:#ff3d5a14}.form-example-io{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 540px){.form-example-io{grid-template-columns:1fr}}.form-example-block{min-width:0}.form-example-block-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:rgb(var(--color-text-secondary));margin-bottom:8px}.form-example-input textarea{border-left:3px solid var(--color-nike-orange)}.form-example-output textarea{border-left:3px solid var(--color-nike-volt)}.form-example textarea{width:100%;min-height:80px;resize:vertical;background:var(--panel);border:1px solid var(--border-light);border-radius:10px;padding:12px 14px;color:rgb(var(--color-text-primary));font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}.form-example textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px var(--ring)}.form-example textarea::placeholder{color:rgb(var(--color-text-secondary))}.form-add-example{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:2px dashed var(--border-medium);border-radius:12px;background:transparent;color:rgb(var(--color-text-secondary));font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.form-add-example:hover{border-color:var(--color-nike-volt);color:var(--color-nike-volt);background:#cdfd000a}.form-example-media{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;align-items:flex-start}.media-upload-zone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px dashed var(--border-medium);border-radius:10px;background:#ffffff05;min-width:160px;transition:all .2s ease;cursor:pointer;position:relative}.media-upload-zone:hover:not(.uploading){border-color:var(--border-focus);background:var(--border-light)}.media-upload-zone.drag-over{border-color:var(--color-nike-volt);background:#cdfd000f}.media-upload-zone.uploading{cursor:wait;pointer-events:none}.media-upload-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.media-upload-btn{background:none;border:none;color:var(--color-nike-volt);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;padding:0}.media-upload-btn:hover:not(:disabled){text-decoration:underline}.media-upload-hint{font-size:11px;color:rgb(var(--color-text-secondary))}.media-upload-progress{position:relative;width:100%;height:6px;background:var(--border-light);border-radius:999px;overflow:hidden}.media-upload-progress-bar{height:100%;background:var(--color-nike-volt);transition:width .2s ease}.media-upload-progress-text{font-size:11px;color:rgb(var(--color-text-secondary))}.media-paste-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:100px;padding:16px;border-radius:10px;border:1px solid var(--border-light);background:var(--panel)}.media-paste-loading span{font-size:12px;color:rgb(var(--color-text-secondary));font-weight:500}.media-paste-loading-spinner{width:24px;height:24px;border-radius:50%;border:3px solid var(--border-medium);border-top-color:var(--color-nike-volt);animation:paste-spin .7s linear infinite}@keyframes paste-spin{to{transform:rotate(360deg)}}.media-preview{display:flex;flex-direction:column;gap:6px;padding:0;border:1px solid var(--border-light);border-radius:10px;background:var(--panel);width:100%;overflow:hidden}.media-preview-content{min-width:0}.media-preview-img{width:100%;height:220px;border-radius:10px;cursor:pointer;object-fit:cover;display:block;transition:opacity .15s}.media-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:180px;min-height:100px;padding:12px;border-radius:8px;background:var(--border-light);color:rgb(var(--color-text-secondary));font-size:11px;text-align:center;overflow:hidden}.media-preview-placeholder svg{opacity:.5}.media-preview-placeholder span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.media-preview-img:hover{opacity:.9}.media-preview-video{width:100%;height:220px;border-radius:10px;display:block;object-fit:cover}.media-preview-meta{display:flex;align-items:center;justify-content:flex-end;padding:0 10px 8px}.media-preview-remove{background:none;border:none;color:rgb(var(--color-text-secondary));font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;font-family:inherit;padding:0}.media-preview-remove:hover{color:var(--color-negative)}.media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:24px}.media-lightbox img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:8px;cursor:default;pointer-events:none}.media-lightbox-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#0009;border:2px solid rgba(255,255,255,.5);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s ease,border-color .15s ease;z-index:1;box-shadow:0 2px 8px #0006}.media-lightbox-close:hover{background:#000c;border-color:#fff}.example-media{display:flex;flex-direction:column;gap:12px}.code+.example-media{margin-top:10px}.example-media .media-preview{width:100%;flex:1}.example-media .media-preview-content{flex:1}.example-media .media-preview-img{height:100%;min-height:180px}.section-label{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:rgb(var(--color-text-secondary))}.section-label svg{opacity:.7;flex-shrink:0}.library{padding:28px 0 48px}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.search{flex:1 1 460px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:rgb(var(--color-text-secondary));pointer-events:none}.search-icon svg{width:18px;height:18px}.search input{width:100%;background:var(--glass-input-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-input-border);border-radius:8px;padding:14px 16px 14px 42px;color:rgb(var(--color-text-primary));outline:none;font-family:var(--font-body);font-size:15px}.search input:focus{border-color:var(--color-nike-orange);box-shadow:0 0 0 3px var(--interactive-focus-ring)}.search-clear{position:absolute;right:10px;background:none;border:none;color:rgb(var(--color-text-secondary));font-size:18px;cursor:pointer;padding:4px 8px;line-height:1;border-radius:6px;transition:color .15s,background .15s}.search-clear:hover{color:rgb(var(--color-text-primary));background:var(--interactive-hover-bg)}.controls{display:flex;gap:10px}.select select{background:var(--glass-input-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:rgb(var(--color-text-primary));border:1px solid var(--glass-input-border);border-radius:8px;padding:12px 36px 12px 14px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;font-family:var(--font-body);font-size:14px}.select select:focus{border-color:var(--color-nike-orange);outline:none}.select select:focus-visible{box-shadow:0 0 0 3px var(--interactive-focus-ring)}.stats-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:8px 2px}.stats{color:rgb(var(--color-text-secondary));font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.per-page-control{display:flex;align-items:center;gap:6px}.per-page-label{font-size:12px;color:rgb(var(--color-text-secondary));margin-right:4px}.per-page-btn{min-width:36px;padding:6px 10px}.per-page-btn.active{background:var(--interactive-hover-bg);border-color:var(--border-focus)}.stats-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sort-select select{min-width:100px;border-radius:999px;padding:8px 32px 8px 14px;font-size:12px}.filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 2px}.filter-chip{display:inline-flex;align-items:center;gap:6px;background:var(--badge-bg);border:1px solid var(--border-light);border-radius:6px;padding:5px 10px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:rgb(var(--color-text-primary));letter-spacing:.02em}.filter-chip-remove{background:none;border:none;color:rgb(var(--color-text-secondary));font-size:16px;cursor:pointer;padding:0 2px;line-height:1;border-radius:4px;transition:color .15s,background .15s}.filter-chip-remove:hover{color:rgb(var(--color-text-primary));background:var(--interactive-hover-bg)}.guide-callout{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:18px;background:var(--glass-card-bg);border:1px solid var(--glass-border);border-radius:14px;animation:guide-callout-in .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes guide-callout-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.guide-callout-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--interactive-hover-bg);border-radius:10px;color:var(--color-nike-volt)}.guide-callout-text{flex:1;min-width:0;font-size:14px;line-height:1.5;color:rgb(var(--color-text-secondary))}.guide-callout-text strong{color:rgb(var(--color-text-primary));font-weight:700}.guide-callout-btn{white-space:nowrap;flex-shrink:0}.skeleton-card{background:var(--glass-card-bg);border:1px solid var(--border-light);border-radius:14px;padding:20px;overflow:hidden;position:relative}.skeleton-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--border-medium),var(--border-light),var(--border-medium));animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line{background:var(--border-medium);border-radius:4px;height:14px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-label{width:60px;height:10px;margin-bottom:8px}.skeleton-title{width:80%;height:16px;margin-bottom:8px}.skeleton-desc{width:100%;height:12px;margin-top:8px}.skeleton-tags{display:flex;gap:6px;margin-top:12px}.skeleton-tag{width:50px;height:20px;background:var(--border-medium);border-radius:999px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.card{background:var(--glass-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;padding:16px;display:flex;flex-direction:column}html.light .card{box-shadow:0 1px 4px #0000000f}.card:hover{border-color:var(--glass-card-hover-border)}.card .title{font-family:var(--font-display);font-weight:700;margin:0 0 6px;text-transform:uppercase;letter-spacing:.06em}.card .meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px;color:rgb(var(--color-text-secondary));font-size:13px}.badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--badge-bg);border:1px solid var(--glass-border);font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--badge-text);text-transform:uppercase;letter-spacing:.06em}.tags{display:flex;gap:8px;flex-wrap:wrap;width:100%}.tag{font-family:var(--font-body);font-size:9px;font-weight:500;color:var(--tag-text);background:var(--tag-bg);border:1px solid var(--tag-border);padding:1px 6px;border-radius:999px;line-height:1.3;display:inline-flex;align-items:center}button.tag-clickable{cursor:pointer;font-family:var(--font-body);font-size:9px;transition:all .15s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;line-height:1.3;margin:0;padding:1px 6px;min-height:0}.tag-clickable:hover{border-color:var(--border-focus);color:rgb(var(--color-text-primary));background:var(--interactive-hover-bg)}.tag-overflow{color:rgb(var(--color-text-secondary));background:transparent;border-color:transparent;font-weight:600;opacity:.6}.card .desc{color:var(--desc-text);font-size:14px;margin:8px 0 12px}.card .actions{display:flex;gap:8px;margin-top:auto}.code{background:var(--code-bg);border:1px solid var(--glass-border);border-radius:12px;padding:12px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:13px;font-weight:400;line-height:1.65}.markdown-content{font-family:var(--font-body);line-height:1.7;font-size:14px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{font-family:var(--font-display);color:rgb(var(--color-text-primary));margin:16px 0 8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.markdown-content h1{font-size:1.4em}.markdown-content h2{font-size:1.2em}.markdown-content h3{font-size:1.05em}.markdown-content p{margin:0 0 12px}.markdown-content ul,.markdown-content ol{margin:0 0 12px;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content strong{color:var(--color-nike-orange);font-weight:600}.markdown-content em{color:rgb(var(--color-text-secondary));font-style:italic}.markdown-content code{background:var(--color-surface-2);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.85em}.markdown-content pre{background:var(--code-bg);border:1px solid var(--glass-border);border-radius:8px;padding:12px;overflow-x:auto;margin:12px 0}.markdown-content pre code{background:none;padding:0;font-family:var(--font-mono);font-size:13px;line-height:1.6}.markdown-content blockquote{border-left:3px solid var(--color-nike-orange);padding-left:16px;margin:12px 0;color:rgb(var(--color-text-secondary))}.markdown-content hr{border:none;border-top:1px solid var(--color-border-subtle);margin:16px 0}.markdown-content a{color:var(--color-nike-volt);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.muted{color:rgb(var(--color-text-secondary))}.persona-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-bottom:20px;padding:12px 0;transition:opacity .2s ease}.persona-count{font-family:var(--font-mono);font-size:11px;opacity:.9}.persona-btn{background:var(--glass-input-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:8px 16px;border-radius:8px;font-family:var(--font-body);font-size:12px;font-weight:600;color:rgb(var(--color-text-secondary));cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px;letter-spacing:.03em;text-transform:uppercase}.persona-btn:hover{border-color:var(--glass-card-hover-border);background:var(--interactive-hover-bg);color:rgb(var(--color-text-primary))}.persona-btn:focus-visible{outline:2px solid var(--interactive-focus-ring);outline-offset:2px}.persona-btn.active{background:var(--color-nike-orange);border-color:var(--color-nike-orange);color:var(--nike-white)}.category-sections{margin-bottom:24px;transition:opacity .2s ease}.category-section{margin-bottom:32px}.category-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:0}.category-section-header:before{content:"";width:3px;height:20px;border-radius:2px;flex-shrink:0;background:linear-gradient(180deg,var(--color-nike-orange),var(--color-nike-volt))}.category-section-title{font-family:var(--font-display);font-size:14px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.1em}.category-count{font-family:var(--font-mono);font-size:11px;font-weight:500;color:rgb(var(--color-text-secondary))}.category-section-desc{color:rgb(var(--color-text-secondary));font-size:13px;margin:4px 0 0}.category-prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:12px}.category-prompt-grid.list-view{grid-template-columns:1fr}.category-prompt-card{background:var(--glass-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:10px;padding:16px 18px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column}html.light .category-prompt-card{box-shadow:0 1px 4px #0000000f}.category-prompt-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--card-accent-color, var(--color-nike-volt));opacity:.85;transition:opacity .2s ease}.category-prompt-card[data-category=orange]:before{--card-accent-color: var(--color-nike-orange)}.category-prompt-card[data-category=cyan]:before{--card-accent-color: var(--color-cyan-glow)}.category-prompt-card[data-category=volt]:before{--card-accent-color: var(--color-nike-volt)}.category-prompt-card[data-category=blue]:before{--card-accent-color: var(--color-blue-glow)}.category-prompt-card:hover{border-color:var(--glass-card-hover-border);transform:translateY(-1px);box-shadow:var(--glass-card-hover-shadow)}.category-prompt-card:focus-visible{outline:2px solid var(--interactive-focus-ring);outline-offset:2px}.category-prompt-card:hover:before{opacity:1}.category-prompt-card.copied:before{background:var(--color-positive);opacity:1}.category-prompt-card.copied:after{content:"✓ Copied!";position:absolute;top:12px;right:12px;background:var(--color-positive);color:var(--nike-black);padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;z-index:2}.category-prompt-card[role=button]{cursor:pointer}.category-prompt-card.list{display:flex;align-items:center;gap:16px;padding:12px 16px;flex-wrap:wrap}.category-prompt-card.list .category-prompt-header{margin-bottom:0;padding-bottom:0;border-bottom:none;flex:0 0 auto}.category-prompt-card.list .category-prompt-text{flex:1 1 180px;min-width:0;margin:0}.category-prompt-card.list .category-prompt-desc{flex:1 1 200px;min-width:0;margin:0 8px;-webkit-line-clamp:1}.category-prompt-card.list .category-prompt-tags{flex:1 1 auto;margin-top:0;padding-top:0;min-width:0}.category-prompt-card.list .card-copy-btn{position:static;flex-shrink:0;opacity:1;order:999}.category-prompt-card.list>a{display:flex;align-items:center;gap:16px;flex:1 1 auto;min-width:0;flex-wrap:wrap}.view-toggle{display:flex;gap:4px}.view-toggle-btn{min-width:36px;padding:6px}.view-toggle-btn.active{background:var(--interactive-hover-bg);border-color:var(--border-focus)}.category-prompt-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;padding-bottom:8px;padding-right:36px;border-bottom:1px solid var(--color-border-subtle)}.category-prompt-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-nike-orange);font-weight:600;background:#fa54001a;padding:4px 10px;border-radius:4px;display:inline-flex;align-items:center;gap:6px;line-height:1.2}html.light .category-prompt-label{background:#fa54001f}.category-prompt-project-badge{font-size:11px;color:rgb(var(--color-text-secondary));background:var(--glass-input-bg);border:1px solid var(--glass-border);padding:4px 10px;border-radius:6px;font-weight:600;margin-left:auto;line-height:1.2}.category-prompt-text{font-family:var(--font-body);font-size:15px;color:rgb(var(--color-text-primary));line-height:1.45;margin:0;font-weight:600}.category-prompt-desc{font-family:var(--font-body);font-size:13px;color:var(--desc-text);line-height:1.5;margin-top:8px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-prompt-tags{display:flex;gap:4px;margin-top:auto;padding-top:10px;flex-wrap:wrap}.card-copy-btn{position:absolute;top:14px;right:14px;z-index:2;background:var(--glass-input-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgb(var(--color-text-secondary));opacity:.5;transition:all .2s ease;padding:0}.card-copy-btn svg{width:14px;height:14px}.card-copy-btn:hover,.card-copy-btn:focus,.category-prompt-card:focus-within .card-copy-btn{opacity:1;color:rgb(var(--color-text-primary));border-color:var(--color-nike-orange);background:var(--interactive-hover-bg)}.card-copy-btn:focus-visible{outline:2px solid var(--interactive-focus-ring);outline-offset:2px}.card-copy-btn.copied{background:var(--color-positive);border-color:var(--color-positive);color:var(--nike-black);opacity:1}.mega-prompt-card{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;padding:24px;margin-bottom:24px;position:relative}html.light .mega-prompt-card{box-shadow:0 1px 4px #0000000f}.mega-prompt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.mega-prompt-title{font-family:var(--font-display);font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.06em}.mega-prompt-title .badge{font-family:var(--font-body);background:var(--color-nike-orange);color:var(--nike-white);padding:4px 10px;border-radius:8px;font-size:10px;font-weight:600;letter-spacing:.04em}.mega-prompt-text{font-size:13px;line-height:1.7;color:var(--mega-text);background:var(--code-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px;max-height:500px;overflow-y:auto;margin:0;position:relative}.mega-prompt-text:after{content:"";position:absolute;bottom:0;left:0;right:0;height:48px;background:linear-gradient(to top,var(--code-bg),transparent);pointer-events:none}.mega-prompt-text.markdown-content strong{color:var(--color-nike-orange);font-weight:600}.mega-prompt-text.markdown-content p,.mega-prompt-text.markdown-content ul{margin:0 0 8px}.mega-copy-btn{background:var(--interactive-hover-bg);border:1px solid var(--glass-border);color:rgb(var(--color-text-primary));padding:8px 16px;border-radius:8px;cursor:pointer;font-family:var(--font-body);font-size:12px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.mega-copy-btn svg{width:16px;height:16px}.mega-copy-btn:hover{background:var(--interactive-active-bg);border-color:var(--color-nike-orange)}.mega-copy-btn:focus-visible{outline:2px solid var(--interactive-focus-ring);outline-offset:2px}.mega-copy-btn.copied{background:var(--color-positive);border-color:var(--color-positive);color:var(--nike-black)}.site-footer{display:none}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-glow),transparent);margin:24px 0}.modal{position:fixed;left:0;right:0;bottom:0;top:var(--header-h, 0);display:none;z-index:50;align-items:center;justify-content:center}.modal.show{display:flex}.modal.show .modal-backdrop{opacity:1}.modal.show .modal-dialog{opacity:1;transform:translateY(0)}.modal.closing .modal-backdrop{opacity:0}.modal.closing .modal-dialog{opacity:0;transform:translateY(12px)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;opacity:0;transition:opacity .2s ease}html.light .modal-backdrop{background:#0006}.modal-dialog{position:relative;z-index:10;max-width:860px;width:min(96vw,860px);background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:12px;padding:24px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transform:translateY(12px);transition:transform .25s ease,opacity .2s ease}.modal-header{flex-shrink:0;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.modal-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-title{font-family:var(--font-display);margin:0;font-size:22px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;flex:1;min-width:0}.modal-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.modal-icon-btn{background:transparent;border:0;color:rgb(var(--color-text-secondary));width:36px;height:36px;padding:6px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.modal-icon-btn:hover{color:rgb(var(--color-text-primary));background:var(--interactive-hover-bg)}.modal-icon-btn:focus-visible{outline:2px solid var(--interactive-focus-ring);outline-offset:2px}.modal-icon-btn svg{width:20px;height:20px}.modal-icon-btn .icon-collapse,.modal.fullscreen .modal-icon-btn .icon-expand{display:none}.modal.fullscreen .modal-icon-btn .icon-collapse{display:block}.modal-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.modal-meta .tags{display:flex;gap:8px;flex-wrap:wrap;width:100%}.modal-meta .badge{padding:5px 12px;font-weight:700;border:1px solid var(--glass-border)}.modal-body{flex:1;overflow-y:auto;min-height:0;margin-top:16px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff26}html.light .modal-body::-webkit-scrollbar-thumb{background:#0003}html.light .modal-body::-webkit-scrollbar-thumb:hover{background:#0000004d}.modal-desc{margin:0 0 16px;font-size:14px;line-height:1.6}.modal-prompt-section{margin-top:4px}.modal-prompt-section .markdown-content p:last-child{margin-bottom:0}.modal-section-label{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--color-text-secondary));margin:0 0 10px;font-weight:600;border-left:3px solid var(--color-nike-orange);padding-left:10px}.modal-examples-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--glass-border)}.modal-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border-subtle);font-size:12px;color:rgb(var(--color-text-secondary))}.modal-footer-sep{margin:0 6px}.examples{margin-top:8px}.example{margin:12px 0;padding:16px;border:1px solid var(--glass-border);border-radius:12px;background:var(--code-bg)}.example-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.example-label{font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--example-label);text-transform:uppercase;letter-spacing:.1em}.example-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-family:var(--font-body);font-size:11px;font-weight:500;color:rgb(var(--color-text-secondary));background:var(--color-surface-2);border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:.15s color,.15s border-color,.15s background}.example-copy-btn:hover{color:rgb(var(--color-text-primary));border-color:var(--color-nike-orange);background:var(--interactive-hover-bg)}.example-copy-btn svg{width:14px;height:14px}.example-io{display:flex;flex-direction:column;gap:12px}@media (min-width: 580px){.example-io{flex-direction:row}}.example-block{flex:1;min-width:0;display:flex;flex-direction:column}.example-block .code{flex:1;min-height:0;display:flex;align-items:center}.example-block .example-media{flex:1;min-height:0}.example-input .code{border-left:3px solid var(--color-nike-orange)}.example-output .code{border-left:3px solid var(--color-nike-volt)}.example-block-label{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:700;background:var(--color-surface-2);padding:3px 8px;border-radius:4px}.example pre{margin:0}.modal.fullscreen .modal-dialog{width:calc(100vw - 40px);max-width:none;height:calc(100vh - var(--header-h, 0px) - 40px);max-height:none;border-radius:16px}.confirm-dialog{max-width:420px;padding:24px}.confirm-message{color:rgb(var(--color-text-secondary));margin:0 0 24px;line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.form-error{color:var(--color-negative);font-size:13px;margin:4px 0 0}#toastContainer{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;flex-direction:column;gap:10px}.toast{background:linear-gradient(180deg,var(--toast-gradient-start),var(--toast-gradient-end));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:rgb(var(--color-text-primary));padding:12px 14px;border-radius:14px;box-shadow:0 8px 24px var(--shadow);display:flex;align-items:center;gap:10px;min-width:260px;max-width:420px;opacity:0;transform:translateY(8px);transition:.2s opacity,.2s transform}.toast.show{opacity:1;transform:translateY(0)}.toast .msg{flex:1}.toast .close{background:transparent;border:0;color:var(--example-label);font-size:18px;cursor:pointer;line-height:1}.toast-success{border-left:4px solid var(--color-positive)}.toast-error{border-left:4px solid var(--color-negative)}.pager{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0 8px}.pager .pager-info{color:rgb(var(--color-text-secondary));font-size:14px;margin-right:8px}.pager .btn{border-radius:999px;padding:8px 12px;font-weight:700;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.pager .page{border:1px solid var(--glass-border);background:transparent;color:rgb(var(--color-text-primary))}.pager .page.current{background:var(--color-nike-volt);color:var(--nike-black);border-color:var(--color-nike-volt)}.pager .nav{border:1px solid var(--glass-border)}.pager .btn[disabled]{opacity:.5;cursor:not-allowed}.theme-toggle{display:none}.empty{color:rgb(var(--color-text-secondary));padding:20px 0}.empty-enhanced{text-align:center;padding:48px 24px}.empty-icon{color:var(--border-medium);margin-bottom:16px}.empty-icon svg{width:48px;height:48px;opacity:.5}.empty-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:rgb(var(--color-text-primary));margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}.empty-desc{color:rgb(var(--color-text-secondary));margin:0 0 20px;font-size:15px;line-height:1.5}.empty-enhanced .btn{margin-top:8px}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-group{margin-bottom:16px}.form-group>label{display:block;font-weight:600;margin-bottom:6px;color:rgb(var(--color-text-primary))}.form-group>label.toggle-item{display:flex}.form-group>label.checkbox-item{display:flex}.form-group input:not([type=checkbox]),.form-group textarea,.form-group select{width:100%;background:var(--panel);border:1px solid var(--border-light);border-radius:10px;padding:10px 14px;color:rgb(var(--color-text-primary));font-family:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.form-group input:not([type=checkbox]):focus,.form-group textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px var(--ring)}.checkbox-group{display:flex;flex-direction:column;gap:6px}.checkbox-item{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-radius:10px;cursor:pointer;border:1px solid var(--border-light);background:var(--panel);transition:all .15s ease;-webkit-user-select:none;user-select:none}.checkbox-item:hover{border-color:var(--border-hover);background:var(--card-gradient-start)}.checkbox-item.checked{border-color:var(--color-nike-orange);background:#fa54000f}html.light .checkbox-item.checked{background:#fa54000d}.checkbox-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;flex-shrink:0;border:2px solid var(--border-medium);border-radius:6px;background:var(--bg);cursor:pointer;position:relative;transition:all .15s ease}.checkbox-item input[type=checkbox]:checked{background:var(--color-nike-orange);border-color:var(--color-nike-orange)}.checkbox-item input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-item input[type=checkbox]:focus-visible{outline:2px solid var(--color-nike-orange);outline-offset:2px}.checkbox-item-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.checkbox-item-label{font-weight:600;font-size:14px;color:rgb(var(--color-text-primary))}.checkbox-item-desc{font-size:12px;color:rgb(var(--color-text-secondary));line-height:1.4}.toggle-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;cursor:pointer;border:1px solid var(--border-light);background:var(--panel);transition:all .15s ease;-webkit-user-select:none;user-select:none}.toggle-item:hover{border-color:var(--border-hover)}.toggle-item.checked{border-color:var(--color-nike-orange);background:#fa54000f}html.light .toggle-item.checked{background:#fa54000d}.toggle-track{position:relative;width:40px;height:22px;flex-shrink:0;border-radius:999px;background:var(--border-medium);transition:background .2s ease}.toggle-item.checked .toggle-track{background:var(--color-nike-orange)}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-item.checked .toggle-track:after{transform:translate(18px)}.toggle-track input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:1}.toggle-label{font-weight:600;font-size:14px;color:rgb(var(--color-text-primary))}.toggle-desc{font-size:12px;color:rgb(var(--color-text-secondary))}.persona-editor{display:flex;flex-direction:column;gap:10px}.persona-editor-empty{text-align:center;padding:20px 16px;color:rgb(var(--color-text-secondary));border:1px dashed var(--border-medium);border-radius:10px}.persona-editor-empty svg{margin-bottom:8px;opacity:.35}.persona-editor-empty p{margin:0;font-size:13px}.persona-editor-row{display:flex;align-items:flex-start;gap:10px;background:var(--bg);border:1px solid var(--border-light);border-radius:10px;padding:12px 14px}.persona-editor-number{width:24px;height:24px;border-radius:50%;flex-shrink:0;margin-top:26px;background:var(--border-medium);color:rgb(var(--color-text-primary));font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.persona-editor-fields{display:flex;flex-direction:column;gap:12px;flex:1}.persona-editor-field-group{display:flex;flex-direction:column;gap:4px}.persona-editor-fields input{width:100%;background:var(--panel);border:1px solid var(--border-light);border-radius:8px;padding:9px 12px;color:rgb(var(--color-text-primary));font-family:inherit;font-size:14px;transition:border-color .15s ease}.persona-editor-fields input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px var(--ring)}.persona-editor-fields input::placeholder{color:rgb(var(--color-text-secondary))}.persona-editor-label{font-size:12px;font-weight:600;color:rgb(var(--color-text-primary));letter-spacing:.02em}.persona-editor-optional{font-weight:400;color:rgb(var(--color-text-secondary));font-style:italic}.persona-editor-remove{flex-shrink:0;background:none;border:1px solid transparent;cursor:pointer;color:rgb(var(--color-text-secondary));padding:6px;border-radius:8px;transition:.15s background,.15s color,.15s border-color;margin-top:24px}.persona-editor-remove:hover{background:#fa540014;color:var(--color-negative);border-color:#fa540026}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.login-card{position:relative;z-index:2;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:16px;padding:48px 44px;max-width:440px;width:92%;text-align:center;box-shadow:0 24px 80px #00000059}.login-swoosh{margin-bottom:28px}.login-swoosh-img{height:32px;width:auto;display:inline-block;filter:invert(1);opacity:.85}html.light .login-swoosh-img{filter:invert(0)}.login-kicker{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--color-nike-orange);margin-bottom:12px}.login-title{font-family:var(--font-display);font-size:44px;font-weight:700;letter-spacing:.06em;margin:0 0 16px;line-height:1.05;color:rgb(var(--color-text-primary));text-transform:uppercase}.login-title-line{display:block}.login-title-accent{display:block;color:transparent;background:linear-gradient(135deg,var(--color-nike-orange),var(--color-nike-volt));-webkit-background-clip:text;background-clip:text}.login-subtitle{color:rgb(var(--color-text-secondary));font-size:15px;line-height:1.6;max-width:320px;margin:0 auto 36px}.login-btn{width:100%;padding:16px 24px;font-size:14px;border-radius:12px;letter-spacing:.08em}.login-footer{display:inline-flex;align-items:center;gap:6px;justify-content:center;color:rgb(var(--color-text-secondary));font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:28px 0 0;opacity:.7}.login-swoosh{opacity:0;animation:fade-in-up .5s .1s ease-out forwards}.login-kicker{opacity:0;animation:fade-in-up .5s .2s ease-out forwards}.login-title-line{opacity:0;animation:fade-in-up .5s .3s ease-out forwards}.login-title-accent{opacity:0;animation:fade-in-up .5s .4s ease-out forwards}.login-subtitle{opacity:0;animation:fade-in-up .5s .5s ease-out forwards}.login-btn{opacity:0;animation:fade-in-up .5s .6s ease-out forwards}.login-footer{opacity:0;animation:fade-in-up .5s .7s ease-out forwards}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);color:rgb(var(--color-text-secondary));gap:16px}.auth-loading p{margin:0;font-size:15px}.auth-loading-spinner{width:36px;height:36px;border:3px solid var(--border-medium);border-top-color:rgb(var(--color-text-primary));border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.session-warning-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.session-warning-dialog{background:var(--panel);border:1px solid var(--border-light);border-radius:16px;padding:32px;max-width:420px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center}.session-warning-dialog h3{margin:0 0 12px;font-family:var(--font-display);font-size:20px;color:rgb(var(--color-text-primary));text-transform:uppercase}.session-warning-dialog p{margin:0 0 24px;color:rgb(var(--color-text-secondary));font-size:15px;line-height:1.5}.session-warning-actions{display:flex;gap:12px;justify-content:center}.session-warning-actions .btn{min-width:140px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.projects-section{padding:24px 0 8px}.projects-section-title{font-family:var(--font-display);font-size:14px;font-weight:700;margin:0 0 16px;letter-spacing:.1em;text-transform:uppercase}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.project-card{display:block;text-decoration:none;color:inherit;background:var(--glass-card-bg);border:1px solid var(--glass-border);border-radius:10px;padding:18px 20px;transition:all .15s ease;border-left:3px solid var(--color-nike-volt)}.project-card:hover{border-color:var(--glass-card-hover-border);border-left-color:var(--color-nike-orange);transform:translateY(-1px);box-shadow:var(--glass-card-hover-shadow)}.project-card-name{font-family:var(--font-display);font-size:15px;font-weight:700;margin:0 0 4px;text-transform:uppercase;letter-spacing:.06em}.project-card-desc{font-size:13px;color:rgb(var(--color-text-secondary));margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-projects-page{padding:32px 0 48px}.my-projects-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.my-projects-title{font-family:var(--font-display);font-size:28px;font-weight:700;margin:0;letter-spacing:.04em;text-transform:uppercase}.my-projects-empty{text-align:center;padding:48px 24px}.my-projects-empty p{margin:0 0 16px;color:rgb(var(--color-text-secondary))}.project-card-wrapper{display:flex;flex-direction:column;gap:12px}.project-card-wrapper .project-card{flex:1}.project-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.project-card-top .project-card-name{flex:1;margin:0 0 6px;min-width:0}.project-card-top-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.project-card-fav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:none;border-radius:6px;cursor:pointer;color:rgb(var(--color-text-secondary));transition:color .15s ease,background .15s ease}.project-card-fav-btn:hover{background:var(--interactive-hover-bg);color:var(--color-nike-orange)}.project-card-fav-btn.is-favorite{color:var(--color-nike-orange)}.role-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px;flex-shrink:0}.role-badge.role-admin{background:var(--badge-bg);color:var(--color-nike-orange)}.role-badge.role-editor{background:var(--border-light);color:rgb(var(--color-text-secondary))}.role-badge.role-reader{background:color-mix(in srgb,var(--color-cyan-glow) 22%,transparent);color:var(--color-cyan-glow)}.project-card-actions{display:flex;gap:8px;flex-wrap:wrap}.perm-panel{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.perm-section{background:var(--panel);border:1px solid var(--border-light);border-radius:14px;padding:20px}.perm-section-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.perm-section-icon{width:20px;height:20px;color:rgb(var(--color-text-secondary));flex-shrink:0;margin-top:2px}.perm-section-title{font-size:15px;font-weight:700;margin:0;color:rgb(var(--color-text-primary))}.perm-section-desc{font-size:13px;color:rgb(var(--color-text-secondary));margin:2px 0 0}.perm-grant-form{margin:0}.perm-grant-fields{display:flex;flex-direction:column;gap:10px}.perm-grant-input{width:100%;background:var(--bg);border:1px solid var(--border-light);border-radius:10px;padding:11px 14px;color:rgb(var(--color-text-primary));font-family:inherit;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.perm-grant-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--ring)}.perm-grant-input::placeholder{color:rgb(var(--color-text-secondary))}.perm-grant-actions{display:flex;gap:10px;align-items:center}.perm-grant-actions .select select{font-size:14px;padding:10px 34px 10px 12px;border-radius:10px}.perm-grant-actions .btn{white-space:nowrap}.perm-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.perm-member{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;transition:background .15s ease}.perm-member:hover{background:var(--interactive-hover-bg)}.perm-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:var(--border-medium);color:rgb(var(--color-text-primary));font-size:12px;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;justify-content:center}.perm-member-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.perm-member-id{font-size:14px;font-weight:600;color:rgb(var(--color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perm-member-info .role-badge,.perm-role-select{flex-shrink:0}.perm-role-select select{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 26px 4px 8px;border-radius:6px}.perm-role-select.role-admin select{background-color:var(--badge-bg);color:var(--color-nike-orange);border-color:transparent}.perm-role-select.role-editor select{background-color:var(--border-light);color:rgb(var(--color-text-secondary));border-color:transparent}.perm-role-select.role-reader select{background-color:color-mix(in srgb,var(--color-cyan-glow) 22%,transparent);color:var(--color-cyan-glow);border-color:transparent}.perm-revoke-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid transparent;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:rgb(var(--color-text-secondary));cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap}.perm-revoke-btn:hover{color:var(--color-negative);border-color:var(--color-negative);background:#ff3d5a0f}.perm-revoke-btn:disabled{opacity:.5;cursor:not-allowed}.perm-revoke-btn svg{flex-shrink:0}.perm-last-admin-hint{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:rgb(var(--color-text-secondary));padding:6px 10px;white-space:nowrap;cursor:default;opacity:.7}.perm-last-admin-hint svg{flex-shrink:0;opacity:.6}.perm-empty{text-align:center;padding:24px 16px;color:rgb(var(--color-text-secondary))}.perm-empty svg{margin-bottom:10px;opacity:.4}.perm-empty p{margin:0 0 4px;font-size:14px}.perm-empty-hint{font-size:13px;color:rgb(var(--color-text-secondary));opacity:.7}.project-header{display:flex;flex-direction:column;gap:4px;margin-bottom:0}.project-header-main{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.project-header-title{font-family:var(--font-display);font-size:28px;font-weight:700;margin:0;letter-spacing:.04em;text-transform:uppercase}.project-header-desc{color:rgb(var(--color-text-secondary));font-size:15px;margin:0;line-height:1.5}.project-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-medium);margin-bottom:24px;margin-top:16px}.project-tab{position:relative;padding:12px 20px;font-size:14px;font-weight:600;color:rgb(var(--color-text-secondary));text-decoration:none;cursor:pointer;transition:color .2s ease;border:none;background:none;font-family:inherit;white-space:nowrap}.project-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;border-radius:2px 2px 0 0;transition:background .2s ease}.project-tab:hover,.project-tab.active{color:rgb(var(--color-text-primary))}.project-tab.active:after{background:var(--color-nike-orange)}.project-tab-content{min-height:200px}.project-prompts-actions{display:flex;align-items:center;gap:8px;margin-bottom:16px}.prompt-filters{margin-bottom:16px}.prompt-filters .filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.prompt-filters .stats{margin-top:8px;color:rgb(var(--color-text-secondary));font-size:14px}.prompt-filters-dropdowns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.prompt-filter-dropdown{position:relative}.prompt-filter-dropdown-trigger{background:var(--panel);border:1px solid var(--border-medium);color:rgb(var(--color-text-primary));padding:8px 14px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit}.prompt-filter-dropdown-trigger:hover{border-color:var(--border-focus);background:var(--interactive-hover-bg)}.prompt-filter-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:180px;background:var(--dropdown-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 24px var(--shadow);z-index:30;max-height:280px;overflow-y:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.prompt-filter-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:14px;color:rgb(var(--color-text-primary));cursor:pointer;font-family:inherit;transition:background .15s}.prompt-filter-dropdown-item:hover{background:var(--interactive-hover-bg)}.prompt-filter-dropdown-item.active{background:#fa54001a;color:var(--color-nike-orange)}.prompt-filter-dropdown-item input[type=checkbox]{flex-shrink:0}.prompt-stats-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.prompt-bulk-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fa540014;border:1px solid var(--border-medium);border-radius:12px;margin-bottom:16px}.prompt-bulk-count{font-weight:600;color:rgb(var(--color-text-primary))}.prompt-bulk-category-dropdown{position:relative}.prompt-bulk-category-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:160px;background:var(--dropdown-bg);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 8px 24px var(--shadow);z-index:30}.prompt-bulk-category-item{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:14px;color:rgb(var(--color-text-primary));cursor:pointer;font-family:inherit;transition:background .15s}.prompt-bulk-category-item:hover{background:var(--interactive-hover-bg)}.category-section-toggle{cursor:pointer;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.category-section-toggle:hover{color:var(--color-nike-orange)}.category-section-chevron{font-size:12px;opacity:.8}.category-expand-actions{margin-bottom:12px}.prompt-table-container{margin-top:0}.prompt-table-wrapper{overflow-x:auto;border:1px solid var(--glass-border);border-radius:12px;background:var(--panel)}.prompt-table{width:100%;border-collapse:collapse;font-size:14px}.prompt-table thead{position:sticky;top:0;z-index:2;background:var(--panel);border-bottom:1px solid var(--glass-border)}.prompt-table th{text-align:left;padding:12px 16px;font-weight:600;color:rgb(var(--color-text-secondary));font-size:12px;text-transform:uppercase;letter-spacing:.5px}.prompt-table-sort-header{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.prompt-table-sort-header:hover{color:rgb(var(--color-text-primary))}.prompt-table-sort-icon{opacity:.7;font-size:10px}.prompt-table td{padding:10px 16px;border-top:1px solid var(--color-border-subtle);color:rgb(var(--color-text-primary));vertical-align:middle}.prompt-table tbody tr{cursor:pointer;transition:background .15s ease}.prompt-table tbody tr:hover{background:var(--interactive-hover-bg)}.prompt-table tbody tr.selected{background:#fa540014}.prompt-table-col-checkbox{width:44px;text-align:center}.prompt-table-col-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.prompt-table-col-title{min-width:180px}.prompt-table-col-category{min-width:120px;color:rgb(var(--color-text-secondary))}.prompt-table-col-personas{min-width:100px;color:rgb(var(--color-text-secondary))}.prompt-table-col-tags{min-width:100px;color:rgb(var(--color-text-secondary));font-size:13px}.prompt-table-col-updated{min-width:80px;color:rgb(var(--color-text-secondary));font-size:13px;white-space:nowrap}.prompt-table-col-actions{min-width:140px;text-align:right}.prompt-table-title-cell{display:flex;align-items:center;gap:8px}.prompt-table-mega-badge{background:var(--color-nike-orange);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.prompt-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.prompt-table-action-btn{background:transparent;border:1px solid var(--glass-border);color:rgb(var(--color-text-secondary));padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px;font-family:inherit}.prompt-table-action-btn:hover{background:var(--interactive-hover-bg);color:rgb(var(--color-text-primary));border-color:var(--border-focus)}.prompt-table-action-btn svg{width:14px;height:14px}.prompt-table-action-danger{color:var(--color-negative)}.prompt-table-action-danger:hover{background:#ff3d5a1a;border-color:var(--color-negative);color:var(--color-negative)}.prompt-table-empty{padding:24px 16px;text-align:center;margin:0}.browse-table-wrapper{overflow-x:auto;border:1px solid var(--glass-border);border-radius:12px;background:var(--panel);margin-top:16px}.browse-table{width:100%;border-collapse:collapse;font-size:14px}.browse-table thead{position:sticky;top:0;z-index:2;background:var(--panel);border-bottom:1px solid var(--glass-border)}.browse-table th{text-align:left;padding:12px 16px;font-weight:600;color:rgb(var(--color-text-secondary));font-size:12px;text-transform:uppercase;letter-spacing:.5px}.browse-table td{padding:10px 16px;border-top:1px solid var(--color-border-subtle);color:rgb(var(--color-text-primary));vertical-align:middle}.browse-table tbody tr{cursor:pointer;transition:background .15s ease}.browse-table tbody tr:hover{background:var(--interactive-hover-bg)}.browse-table-col-title{min-width:200px}.browse-table-col-category{min-width:120px;color:rgb(var(--color-text-secondary))}.browse-table-col-project{min-width:100px;color:rgb(var(--color-text-secondary));font-size:13px}.browse-table-col-tags{min-width:120px}.browse-table-col-updated{min-width:80px;color:rgb(var(--color-text-secondary));font-size:13px;white-space:nowrap}.browse-table-col-actions{min-width:60px;text-align:right}.browse-table-title-cell{display:flex;align-items:center;gap:8px}.browse-table-mega-badge{background:var(--color-nike-orange);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;flex-shrink:0}.browse-table-tags{display:flex;gap:4px;flex-wrap:wrap}.browse-table-tag{font-size:10px!important;padding:2px 8px!important}.browse-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.browse-table-skeleton{padding:16px}.env-banner{position:fixed;top:0;left:0;z-index:9998;pointer-events:none}.env-banner-ribbon{position:absolute;top:30px;left:-46px;width:190px;text-align:center;padding:8px 0 6px;background:linear-gradient(135deg,#ff9500,#ff6b00);color:#fff;text-decoration:none;transform:rotate(-45deg);box-shadow:0 2px 8px #00000059;pointer-events:auto;transition:filter .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.env-banner-ribbon:hover{filter:brightness(1.1)}.env-banner-label{display:block;line-height:1;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.env-banner-prod{display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:600;letter-spacing:.4px;opacity:.85;text-transform:uppercase}.env-banner-prod svg{flex-shrink:0}.env-deprecation-banner{position:relative;z-index:10;display:flex;flex-direction:column;background:#b71c1c;color:#fff;box-shadow:0 4px 20px #b71c1c80;animation:env-deprecation-slide-down .4s ease-out}@keyframes env-deprecation-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.env-deprecation-stripe{height:6px;background:repeating-linear-gradient(-45deg,#ffab00,#ffab00 10px,#b71c1c 10px,#b71c1c 20px);background-size:28.28px 28.28px;animation:env-stripe-scroll 1s linear infinite}@keyframes env-stripe-scroll{to{background-position:28.28px 0}}.env-deprecation-body{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;flex-wrap:wrap}.env-deprecation-content{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.env-deprecation-icon{flex-shrink:0;color:#ffcdd2;animation:env-icon-pulse 2s ease-in-out infinite}@keyframes env-icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.env-deprecation-text{display:flex;flex-direction:column;gap:2px}.env-deprecation-headline{font-size:18px;font-weight:800;letter-spacing:.3px;line-height:1.3}.env-deprecation-subtext{font-size:14px;opacity:.9;line-height:1.4}.env-deprecation-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.env-deprecation-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;background:#fff;color:#b71c1c;font-size:15px;font-weight:800;border-radius:6px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #0003}.env-deprecation-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.env-deprecation-cta svg{flex-shrink:0}.env-deprecation-dismiss{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:8px 16px;border-radius:6px;flex-shrink:0;font-size:13px;font-weight:600;transition:background .15s ease}.env-deprecation-dismiss:hover{background:#ffffff40}.env-nonprod-banner{position:relative;z-index:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#e65100,#bf360c);color:#fff;box-shadow:0 4px 20px #e6510066;animation:env-deprecation-slide-down .4s ease-out}.env-nonprod-stripe{height:6px;background:repeating-linear-gradient(-45deg,#ffd600,#ffd600 10px,#e65100 10px,#e65100 20px);background-size:28.28px 28.28px;animation:env-stripe-scroll 1s linear infinite}.env-nonprod-icon{flex-shrink:0;color:#ffe0b2}.env-nonprod-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;background:#fff;color:#e65100;font-size:15px;font-weight:800;border-radius:6px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #0003}.env-nonprod-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.env-nonprod-cta svg{flex-shrink:0}.env-nonprod-dismiss{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:8px 16px;border-radius:6px;flex-shrink:0;font-size:13px;font-weight:600;transition:background .15s ease}.env-nonprod-dismiss:hover{background:#ffffff40}.guide-layout{display:flex;gap:0;min-height:400px;border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;background:var(--panel)}.guide-sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;background:var(--glass-card-bg)}.guide-sidebar-header{padding:16px 18px 10px;font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--color-text-secondary));font-weight:700;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.guide-search-wrap{padding:0 12px 10px}.guide-search-input-row{position:relative}.guide-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgb(var(--color-text-secondary));pointer-events:none;display:flex;align-items:center;justify-content:center}.guide-search-input{width:100%;padding:8px 10px 8px 28px;font-size:13px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg);color:rgb(var(--color-text-primary))}.guide-search-input:focus{outline:none;border-color:var(--border-focus)}.guide-search-input::placeholder{color:rgb(var(--color-text-secondary))}.guide-search-results{margin-top:6px;display:flex;flex-direction:column;gap:6px}.guide-search-count{font-size:11px;color:rgb(var(--color-text-secondary))}.guide-search-nav{display:flex;align-items:center;gap:6px}.guide-search-nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--interactive-hover-bg);border:1px solid var(--border-medium);border-radius:6px;color:rgb(var(--color-text-primary));cursor:pointer;transition:background .15s,border-color .15s}.guide-search-nav-btn:hover{background:var(--interactive-active-bg);border-color:var(--border-focus)}.guide-search-nav-btn:disabled{opacity:.5;cursor:not-allowed}.guide-search-nav-label{font-size:12px;font-weight:600;color:rgb(var(--color-text-primary));min-width:3.5em;text-align:center}.guide-search-highlight{background:#ffc10766;padding:0 2px;border-radius:2px}.guide-search-highlight-current{background:#ffc107b3;box-shadow:0 0 0 1px #ffc10780}.guide-sidebar-count{font-size:10px;font-weight:600;letter-spacing:.3px;opacity:.7;text-transform:lowercase}.guide-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 8px}.guide-nav-item{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;text-align:left;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;color:rgb(var(--color-text-secondary));background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;transition:all .15s ease;font-family:inherit;line-height:1.3}.guide-nav-item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.guide-nav-item-match{flex-shrink:0;font-size:11px;font-weight:600;padding:2px 6px;background:var(--color-nike-volt);color:var(--nike-black);border-radius:10px}.guide-nav-item:hover{background:var(--interactive-hover-bg);color:rgb(var(--color-text-primary))}.guide-nav-item.active{background:var(--interactive-active-bg);font-weight:600;color:rgb(var(--color-text-primary));border-left-color:var(--color-nike-volt)}.guide-edit-link{margin:auto 8px 8px}.guide-page-indicator{padding:10px 18px;font-size:12px;color:rgb(var(--color-text-secondary));border-top:1px solid var(--glass-border);text-align:center;font-weight:600;letter-spacing:.3px}.guide-content{flex:1;min-width:0;padding:32px 40px;overflow-y:auto;transition:opacity .15s ease}.guide-content-fade{opacity:0}.guide-page-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid var(--glass-border)}.guide-page-nav .btn{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-page-nav .btn svg{flex-shrink:0}.guide-page-toc{margin-bottom:24px;padding:16px 20px;background:var(--interactive-hover-bg);border-radius:10px;border:1px solid var(--glass-border)}.guide-page-toc-title{font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--color-text-secondary));font-weight:700;margin-bottom:10px}.guide-page-toc-list{list-style:none;margin:0;padding:0}.guide-page-toc-item{margin:0}.guide-page-toc-link{display:block;padding:4px 0;font-size:14px;color:rgb(var(--color-text-secondary));text-decoration:none;transition:color .15s ease}.guide-page-toc-link:hover{color:var(--color-nike-volt)}.guide-page-toc-h2{padding-left:0}.guide-page-toc-h3{padding-left:12px;font-size:13px}.guide-markdown{font-size:15px;line-height:1.8;max-width:780px}.guide-markdown h1{font-size:1.8em;margin:0 0 16px;border-bottom:1px solid var(--glass-border);padding-bottom:12px}.guide-markdown h2{font-size:1.4em;margin:28px 0 12px}.guide-markdown h3{font-size:1.15em;margin:24px 0 8px}.guide-markdown table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.guide-markdown th,.guide-markdown td{border:1px solid var(--glass-border);padding:10px 14px;text-align:left}.guide-markdown th{background:var(--interactive-hover-bg);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.3px}.guide-markdown tr:hover td{background:var(--interactive-hover-bg)}.guide-markdown strong{color:rgb(var(--color-text-primary));font-weight:700}.guide-markdown img{max-width:100%;border-radius:8px;margin:8px 0}.guide-markdown h1,.guide-markdown h2,.guide-markdown h3,.guide-markdown h4,.guide-markdown h5,.guide-markdown h6{position:relative;scroll-margin-top:16px}.guide-heading-anchor{position:absolute;left:-1.2em;top:0;font-size:.85em;font-weight:400;color:rgb(var(--color-text-secondary));text-decoration:none;opacity:0;transition:opacity .15s ease;-webkit-user-select:none;user-select:none}.guide-markdown h1:hover .guide-heading-anchor,.guide-markdown h2:hover .guide-heading-anchor,.guide-markdown h3:hover .guide-heading-anchor,.guide-markdown h4:hover .guide-heading-anchor,.guide-markdown h5:hover .guide-heading-anchor,.guide-markdown h6:hover .guide-heading-anchor,.guide-heading-anchor:focus{opacity:.6}.guide-heading-anchor:hover{opacity:1;color:var(--color-nike-volt)}.guide-heading-copy{position:absolute;left:-2.4em;top:50%;transform:translateY(-50%);margin:0;padding:4px;border:none;background:transparent;cursor:pointer;color:rgb(var(--color-text-secondary));opacity:0;transition:opacity .15s ease;border-radius:4px}.guide-heading-copy:hover{opacity:1;color:var(--color-nike-volt);background:var(--interactive-hover-bg)}.guide-markdown h1:hover .guide-heading-copy,.guide-markdown h2:hover .guide-heading-copy,.guide-markdown h3:hover .guide-heading-copy,.guide-markdown h4:hover .guide-heading-copy,.guide-markdown h5:hover .guide-heading-copy,.guide-markdown h6:hover .guide-heading-copy{opacity:.5}.modal.fullscreen .guide-modal-dialog{max-width:1060px;width:min(94vw,1060px);height:calc(100vh - var(--header-h, 0px) - 80px);margin-top:20px}.guide-modal-body{display:flex;flex-direction:column}.guide-modal-layout{border:none;border-radius:0;flex:1;min-height:0}.guide-modal-body .guide-content{overflow-y:auto}.guide-modal-body .guide-sidebar{border-radius:0}.guide-modal-skeleton{display:flex;flex:1;min-height:0;border-radius:10px;overflow:hidden;border:1px solid var(--glass-border)}.guide-modal-skeleton-sidebar{width:220px;flex-shrink:0;padding:18px;border-right:1px solid var(--glass-border);background:var(--glass-card-bg)}.guide-modal-skeleton-content{flex:1;padding:32px 40px}.guide-empty{text-align:center;padding:60px 20px;color:rgb(var(--color-text-secondary))}.guide-empty svg{margin-bottom:12px;opacity:.5}.guide-empty h3{color:rgb(var(--color-text-primary));margin:0 0 8px;font-family:var(--font-display);font-size:18px;text-transform:uppercase}.guide-empty p{margin:0 0 16px}.guide-editor-layout{display:flex;gap:0;min-height:500px;border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;background:var(--panel)}.guide-editor-sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--glass-border);padding:12px;display:flex;flex-direction:column;gap:4px;background:var(--glass-card-bg)}.guide-editor-sidebar-header{padding:4px 8px 8px;font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--color-text-secondary));font-weight:700}.guide-editor-page-item{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s;font-size:13px}.guide-editor-page-item:hover{background:var(--interactive-hover-bg)}.guide-editor-page-item.active{background:var(--interactive-active-bg);font-weight:600}.guide-editor-page-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-editor-page-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s}.guide-editor-page-item:hover .guide-editor-page-actions,.guide-editor-page-item.active .guide-editor-page-actions{opacity:1}.guide-editor-page-btn{background:transparent;border:none;padding:3px;border-radius:4px;cursor:pointer;color:rgb(var(--color-text-secondary));display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.guide-editor-page-btn:hover{color:rgb(var(--color-text-primary));background:var(--interactive-hover-bg)}.guide-editor-page-btn.danger:hover{color:var(--color-negative);background:#ff3d5a1a}.guide-editor-page-btn:disabled{opacity:.3;cursor:not-allowed}.guide-editor-main{flex:1;min-width:0;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.guide-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-editor-id-hint{font-weight:400;color:rgb(var(--color-text-secondary));font-size:12px}.guide-editor-toolbar-wrap{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--panel);border:1px solid var(--border-light);border-radius:10px 10px 0 0;border-bottom:none}.guide-editor-toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.guide-toolbar-group{display:flex;align-items:center;gap:1px}.guide-tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:rgb(var(--color-text-secondary));cursor:pointer;transition:all .12s ease;font-family:inherit}.guide-tb-btn:hover{background:var(--interactive-hover-bg);color:rgb(var(--color-text-primary));border-color:var(--border-medium)}.guide-tb-btn:active{background:var(--interactive-active-bg);transform:scale(.95)}.guide-tb-btn:disabled{opacity:.4;cursor:not-allowed}.guide-tb-btn svg{flex-shrink:0}.guide-tb-text{font-size:12px;font-weight:700;letter-spacing:-.02em}.guide-tb-sep{width:1px;height:20px;background:var(--border-medium);margin:0 6px;flex-shrink:0}.guide-tb-upload-label{font-size:11px;font-weight:600}.guide-editor-view-toggle{display:flex;align-items:center;gap:0;background:var(--interactive-hover-bg);border-radius:8px;padding:2px;flex-shrink:0}.guide-view-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:none;border-radius:6px;background:transparent;color:rgb(var(--color-text-secondary));font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;white-space:nowrap}.guide-view-btn:hover{color:rgb(var(--color-text-primary))}.guide-view-btn.active{background:var(--panel);color:rgb(var(--color-text-primary));font-weight:600;box-shadow:0 1px 3px var(--shadow-light)}.guide-editor-textarea{width:100%;min-height:300px;height:500px;resize:vertical;font-family:var(--font-mono);font-size:13px;line-height:1.6;padding:16px;border:1px solid var(--border-light);border-radius:0 0 10px 10px;background:var(--bg);color:rgb(var(--color-text-primary));transition:border-color .15s}.guide-editor-textarea:focus{outline:none;border-color:var(--border-focus)}.guide-editor-split{display:flex;gap:16px;flex:1;min-height:0}.guide-editor-split .guide-editor-textarea,.guide-editor-split .guide-editor-preview{flex:1;min-width:0}.guide-editor-preview-split{flex:1;min-height:0}.guide-editor-preview{flex:1;padding:20px;border:1px solid var(--border-light);border-radius:0 0 10px 10px;background:var(--bg);overflow-y:auto;min-height:300px}.guide-editor-history{margin-top:8px;padding:8px;background:var(--interactive-hover-bg);border-radius:8px;max-height:200px;overflow-y:auto}.guide-editor-history-list{list-style:none;margin:0;padding:0}.guide-editor-history-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-medium)}.guide-editor-history-item:last-child{border-bottom:none}.guide-editor-history-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.guide-editor-history-date{font-size:12px;color:rgb(var(--color-text-primary))}.guide-editor-history-by{font-size:11px;color:rgb(var(--color-text-secondary))}.guide-editor-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:rgb(var(--color-text-secondary));text-align:center}.guide-editor-empty svg{opacity:.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--body-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--interactive-hover-bg)}@media (max-width: 980px){.hero-art{width:140px;height:140px}.hero-ring-1{width:130px;height:130px}.hero-ring-2{width:90px;height:90px}.hero-glyph{width:70px;height:70px}}@media (max-width: 768px){.sidebar{width:64px}.sidebar .sidebar-nav-label,.sidebar .sidebar-brand-text,.sidebar .sidebar-profile-name{opacity:0;pointer-events:none}.sidebar-collapse-btn{display:none}.main-area,.sidebar-collapsed .main-area{margin-left:64px}.sidebar-profile-dropdown{left:calc(100% + 4px)}.prompt-filters .filters{flex-direction:column;align-items:stretch}.prompt-filters-dropdowns,.prompt-bulk-bar{flex-wrap:wrap}.prompt-table .prompt-table-col-personas,.browse-table .browse-table-col-project,.browse-table .browse-table-col-updated{display:none}.guide-layout{flex-direction:column}.guide-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--glass-border)}.guide-nav{flex-direction:row;flex-wrap:wrap;padding:4px 8px 8px}.guide-nav-item{padding:8px 14px;font-size:13px;border-left:none;border-bottom:3px solid transparent}.guide-nav-item.active{border-left-color:transparent;border-bottom-color:var(--color-nike-volt)}.guide-page-indicator{display:none}.guide-content{padding:20px}.guide-page-nav{flex-direction:column;gap:8px}.guide-page-nav .btn{max-width:100%;width:100%;justify-content:center}.guide-callout{flex-direction:column;text-align:center;gap:10px}.guide-callout-icon{align-self:center}.guide-modal-skeleton{flex-direction:column}.guide-modal-skeleton-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--glass-border)}.guide-editor-layout{flex-direction:column}.guide-editor-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--glass-border);flex-direction:row;flex-wrap:wrap;align-items:center}.guide-editor-sidebar-header{padding:4px 8px}.guide-editor-fields{grid-template-columns:1fr}.guide-editor-split{flex-direction:column}}@media (max-width: 640px){.hero-title{font-size:28px}.hero-art{display:none}.my-projects-header{flex-direction:column;align-items:stretch}.my-projects-title{font-size:22px}.category-prompt-grid,.projects-grid{grid-template-columns:1fr}.persona-nav{flex-direction:column;align-items:stretch}.persona-btn{justify-content:center}.mega-prompt-header{flex-direction:column;align-items:flex-start}.mega-prompt-title{font-size:16px}.perm-grant-actions{flex-direction:column}.perm-grant-actions .btn{width:100%}.perm-member{padding:10px 8px}.persona-editor-primary{grid-template-columns:1fr}.page-header-title{font-size:22px}.project-header{align-items:flex-start}.project-header-title{font-size:22px}.project-tabs{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.project-tab{padding:10px 14px;font-size:13px}.modal-dialog{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:16px}.modal.fullscreen .modal-dialog{width:calc(100vw - 24px);height:calc(100vh - var(--header-h, 0px) - 24px);border-radius:12px}.modal-fullscreen-toggle{display:none!important}}