.fn-surface-light{background:var(--grey-10);color:var(--grey-100);font-family:var(--font-body)}.fn-backdrop{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.fn-backdrop .band{position:absolute;top:28%;left:-50%;width:200%;height:70%;background:linear-gradient(90deg,#D5E2F5,#B8D0F0 15%,#9ABFEB 25%,#A0C4E0 35%,#A8C8E8 45%,#98B8F0 55%,#78A8F5 65%,#80B0F0 75%,#D5E2F5 90%,#B8D0F0);filter:blur(90px);opacity:.85}.fn-backdrop .blob-purple{position:absolute;top:5%;left:-8%;width:55%;height:45%;background:radial-gradient(ellipse,#2A6FDB 0,transparent 70%);filter:blur(100px);opacity:.14}.fn-backdrop .blob-warm{position:absolute;bottom:-10%;right:-8%;width:60%;height:55%;background:radial-gradient(ellipse,#FF9933 0,transparent 70%);filter:blur(100px);opacity:.22}.glass{background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--grey-20);box-shadow:var(--shadow-glass)}.pill-header{position:sticky;top:16px;z-index:50;display:flex;justify-content:center;padding:0 16px}.pill-header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1152px;padding:12px 24px;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);border:1px solid var(--grey-20);border-radius:9999px;box-shadow:var(--shadow-glass)}.pill-header-inner nav{display:flex;gap:24px;align-items:center;font-size:14px;color:var(--grey-60)}.pill-header-inner nav a{font-weight:400;transition:color var(--dur-fast) var(--ease-soft)}.pill-header-inner nav a:hover{color:var(--purple)}.pill-header-inner .actions{display:flex;gap:10px;align-items:center}.fn-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:9999px;font-family:var(--font-header);font-weight:600;font-size:14px;white-space:nowrap;transition:all var(--dur-fast) var(--ease-soft);text-decoration:none}.fn-btn.primary{background:var(--gradient-purple);color:#fff;box-shadow:0 4px 16px rgba(42,111,219,.2)}.fn-btn.primary:hover{box-shadow:0 6px 24px rgba(42,111,219,.32)}.fn-btn.secondary{background:#fff;color:var(--grey-70);border:1px solid var(--grey-20)}.fn-btn.secondary:hover{color:var(--purple);border-color:var(--purple)}.fn-btn.yellow{background:var(--yellow);color:var(--grey-100);font-family:var(--font-body);border-radius:12px;padding:10px 18px}.fn-btn.yellow:hover{box-shadow:var(--shadow-md)}.fn-btn.ghost{background:transparent;color:var(--grey-70);padding:10px 16px}.fn-btn.ghost:hover{color:var(--purple)}.fn-btn.sm{padding:7px 12px;font-size:13px}.grad-text{background:var(--gradient-purple-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.prompt-card{position:relative;max-width:820px;width:100%;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border:1px solid var(--grey-20);border-radius:24px;padding:24px 24px 16px;box-shadow:var(--shadow-glass);transition:border-color var(--dur-fast) var(--ease-soft),box-shadow var(--dur-fast) var(--ease-soft)}.prompt-card:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px rgba(42,111,219,.18),var(--shadow-glass)}.prompt-card textarea{width:100%;min-height:120px;max-height:280px;resize:none;background:transparent;border:0;outline:0;color:var(--grey-100);font-family:var(--font-body);font-size:16px;line-height:1.55;padding:2px}.prompt-card textarea::-moz-placeholder{color:var(--grey-40)}.prompt-card textarea::placeholder{color:var(--grey-40)}.prompt-foot{display:flex;align-items:center;gap:8px;padding-top:6px}.prompt-foot .spacer{flex:1}.prompt-attachments{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}.prompt-attachments .a{position:relative;width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid var(--grey-20)}.prompt-attachments .a img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.prompt-attachments .a .rm{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:9999px;background:#fff;color:var(--grey-100);border:1px solid var(--grey-20);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.12)}.prompt-attachments .a .rm:hover{background:var(--grey-10)}.fn-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid var(--grey-20);color:var(--grey-70);padding:6px 12px;border-radius:10px;font-family:var(--font-body);font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:all var(--dur-fast) var(--ease-soft);cursor:pointer;text-decoration:none}.fn-chip:hover{border-color:var(--purple);color:var(--purple)}.pp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 2px 2px}.pp-label{font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--grey-50);letter-spacing:.01em}.pp-seg{display:inline-flex;gap:2px;padding:2px;background:#fff;border:1px solid var(--grey-20);border-radius:10px}.pp-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:0;background:transparent;padding:5px 11px;border-radius:8px;font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--grey-60);line-height:1.4;white-space:nowrap;transition:all var(--dur-fast) var(--ease-soft)}.pp-pill:hover:not(.on){color:var(--grey-90)}.pp-pill.on{background:var(--grey-100);color:#fff}.fn-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;width:36px;height:36px;border-radius:9999px;background:var(--gradient-purple);color:#fff;display:grid;place-items:center;box-shadow:0 4px 16px rgba(42,111,219,.2);transition:all var(--dur-fast) var(--ease-soft)}.fn-icon-btn:hover{box-shadow:0 6px 22px rgba(42,111,219,.35)}.fn-icon-btn:disabled{background:var(--grey-20);color:var(--grey-40);box-shadow:none;cursor:not-allowed}.fn-eyebrow{font-family:var(--font-header);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-50)}.fn-surface-light ::-webkit-scrollbar{width:10px;height:10px}.fn-surface-light ::-webkit-scrollbar-thumb{background:var(--grey-30);border-radius:5px;border:2px solid transparent;background-clip:content-box}.fn-surface-light ::-webkit-scrollbar-thumb:hover{background:var(--grey-40);background-clip:content-box}.m-burger,.m-scrim{display:none}@media (max-width:760px){html{overflow-x:hidden!important;overflow-y:auto!important}body,html{height:auto!important}body{overflow:visible!important}.app,.builder,.dash,.main,.page-wrap,.ph-wrap,.workspace{min-width:0!important}.dash,.page-wrap,.ph-wrap{grid-template-columns:1fr!important;height:auto!important;min-height:100vh;min-height:100dvh;display:block!important;overflow:visible!important}.side,aside.side{position:fixed!important;top:0;left:0;bottom:0;z-index:95;width:84vw!important;max-width:320px;transform:translateX(-100%);transition:transform .28s var(--ease-soft);box-shadow:20px 0 60px -10px rgba(0,0,0,.25);overflow-y:auto}body.m-open .side,body.m-open aside.side{transform:translateX(0)}body.m-open,html.m-open{overflow:hidden!important}body.m-open .side,body.m-open aside.side{overscroll-behavior:contain}.m-scrim{display:block;position:fixed;inset:0;z-index:94;background:rgba(15,17,22,.45);opacity:0;pointer-events:none;transition:opacity .25s;touch-action:none}body.m-open .m-scrim{opacity:1;pointer-events:auto}.m-burger{position:fixed;top:12px;left:12px;z-index:90;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--grey-20);box-shadow:0 6px 18px -6px rgba(0,0,0,.2);display:grid;place-items:center;color:var(--grey-100);cursor:pointer}.m-burger svg{width:20px;height:20px}.main{padding-top:68px!important;padding-left:16px!important;padding-right:16px!important}.acc-grid,.cf-case-grid,.cf-prompt-grid,.cf-video-list,.cmp-grid,.dom-grid,.dom-suggest-grid,.features-grid,.form-grid,.gauges-row,.grid,.how-grid,.models-grid,.powers-grid,.project-grid,.quick-row,.stats-row,.steps-grid,.two-col{grid-template-columns:1fr!important}.prompt,.prompt-card{max-width:100%!important}}