:root{--ink:#172b3c;--muted:#4e667a;--forest:#0c4778;--lime:#d4e9fb;--paper:#f1f6fb;--line:#c7dbeb;--shadow:0 20px 70px #202f3c12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #537088;outline-offset:3px}[hidden]{display:none!important}::selection{background:#d4e9fb;color:#172b3c}h1,h2,h3,p{margin-top:0}svg{width:20px;height:20px;vertical-align:middle;flex-shrink:0}svg use{pointer-events:none}.page-shell{width:min(1376px,calc(100% - 64px));margin:auto}.site-header{height:84px;border-bottom:1px solid var(--line);background:#ffffffee;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;gap:20px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:13px}.brand-logo{width:47px;height:47px;object-fit:contain;background:#e1eef9;border-radius:11px}.brand-name{font-size:19px;font-weight:750;letter-spacing:-.55px;line-height:1.2}.brand-name span{display:block;color:var(--muted);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600;margin-top:5px}.header-actions{display:flex;gap:9px;align-items:center}.quiet-link{color:var(--muted);font-size:12px}.primary-btn,.secondary-btn,.dark-btn{border:1px solid var(--line);border-radius:9px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.primary-btn{background:var(--forest);color:white;border-color:var(--forest)}.primary-btn:hover{background:#0a3960;transform:translateY(-1px)}.dark-btn{background:#0c4778;color:var(--lime);border-color:#0c4778}.dark-btn:hover{background:#0a3960}.secondary-btn{background:white;color:#416079}.secondary-btn:hover{background:#e6eff7}.text-btn{border:0;background:none;color:#43627c;padding:4px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;text-transform:uppercase;color:#496c88}.landing{padding-top:54px}.landing-hero{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding:65px 62px;background:#e2eff9;border:1px solid #cfe1ef;border-radius:26px;overflow:hidden;min-height:510px}.landing-copy{position:relative;z-index:1}.landing h1{font-size:clamp(40px,4.5vw,65px);line-height:1.12;letter-spacing:-2.8px;font-weight:750;margin:22px 0}.landing h1 span{color:var(--forest)}.landing-description{font-size:16px;line-height:1.8;color:#4a6d89;max-width:490px;margin-bottom:29px}.landing-buttons{display:flex;gap:12px;flex-wrap:wrap}.landing-buttons button{min-height:49px;padding:12px 23px}.access-note{font-size:12px;color:#537088;margin:18px 0 0}.brand-stage{min-height:325px;position:relative;display:grid;place-items:center}.brand-stage:before,.brand-stage:after{content:'';position:absolute;border-radius:50%;border:1px solid #5c83a3;width:330px;height:330px}.brand-stage:after{width:265px;height:265px;border-style:dashed}.hero-logo{height:190px;width:190px;border-radius:32px;object-fit:contain;background:#e1eef9;position:relative;z-index:1;box-shadow:0 30px 60px #23344125;transform:rotate(-6deg)}.stage-label{position:absolute;background:#fff;border:1px solid #ccdfee;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:600;z-index:2;box-shadow:0 8px 26px #26384708}.stage-label.one{left:0;top:25px;transform:rotate(-7deg)}.stage-label.two{right:0;bottom:20px;transform:rotate(6deg)}.landing-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 50px}.landing-detail{padding:24px;background:#fff;border:1px solid var(--line);border-radius:15px}.detail-icon{width:30px;height:30px;display:grid;place-items:center;background:#e6eff7;border-radius:8px;color:#405e76;margin-bottom:14px}.landing-detail h2{font-size:16px;margin-bottom:8px;letter-spacing:-.3px}.landing-detail p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.site-footer{padding:24px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.site-footer .brand-logo{width:30px;height:30px;border-radius:7px}.site-footer .brand-name{font-size:13px}.footer-copy{text-align:right}.notice{padding:13px 16px;background:#e6eff7;border:1px solid #5c83a3;border-radius:10px;font-size:13px;color:#385268;margin:0 0 20px;line-height:1.6}.notice.error{background:#fff0ed;border-color:#f1d2c8;color:#9a402d}.notice.success{background:#e6eff7;border-color:#5c83a3}.notice.pending{background:#e9f2fa;border-color:#bad2e6;color:#355772}.dialog{border:1px solid var(--line);border-radius:22px;padding:0;color:var(--ink);background:#fff;width:min(960px,calc(100% - 32px));max-height:91vh;box-shadow:0 30px 120px #141d2544}.dialog::backdrop{background:#131c2380;backdrop-filter:blur(5px)}.auth-dialog{width:min(470px,calc(100% - 32px))}.dialog-close{position:absolute;right:16px;top:16px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:#deeaf4;color:#456580;font-size:21px;z-index:2}.dialog-close:hover{background:#c6dbec}.dialog-header{background:#e9f1f8;padding:30px 34px 25px;border-bottom:1px solid var(--line);padding-right:58px}.dialog-header h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:8px 0 10px}.dialog-header p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.dialog-body{padding:27px 34px 32px}.step-track{font-size:10px;font-weight:700;color:#507695;margin-bottom:18px;letter-spacing:1px;text-transform:uppercase}.form-field{display:block;min-width:0;margin-bottom:16px}.field-label{display:block;font-size:12px;font-weight:650;color:#3f5c74;margin-bottom:7px}.form-input,.form-select,.form-textarea,.variable-input{border:1px solid #5c83a3;border-radius:9px;width:100%;padding:12px 13px;background:#f8fbfd;font-size:13px;color:var(--ink)}.form-input::placeholder,.form-textarea::placeholder,.variable-input::placeholder{color:#537088}.form-textarea{min-height:140px;resize:vertical;line-height:1.75}.form-field small,.form-help{font-size:11px;color:#537088;line-height:1.7;display:block;margin:7px 0 0}.password-row{position:relative}.password-row .form-input{padding-right:76px}.password-toggle{position:absolute;right:11px;top:13px;border:0;background:none;color:#4b6e8a;font-size:10px}.submit-btn{width:100%;margin-top:4px}.auth-switch{font-size:12px;color:var(--muted);text-align:center;margin:19px 0 0}.auth-switch button{margin-left:4px}.auth-divider{height:1px;background:var(--line);margin:20px 0}.form-message:empty{display:none}.auth-email{font-weight:650;overflow-wrap:anywhere}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid #537088;border-radius:12px;background:#233340;color:#fff;box-shadow:var(--shadow);z-index:100;max-width:calc(100% - 32px);font-size:13px;text-align:center}.portal-nav{display:flex;align-items:center;gap:3px;margin-left:auto}.portal-nav button{border:0;background:transparent;padding:11px 12px;border-radius:9px;color:#537088;font-size:12px;white-space:nowrap}.portal-nav button:hover{background:#e6eff7}.portal-nav button.is-active{background:#dce9f3;color:#2c465c;font-weight:650}.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer;padding:10px;background:#e9f1f8;border-radius:9px;color:#466782;font-size:12px}.account-menu summary::-webkit-details-marker{display:none}.account-popover{position:absolute;right:0;top:48px;min-width:220px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:14px;z-index:25}.account-popover span{display:block;overflow-wrap:anywhere;color:#4e7391;font-size:12px;margin-bottom:10px}.account-popover button{width:100%}.portal-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 23px;padding:31px 36px;border:1px solid #d2e3f0;border-radius:23px;background:#e2eff9}.portal-hero h1{margin:9px 0 10px;font-size:34px;letter-spacing:-1.2px;line-height:1.2}.portal-hero p{margin:0;color:#537088;font-size:13px;max-width:690px;line-height:1.8}.hero-stat{min-width:140px;padding:14px 22px;border:1px solid #5c83a3;background:#ffffff77;border-radius:12px;text-align:center;color:#537088;font-size:11px}.hero-stat strong{display:block;color:#354e62;font-size:32px;letter-spacing:-1px;line-height:1.3}.model-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:30px}.model-chip{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid var(--line);background:#fff;border-radius:11px;text-align:left;color:#344c60}.model-chip:hover,.model-chip.is-active{background:#e6eff7;border-color:#5c83a3}.model-icon{height:28px;width:28px;display:grid;place-items:center;font-weight:700;background:#e5eef6;border-radius:8px;font-size:18px;flex-shrink:0}.model-label{font-size:12px;font-weight:650}.model-count{font-size:10px;color:#537088;margin-left:auto}.catalog-layout{display:grid;grid-template-columns:222px minmax(0,1fr);gap:30px;margin:0 0 42px}.sidebar{align-self:start;position:sticky;top:108px}.sidebar-heading{font-size:9px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;color:#537088;padding:0 12px;margin:0 0 14px}.sidebar-nav{display:grid;gap:4px}.side-link{border:0;background:transparent;border-radius:9px;min-height:40px;text-align:left;display:flex;gap:10px;align-items:center;padding:10px 12px;color:#4e7290;font-size:12px;line-height:1.4}.side-link:hover{background:#e5eef6}.side-link.is-active{background:#d4e4f1;font-weight:700;color:#2b4458}.side-icon{font-size:17px;width:20px;flex-shrink:0}.side-count{margin-left:auto;color:#537088;font-size:10px;flex-shrink:0}.sidebar-tip{margin:24px 0 0;padding:17px;border:1px solid #ccdfee;border-radius:12px;background:#e6eff7;color:#537088;font-size:11px;line-height:1.8}.sidebar-tip strong{display:block;font-size:12px;color:#3c586f;margin-bottom:4px}.catalog-content{min-width:0}.catalog-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px}.catalog-heading{font-size:26px;letter-spacing:-.7px;line-height:1.3;margin:0;font-weight:730}.results-count{color:#537088;font-size:11px;margin-top:5px}.search-row{display:flex;gap:10px;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:10px;flex:1;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 13px;min-width:0}.search-box svg{color:#537088;width:18px;height:18px}.search-input{width:100%;border:0;background:none;padding:13px 0;font-size:13px;min-width:0}.sort-control{font-size:12px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 13px;max-width:180px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.prompt-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.prompt-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-visual{height:112px;position:relative;display:grid;place-items:center;background:#e0ecf5;color:#537088;overflow:hidden}.card-visual:before{content:'';position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid currentColor;opacity:.12;right:-95px;top:-165px;box-shadow:0 0 0 20px #ffffff18,0 0 0 40px #ffffff18}.visual-symbol{font-size:38px;font-weight:650}.visual-caption{position:absolute;bottom:11px;left:15px;letter-spacing:1.6px;text-transform:uppercase;font-size:8px;opacity:.75}.visual-kling{background:#1e2c37;color:#5c83a3}.visual-gpt{background:#e3edf6;color:#4d718f}.visual-gemini{background:#ebf3f9;color:#537088}.visual-claude{background:#e0ecf5;color:#537088}.visual-midjourney{background:#ebf3f9;color:#537088}.visual-sora{background:#e3edf6;color:#537088}.visual-runway{background:#dae8f3;color:#537088}.visual-perplexity{background:#dfebf4;color:#537088}.visual-grok{background:#e8f0f7;color:#537088}.visual-deepseek{background:#ebf3f9;color:#537088}.favorite-btn{width:32px;height:32px;background:#ffffffbb;border:1px solid #ffffffaa;border-radius:8px;position:absolute;right:11px;top:11px;color:#537088;display:grid;place-items:center}.favorite-btn.is-saved{background:#ccdfee;color:#2f5473;border-color:#5c83a3}.favorite-btn svg{width:17px;height:17px}.favorite-btn.is-saved svg{fill:#5c83a3}.card-content{padding:16px 17px 0;display:flex;flex-direction:column;flex:1}.card-top{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.model-badge{background:#e8f0f7;color:#4d718e;border-radius:5px;font-size:9px;font-weight:650;padding:3px 6px}.featured-badge{font-size:8px;border-radius:5px;padding:3px 5px;background:#e4eff8;color:#255379}.card-title{font-size:16px;line-height:1.5;letter-spacing:-.2px;margin:0 0 7px;font-weight:750}.card-title button{text-align:left;border:0;background:none;padding:0;font:inherit;line-height:inherit}.card-description{font-size:12px;color:#537088;line-height:1.75;margin:0 0 13px;flex:1}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:17px}.card-tag{font-size:9px;background:#f1f6fa;color:#537088;border:1px solid #e3edf6;border-radius:5px;padding:3px 5px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #e3edf6;padding:12px 0 14px}.card-category{font-size:9px;color:#537088;line-height:1.5;overflow-wrap:anywhere}.open-prompt{border:0;background:none;color:#37546b;font-size:11px;font-weight:750;padding:2px 0;white-space:nowrap}.empty-state{border:1px dashed #5c83a3;border-radius:15px;text-align:center;background:#e5eef6;padding:50px 24px}.empty-state h3{font-size:20px;margin-bottom:10px}.empty-state p{font-size:13px;color:#537088;margin-bottom:20px}.load-more{margin:25px auto 0;display:flex;min-width:190px}.more-info{text-align:center;color:#537088;font-size:11px;margin:10px 0 0}.loading-box{padding:55px 20px;text-align:center;color:#537088;font-size:13px}.loading-indicator{width:27px;height:27px;border:3px solid #ccdfee;border-top-color:#537088;border-radius:50%;margin:0 auto 13px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:25px}.variables-panel{border-right:1px solid var(--line);padding-right:25px}.variables-panel h3,.prompt-output h3{margin:0 0 15px;font-size:12px;font-weight:800}.variables-panel p{font-size:11px;color:#537088;line-height:1.8}.variable-input{font-size:12px}.prompt-output{min-width:0}.prompt-textarea{resize:vertical;width:100%;min-height:300px;max-height:500px;border:1px solid #c7dbec;border-radius:12px;background:#f2f7fb;padding:19px;color:#385267;font-size:12px;line-height:1.9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.dialog-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:#537088}.prompt-description{font-size:13px;color:#537088;line-height:1.8;margin-bottom:23px}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap;margin-top:20px}.workbench{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;margin-bottom:35px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.workbench h2{font-size:23px;letter-spacing:-.5px;margin-bottom:12px}.workbench-intro{font-size:13px;line-height:1.8;color:#537088;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.generator-description{min-height:195px}.output-well{background:#edf4f9;border:1px solid #ccdfee;border-radius:14px;padding:23px}.output-well textarea{min-height:345px;background:#fff}.output-well h3{font-size:15px;margin-bottom:7px}.output-well p{font-size:12px;color:#537088;margin-bottom:15px}.generator-placeholder{padding:68px 18px;text-align:center;border:1px dashed #5c83a3;border-radius:12px;background:#f9fbfd;min-height:345px;color:#537088;font-size:13px}.generator-placeholder strong{display:block;color:#466681;font-size:17px;margin:13px 0 9px}.generator-placeholder svg{width:35px;height:35px;color:#537088}.admin-panel{background:#fff;border:1px solid var(--line);padding:30px;border-radius:17px;margin:0 0 35px}.admin-panel h2{font-size:24px;letter-spacing:-.5px}.admin-panel p{font-size:13px;color:#537088;max-width:760px;line-height:1.8}.key-form{display:grid;grid-template-columns:2fr 1fr auto;gap:16px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.key-form .form-field{margin-bottom:0}.key-result{background:#e7f0f7;border:1px solid #5c83a3;border-radius:11px;padding:18px;margin-bottom:24px}.key-result code{display:block;overflow-wrap:anywhere;font-size:17px;font-weight:700;margin:8px 0 12px}.key-result p{font-size:12px;margin:0 0 10px}.key-table-wrap{overflow:auto}.key-table{border-collapse:collapse;width:100%;font-size:12px;min-width:580px}.key-table th{text-align:left;color:#537088;font-weight:650;background:#eef5fa;padding:13px 14px}.key-table td{padding:13px 14px;border-bottom:1px solid #dce9f3;color:#466883}.key-table .text-btn{font-size:11px}.custom-dialog{width:min(650px,calc(100% - 32px))}.saved-count{display:inline-block;background:#dbe8f3;border-radius:5px;font-size:10px;padding:0 5px;margin-left:4px}.collection-actions{display:flex;gap:8px}.modal-note{font-size:11px;color:#537088;margin:10px 0 0}.portal-startup{padding:110px 20px;text-align:center}.retry-btn{margin-top:15px}.nav-wide{display:inline}.nav-short{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1180px){.page-shell{width:calc(100% - 44px)}.brand-name{font-size:17px}.brand-logo{width:42px;height:42px}.portal-nav button{font-size:11px;padding:10px 9px}.catalog-layout{grid-template-columns:195px minmax(0,1fr);gap:24px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero{padding:46px;gap:25px}.landing h1{font-size:52px}.brand-stage:before{width:300px;height:300px}.brand-stage:after{width:240px;height:240px}.model-label{font-size:11px}.model-chip{gap:8px;padding:10px}.nav-wide{display:none}.nav-short{display:inline}}
@media(max-width:900px){.portal-header{height:auto;min-height:80px}.portal-header .header-inner{flex-wrap:wrap;gap:10px;padding:14px 0}.portal-nav{order:3;width:100%;margin:0;overflow:auto;border-top:1px solid var(--line);padding-top:8px}.portal-nav button{flex:1}.account-menu{margin-left:auto}.sidebar{top:152px}.brand-stage{min-height:270px}.hero-logo{width:155px;height:155px;border-radius:27px}.brand-stage:before{width:270px;height:270px}.brand-stage:after{width:215px;height:215px}.stage-label{font-size:10px;padding:9px}.landing-hero{padding:35px}.landing h1{font-size:44px;letter-spacing:-2px}.landing-description{font-size:14px}.landing-details{gap:12px}.landing-detail{padding:20px}.model-strip{grid-template-columns:repeat(5,minmax(132px,1fr));overflow:auto;padding-bottom:7px;gap:8px}.workbench{gap:24px;padding:26px}.portal-hero{padding:25px 28px}.portal-hero h1{font-size:28px}.hero-stat{min-width:135px;padding:14px}.editor-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.variables-panel{padding-right:20px}.key-form{grid-template-columns:1.5fr 1fr auto;gap:12px}}
@media(max-width:720px){.page-shell{width:calc(100% - 32px)}.site-header{height:76px}.brand-logo{width:38px;height:38px;border-radius:9px}.brand-name{font-size:16px;letter-spacing:-.3px}.brand-name span{font-size:9px;letter-spacing:1px}.header-actions .quiet-link{display:none}.header-actions .secondary-btn{padding:8px 13px;font-size:12px;min-height:39px}.landing{padding-top:22px}.landing-hero{grid-template-columns:1fr;padding:34px 27px;gap:14px;text-align:center}.landing h1{font-size:44px;letter-spacing:-1.8px;margin:19px 0}.landing-description{font-size:14px;margin:0 auto 24px}.landing-buttons{justify-content:center;gap:10px}.landing-buttons button{padding:11px 17px;font-size:12px}.access-note{font-size:11px}.brand-stage{margin-top:13px;min-height:240px;max-width:330px;width:100%;margin-inline:auto}.brand-stage:before{width:235px;height:235px}.brand-stage:after{width:187px;height:187px}.hero-logo{width:132px;height:132px;border-radius:22px}.stage-label.one{left:0;top:17px}.stage-label.two{right:0;bottom:20px}.landing-details{grid-template-columns:1fr;gap:12px;margin:25px 0 35px}.landing-detail{padding:22px}.detail-icon{float:left;margin:0 14px 0 0}.landing-detail p{font-size:12px}.site-footer{flex-direction:column;align-items:flex-start;gap:15px;font-size:10px}.footer-copy{text-align:left}.portal-header{height:auto}.portal-header .header-inner{padding:12px 0}.portal-nav{gap:3px}.portal-nav button{font-size:11px;padding:9px 11px;flex:none}.account-menu summary{font-size:11px;padding:8px}.portal-hero{padding:23px 24px;margin:20px 0;gap:15px}.portal-hero h1{font-size:26px;letter-spacing:-.7px}.portal-hero p{font-size:12px}.hero-stat{min-width:98px;padding:12px 10px}.hero-stat strong{font-size:26px}.hero-stat span{font-size:9px}.catalog-layout{grid-template-columns:1fr;gap:20px}.sidebar{position:static}.sidebar-heading{padding-left:0;margin-bottom:10px}.sidebar-nav{display:flex;overflow:auto;gap:7px;padding-bottom:7px;scrollbar-width:thin}.side-link{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:9px 11px;min-height:39px;font-size:11px;gap:7px}.side-link.is-active{border-color:#5c83a3}.side-icon{font-size:14px;width:17px}.side-count{font-size:9px;margin-left:3px}.sidebar-tip{display:none}.cards-grid{gap:14px}.catalog-heading{font-size:23px}.search-input{font-size:12px}.sort-control{font-size:11px;max-width:150px;padding:0 8px}.catalog-topline{gap:12px}.collection-actions .secondary-btn{font-size:11px;padding:9px 11px}.card-title{font-size:15px}.card-content{padding:14px 14px 0}.card-description{font-size:11px}.card-category{font-size:8px}.open-prompt{font-size:10px}.card-visual{height:110px}.workbench{grid-template-columns:1fr;padding:24px;gap:24px}.workbench h2{font-size:22px}.output-well{padding:19px}.generator-placeholder{min-height:270px;padding:48px 10px}.editor-layout{grid-template-columns:1fr;gap:20px}.variables-panel{border-right:0;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:15px;display:grid;grid-template-columns:1fr 1fr;column-gap:13px}.variables-panel h3,.variables-panel p{grid-column:1/-1}.dialog-header{padding:27px 25px 22px;padding-right:55px}.dialog-body{padding:23px 25px 27px}.dialog-header h2{font-size:23px}.prompt-textarea{min-height:300px}.dialog-actions .primary-btn,.dialog-actions .secondary-btn{font-size:12px;padding:10px 13px}.admin-panel{padding:24px}.key-form{grid-template-columns:1fr 1fr;gap:13px}.key-form .form-field:first-child{grid-column:1/-1}.key-form button{align-self:end}.form-row{gap:12px}.output-well textarea{min-height:300px}.toast{font-size:12px;padding:11px 16px}}
@media(max-width:450px){.page-shell{width:calc(100% - 24px)}.brand{gap:9px}.brand-name{font-size:14px}.brand-name span{font-size:8px}.brand-logo{width:36px;height:36px}.landing-hero{padding:29px 22px;border-radius:20px}.landing h1{font-size:38px;letter-spacing:-1.5px}.landing-description{font-size:13px}.landing-buttons{flex-direction:column}.landing-buttons button{width:100%;min-height:46px;font-size:13px}.brand-stage{min-height:228px}.landing-details{margin-top:14px}.landing-detail{padding:19px}.header-actions .secondary-btn{font-size:11px;padding:8px 11px}.portal-header .brand-name{font-size:14px}.portal-nav button{font-size:11px;padding:9px 10px}.portal-hero{padding:21px;align-items:flex-start}.portal-hero h1{font-size:25px}.hero-stat{display:none}.portal-hero .eyebrow{font-size:8px}.cards-grid{grid-template-columns:1fr;gap:17px}.card-visual{height:130px}.card-title{font-size:17px}.card-description{font-size:13px}.card-content{padding:17px 18px 0}.card-tag{font-size:10px}.card-category{font-size:10px}.open-prompt{font-size:12px}.model-strip{margin-bottom:22px}.search-row{flex-wrap:wrap;gap:8px}.search-box{flex-basis:100%}.search-input{font-size:13px;padding:12px 0}.sort-control{height:40px;max-width:none;width:100%}.catalog-heading{font-size:23px}.catalog-topline{align-items:flex-start}.catalog-topline .secondary-btn{min-height:39px;font-size:10px;padding:7px 9px;white-space:nowrap}.workbench{padding:21px}.form-row{grid-template-columns:1fr;gap:0}.output-well{padding:15px}.dialog-header{padding:25px 21px 21px;padding-right:50px}.dialog-body{padding:22px 21px 25px}.dialog-header h2{font-size:22px}.form-input,.form-select,.form-textarea{font-size:14px}.variables-panel{grid-template-columns:1fr}.variable-input{font-size:13px}.prompt-textarea{font-size:12px;padding:15px}.dialog-actions{justify-content:stretch}.dialog-actions button{flex:1}.dialog-actions .text-btn{flex-basis:100%}.key-form{grid-template-columns:1fr}.key-form .form-field:first-child{grid-column:auto}.key-form button{width:100%}.admin-panel{padding:21px}.site-footer .brand-name{font-size:12px}.account-popover{right:-3px}.account-menu summary{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.password-row{display:block}
@media(max-width:900px){.portal-header{height:auto}}
.field-unit{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:5px;background:#dbe8f3;color:#354e62;font-size:10px;font-weight:700}.variables-panel .variable-hint{display:block;margin-top:6px;color:#4a6d8a;font-size:11px;line-height:1.65}.generator-workbench{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.generator-brief{min-width:0}.generator-description{min-height:130px}.detail-textarea{min-height:88px;resize:vertical;line-height:1.7}.generator-workbench .form-field small{color:#4b6f8c;font-size:11px;line-height:1.6}.brief-section{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.brief-section h3{margin:0 0 18px;font-size:17px;color:#283b4b}.depth-fieldset{border:0;padding:0;margin:6px 0 22px;min-width:0}.depth-fieldset legend{font-size:13px;font-weight:750;margin-bottom:11px;color:#364f63}.depth-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.depth-option{display:flex;align-items:flex-start;gap:7px;padding:12px 10px;border:1px solid #d0e1ef;border-radius:11px;background:#f7fafc;cursor:pointer}.depth-option:has(input:checked){border-color:#4e7392;background:#e3edf6;box-shadow:0 0 0 1px #4e7392}.depth-option input{margin:3px 0 0;accent-color:#37546b;flex:none}.depth-option strong{font-size:12px;line-height:1.5;display:block}.depth-option small{display:block;font-size:10px;line-height:1.65;color:#4c708e;margin-top:6px}.depth-explanation{display:block;color:#4e7391;font-size:11px;line-height:1.7;margin-top:11px}.generator-result{position:sticky;top:105px;min-width:0;background:#e8f0f7;padding:25px}.result-heading h3{font-size:24px;margin:8px 0 15px}.result-levels{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.result-levels button{border:1px solid #5c83a3;background:#fff;border-radius:8px;padding:9px 11px;font-size:11px;font-weight:700;color:#3e5c74}.result-levels .is-active{background:#2a465d;border-color:#2a465d;color:#fff}.generator-result textarea{min-height:420px;max-height:65vh;line-height:1.8;background:#fff;color:#233747;font-size:12px}.generator-result #generator-method{color:#44647f;font-size:12px;line-height:1.7}.generator-note{color:#4d7290;font-size:11px;line-height:1.7;margin:12px 0 0}.generator-submit{width:100%;justify-content:center}.empty-generator{padding:45px 24px;background:#f7fafc;border:1px dashed #5c83a3;border-radius:13px;text-align:center;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-generator svg{width:42px;height:42px;color:#537088;margin-bottom:20px}.empty-generator strong{font-size:19px;line-height:1.5;max-width:260px;color:#2b4051}.empty-generator p{max-width:310px;font-size:13px;color:#4c708e;line-height:1.9;margin:15px 0 25px}.empty-generator-levels{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.empty-generator-levels span{font-size:10px;padding:5px 8px;border-radius:6px;background:#dce9f3;color:#3f5d75}.generator-workbench input:focus-visible,.generator-workbench textarea:focus-visible,.depth-option:focus-within,.result-levels button:focus-visible{outline:2px solid #537088;outline-offset:3px}.custom-dialog #custom-use-builder{margin-top:8px;font-size:12px}
@media(max-width:1180px){.depth-options{grid-template-columns:1fr}.depth-option small{margin-top:3px}.depth-option{padding:11px 13px}.generator-result{padding:20px}}
@media(max-width:900px){.generator-result{top:155px}.generator-workbench{gap:20px;padding:24px}.generator-result .dialog-actions button{width:100%;justify-content:center}.result-levels button{flex:1;min-width:110px}}
@media(max-width:720px){.generator-workbench{grid-template-columns:1fr}.generator-result{position:static}.depth-options{grid-template-columns:repeat(3,minmax(0,1fr))}.depth-option{padding:10px 8px}.depth-option strong{font-size:11px}.depth-option small{font-size:10px}.generator-result textarea{min-height:400px;max-height:none}.generator-result .dialog-actions button{width:auto}.empty-generator{min-height:300px;padding:30px 18px}}
@media(max-width:450px){.depth-options{grid-template-columns:1fr}.depth-option{padding:11px 13px}.generator-workbench{padding:18px}.generator-result{padding:17px}.generator-result textarea{min-height:390px}.brief-section h3{font-size:16px}.result-heading h3{font-size:23px}.empty-generator strong{font-size:18px}}
.owner-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.owner-heading h2{font-size:28px;margin:8px 0}.owner-heading p{margin-bottom:20px}.owner-role{padding:7px 12px;border:1px solid #5c83a3;background:#eaf2f8;color:#3a566c;border-radius:20px;font-size:11px;font-weight:750}.owner-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:12px 0 20px;margin-bottom:25px}.owner-tabs button{border:1px solid #cbdeee;background:#f2f7fb;padding:11px 17px;border-radius:9px;font-size:12px;font-weight:700;color:#4c708e}.owner-tabs .is-active{background:#2a465d;color:white;border-color:#2a465d}.owner-tabs button:disabled{opacity:.45;cursor:not-allowed}.owner-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.owner-toolbar h3{margin:0;font-size:20px}.owner-toolbar p{font-size:12px;margin:7px 0 0}.owner-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.owner-tools button{font-size:12px;padding:10px 14px}.owner-filters{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(130px,1fr));gap:9px;margin:20px 0}.owner-filters .form-select{height:48px;font-size:12px;margin:0}.owner-filters .search-input{font-size:13px}.owner-table-wrap{overflow:auto;border:1px solid #d3e3f0;border-radius:11px}.owner-table{width:100%;border-collapse:collapse;min-width:690px;text-align:left;font-size:12px}.owner-table th{background:#ebf3f9;color:#45657f;font-size:11px;font-weight:700;padding:13px 15px}.owner-table td{padding:16px 15px;border-top:1px solid #dde9f3;vertical-align:middle;color:#476883}.owner-table td:first-child{width:46%}.owner-table td:last-child{width:150px}.owner-table small{display:block;font-size:10px;color:#537088;line-height:1.6;margin-top:5px}.owner-title-button{border:0;padding:0;background:none;text-align:left;color:#213749;font-size:13px;font-weight:700;line-height:1.65}.owner-title-button:hover{color:#4b7190}.owner-row-actions{display:flex;gap:12px}.owner-row-actions button{font-size:11px;white-space:nowrap}.owner-hide{color:#537088}.owner-empty{text-align:center;padding:35px!important}.owner-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;font-size:12px;color:#4f7493}.owner-pagination>div{display:flex;gap:8px}.owner-pagination button{font-size:11px;padding:8px 12px;min-height:36px}.owner-pagination button:disabled{opacity:.4;cursor:default}.owner-editor{width:min(1050px,calc(100% - 32px))}.owner-editor-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:28px}.owner-editor .dialog-header p{font-size:13px;line-height:1.8;color:#4f7492;max-width:750px;margin:12px 0 0}.owner-prompt-input{min-height:270px;resize:vertical;line-height:1.8;font-family:ui-monospace,Consolas,monospace;font-size:12px}.owner-checkbox{display:flex;align-items:center;gap:9px;font-size:12px;color:#42617a;line-height:1.6;margin:20px 0}.owner-checkbox input{accent-color:#37546b}.owner-parameter-fields>h3{font-size:17px;margin:25px 0 10px}.owner-parameter-fields>p{font-size:12px;line-height:1.8;color:#4e7391}.owner-parameter{border:1px solid #cee0ef;border-radius:11px;padding:16px;margin:20px 0;background:#f3f7fb;min-width:0}.owner-parameter legend{padding:0 8px;font-size:12px;color:#3a556b;font-weight:700}.owner-parameter .form-field:last-child{margin-bottom:0}.owner-parameter .form-field small,.owner-editor .form-field small{color:#4e7391;font-size:11px;line-height:1.7}.owner-parameter .detail-textarea{min-height:75px}.owner-parameter .form-input,.owner-parameter .form-select{font-size:12px}.owner-import-dialog{width:min(860px,calc(100% - 32px))}.owner-import-dialog .dialog-header p{font-size:13px;line-height:1.8;color:#507594;margin-bottom:0}.owner-file{display:block;border:1px dashed #5c83a3;background:#f4f8fb;border-radius:12px;padding:23px}.owner-file input{display:block;width:100%;margin:12px 0;font-size:12px;color:#41607a}.owner-file small{font-size:11px;color:#4e7391}.owner-import-help{padding:15px 0}.owner-import-help p{font-size:12px;color:#4a6d89;line-height:1.8}.owner-import-help .text-btn{font-size:12px}.owner-import-dialog h3{font-size:18px;margin:20px 0 15px}.owner-import-dialog .owner-table{min-width:550px}.owner-import-dialog .owner-table td:first-child{width:50%}#owner-import-progress{font-size:12px;line-height:1.8;color:#476985}.owner-panel .notice{font-size:12px;line-height:1.8}.owner-panel button:focus-visible,.owner-editor button:focus-visible,.owner-import-dialog button:focus-visible{outline:2px solid #537088;outline-offset:3px}.owner-editor .form-input,.owner-editor .form-select,.owner-editor .form-textarea{width:100%}
@media(max-width:1000px){.owner-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.owner-filters .search-box{grid-column:1/-1}.owner-toolbar{align-items:flex-start}.owner-tools{max-width:320px}.owner-editor-grid{gap:20px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}}
@media(max-width:720px){.owner-panel{padding:23px}.owner-toolbar{flex-direction:column;align-items:stretch}.owner-tools{justify-content:flex-start;max-width:none}.owner-editor-grid{grid-template-columns:1fr}.owner-heading h2{font-size:24px}.owner-role{display:none}.owner-editor .dialog-body{padding:22px}.owner-filters{gap:7px}.owner-filters .form-select{font-size:11px;padding:0 8px}.owner-tabs button{padding:10px 13px}.owner-pagination{font-size:11px}}
@media(max-width:450px){.owner-panel{padding:18px}.owner-filters{grid-template-columns:1fr 1fr}.owner-filters>label:last-child{grid-column:1/-1}.owner-tools{gap:6px}.owner-tools .primary-btn{width:100%;justify-content:center}.owner-tools .secondary-btn{flex:1}.owner-heading h2{font-size:23px}.owner-pagination{flex-wrap:wrap}.owner-pagination>div{margin-left:auto}.owner-editor .dialog-body{padding:20px}.owner-parameter{padding:13px}.owner-tabs{gap:6px}.owner-tabs button{font-size:11px;padding:10px 12px}}

/* Promt Expert: mint and turquoise palette from the supplied brand reference. */
:root{--brand-light:#5498cf;--brand-deep:#0c4778;--brand-ink:#0b406c;--forest:var(--brand-deep);--lime:#d4e9fb;--paper:#f1f6fb;--ink:#172b3c;--muted:#4e667a;--line:#c7dbeb;--shadow:0 20px 70px #0c477812}
body{background:linear-gradient(135deg,#f0f6fb 0%,#f8fbfd 55%,#e9f2f9 100%);background-attachment:fixed}
.brand-logo{background:#e1eef9;object-fit:cover;object-position:20% 50%;border-radius:13px;border:1px solid #bfd6e9}
.brand-name{color:#0c4778;letter-spacing:-.6px}
.brand-name span{color:#516a7e}
.brand-title{color:#0c4778;background:linear-gradient(115deg,#16578c,#0b4472);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;max-width:100%;overflow-wrap:normal}
.landing-hero,.portal-hero{background:linear-gradient(125deg,#e2eff9,#edf6fd 65%,#d8e8f5);border-color:#c5d9ea}
.hero-logo{background:#e1eef9;object-fit:cover;object-position:20% 50%;border-radius:40px;transform:none;box-shadow:0 24px 65px #0f599626;border:1px solid #bcd4e7}
.brand-stage:before,.brand-stage:after{border-color:#9cc0de}
.primary-btn,.dark-btn{background:#0c4778;color:#fff;border-color:#0c4778}
.primary-btn:hover,.dark-btn:hover{background:#0a3960;border-color:#0a3960}
.secondary-btn{color:#144c79;border-color:#c7d9e8}
.secondary-btn:hover{background:#e6f0f8}
.site-header{background:#ffffffed;border-color:#cadded}
.card-visual{background:linear-gradient(135deg,#d6e7f5,#edf5fb);color:#165385}
.visual-kling{background:linear-gradient(135deg,#0e538c,#0b4370);color:#d8ebfb}
.visual-gpt{background:linear-gradient(135deg,#ccdfef,#e4f1fb);color:#175485}
.visual-gemini{background:linear-gradient(135deg,#d4e6f5,#e8f2fb);color:#15578d}
.visual-claude{background:linear-gradient(135deg,#e0ecf5,#eff6fb);color:#3e6687}
.visual-midjourney{background:linear-gradient(135deg,#cee1f1,#eaf3fb);color:#155284}
.visual-sora{background:linear-gradient(135deg,#d4e7f6,#eaf4fc);color:#14578e}
.visual-runway{background:linear-gradient(135deg,#d5e5f2,#ecf4fa);color:#245882}
.visual-perplexity{background:linear-gradient(135deg,#c9def0,#e7f1fa);color:#125185}
.visual-grok{background:linear-gradient(135deg,#deeaf3,#eff5fa);color:#44637d}
.visual-deepseek{background:linear-gradient(135deg,#d2e4f3,#e8f2fb);color:#1f5989}
.featured-badge{background:#e0edf7;color:#225177}.favorite-btn.is-saved{background:#bfdcf3;color:#0c4778;border-color:#a3c4df}.favorite-btn.is-saved svg{fill:#83b0d5}
.notice.pending,.preview-notice{background:#e7f1f9;border-color:#b9d1e4;color:#32546f}.preview-notice strong{color:#1c4668}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#27699f}
::selection{background:#a6cbea;color:#172b3c}

/* Centered reference mark, with blue and sky-blue brand accents. */
:root{--brand-light:#61b7e4;--brand-deep:#1765b2;--brand-ink:#184d82;--forest:var(--brand-deep);--paper:#f1f7fd;--ink:#183a58;--muted:#526f87;--line:#cbdfee;--shadow:0 20px 70px #1765b212}
.brand-name{color:#1765a4}.brand-name span{color:#52718c}.brand-title{background-image:linear-gradient(115deg,#218aca,#2155a5);color:#1765a4}
.primary-btn,.dark-btn{background:#1765b2;border-color:#1765b2}.primary-btn:hover,.dark-btn:hover{background:#154f8c;border-color:#154f8c}
.brand-logo-frame,.hero-logo-frame{display:inline-block;position:relative;flex-shrink:0;overflow:hidden;background:#e1f2fc;border:1px solid #b8dbea}
.brand-logo-frame{width:47px;height:47px;border-radius:13px}
.brand-logo-frame .brand-logo,.hero-logo-frame .hero-logo{position:absolute;left:-16.5%;top:-16.5%;width:156%;height:117%;max-width:none;object-fit:fill;object-position:center;border:0;border-radius:0;background:none;box-shadow:none;transform:none;filter:hue-rotate(30deg)}
.site-footer .brand-logo-frame{width:30px;height:30px;border-radius:8px}.site-footer .brand-logo-frame .brand-logo{width:156%;height:117%;border-radius:0}
.hero-logo-frame{width:160px;height:160px;border-radius:32px;box-shadow:0 20px 55px #2585b524}
.landing{padding-top:28px}.landing-hero{grid-template-columns:1fr;text-align:center;gap:4px;padding:32px 40px;min-height:0}
.brand-stage{grid-row:1;width:100%;min-height:180px}.brand-stage:before{width:215px;height:215px}.brand-stage:after{width:190px;height:190px}.stage-label{display:none}
.landing-copy{grid-row:2;max-width:680px;margin:0 auto}.landing h1{font-size:clamp(38px,4.5vw,55px);margin:17px 0 15px;line-height:1.12;letter-spacing:-1.7px}.landing-description{max-width:610px;margin:0 auto 20px;line-height:1.7}.landing-buttons{justify-content:center}.access-note{margin-top:14px}
.portal-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}.portal-hero-emblem{grid-column:1/-1;display:flex;justify-content:center}.portal-hero-emblem .brand-logo-frame{width:74px;height:74px;border-radius:20px;box-shadow:0 10px 35px #2585b51a}
@media(max-width:650px){.landing-hero{padding:28px 22px}.brand-stage{min-height:150px}.hero-logo-frame{width:135px;height:135px;border-radius:28px}.brand-stage:before{width:180px;height:180px}.brand-stage:after{width:158px;height:158px}.landing h1{font-size:42px}.portal-hero{grid-template-columns:1fr}.portal-hero-emblem{grid-column:1}.portal-hero .hero-stat{justify-self:start}.portal-hero-emblem .brand-logo-frame{width:66px;height:66px}}

/* Popular models with five expandable task groups. */
.portal-nav button[data-view="models"]{white-space:normal;line-height:1.35;max-width:255px;min-width:190px;text-align:left}
.portal-nav button[data-view="models"] .nav-wide,.portal-nav button[data-view="models"] .nav-short{white-space:normal}
.portal-nav button[data-view="business"]{max-width:235px;white-space:normal;line-height:1.4}
.sidebar-nav.profession-nav{display:grid;gap:5px;max-height:calc(100vh - 200px);overflow-y:auto;scrollbar-width:thin;padding-right:5px}
.profession-nav .side-link{white-space:normal;align-items:flex-start;text-align:left;line-height:1.5}
.profession-nav .side-link>span:not(.side-icon):not(.side-count){flex:1;min-width:0;overflow-wrap:anywhere}
.profession-nav .side-count{flex:none;white-space:nowrap;margin-top:2px}
.model-branch{border:1px solid transparent;border-radius:12px;min-width:0}.model-branch:has(.model-branch-toggle[aria-expanded="true"]){border-color:var(--line);background:#f8fcff}
.model-branch-toggle{width:100%;text-align:left;border-radius:10px;gap:9px;white-space:normal}.model-branch-title{flex:1;min-width:0}.model-branch-title strong{display:block;font-size:13px;font-weight:750}.model-branch-title small{display:block;font-size:10px;line-height:1.45;color:var(--muted);margin-top:2px}.branch-chevron{font-size:19px;line-height:1;color:var(--forest);margin-left:auto}
.model-functions{padding:3px 7px 9px 13px;display:grid;gap:3px}.function-link{display:flex;align-items:flex-start;gap:7px;width:100%;border:0;background:transparent;text-align:left;border-radius:7px;padding:9px 8px;font-size:11px;line-height:1.5;white-space:normal}.function-link:hover{background:#eaf3fb}.function-link.is-active{background:#dfedfa;color:#134e88;font-weight:650}.function-link>span:not(.function-number):not(.side-count){flex:1;min-width:0}.function-number{font-size:10px;font-weight:700;color:#57768f;margin-top:1px}.function-link .side-count{font-size:9px;white-space:nowrap;margin-top:2px;margin-left:auto}.catalog-function-note{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 18px;max-width:780px}.sidebar-nav:has(.model-branch){max-height:calc(100vh - 200px);overflow-y:auto;scrollbar-width:thin;padding-right:5px;display:grid;gap:5px}.sidebar-heading{line-height:1.5}
@media(max-width:900px){.portal-nav button[data-view="models"]{max-width:240px;flex:none;min-width:195px}.sidebar-nav:has(.model-branch){max-height:calc(100vh - 235px)}}
@media(max-width:720px){.sidebar-nav:has(.model-branch),.sidebar-nav.profession-nav{max-height:360px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#f8fcff;grid-template-columns:1fr}.model-branch-toggle .model-branch-title strong{font-size:13px}.model-branch-toggle .model-branch-title small{font-size:11px}.function-link{font-size:12px;padding:10px}.model-functions{padding-left:24px}.portal-nav button[data-view="models"]{min-width:215px;max-width:235px}.portal-nav button[data-view="business"]{min-width:160px;max-width:175px}.portal-hero h1{overflow-wrap:normal;line-height:1.2}}

/* Prompt text remains visible and can be copied directly from the card. */
.inline-prompt-card{background:#fff;display:flex;flex-direction:column;border:1px solid #d2e1ee;border-radius:13px;overflow:hidden;min-width:0;box-shadow:0 7px 25px #174e8010}.inline-prompt-card .card-content{padding:8px 20px 20px;display:flex;flex:1;flex-direction:column}.card-actions-top{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:17px 17px 10px;flex-wrap:wrap}.card-model{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;color:#456783}.prompt-model-icon{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;background:#e7f2fc;color:#1a5e9b;border:1px solid #c6dcef;border-radius:8px;font-size:18px;font-weight:750;flex-shrink:0}.card-save-btn{border:1px solid #cedfea;border-radius:7px;background:#f9fcff;padding:6px 8px;display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.4;color:#577088;min-height:32px}.card-save-btn svg{width:13px;height:13px}.card-save-btn:hover,.card-save-btn.is-saved{background:#e0effc;color:#195c9a;border-color:#a9cdeb}.card-save-btn.is-saved svg{fill:#9dc8ee}.inline-prompt-card .card-title{font-size:18px;line-height:1.25;letter-spacing:-.4px;font-weight:800;margin:7px 0 15px}.inline-prompt-card .card-title button{text-align:left;line-height:inherit}.card-recommendation{color:#657b8d;font-size:12px;line-height:1.7;margin:0 0 15px}.card-recommendation>span{display:block;color:#889baa;text-transform:uppercase;font-size:8px;letter-spacing:.7px;margin-bottom:5px}.card-recommendation p{margin:0}.card-prompt-text{width:100%;height:245px;min-height:245px;resize:vertical;border:1px solid #d9e4ef;border-radius:8px;background:#f3f7fb;color:#536d83;padding:13px 12px;font-size:11px;line-height:1.75;scrollbar-width:thin;margin-top:auto;font-family:inherit}.inline-prompt-card .card-footer{border:0;padding:13px 0 0;display:grid;gap:7px;margin-top:0}.card-copy-btn{width:100%;padding:10px 12px;font-size:11px;min-height:41px}.card-copy-btn svg{width:15px;height:15px}.card-customize{justify-self:center;color:#688299;font-size:10px;padding:3px 0}.catalog-model-description{display:flex;align-items:flex-start;gap:13px;background:#eaf4fd;border:1px solid #c8ddef;border-radius:11px;padding:18px 20px;margin:0 0 22px}.catalog-model-description .prompt-model-icon{width:37px;height:37px;font-size:23px}.catalog-model-description strong{display:block;font-size:14px;margin-bottom:5px}.catalog-model-description p{margin:0;font-size:12px;line-height:1.7;color:#57738c}
@media(max-width:1150px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.card-actions-top{padding:15px 15px 8px}.inline-prompt-card .card-content{padding:8px 16px 17px}.inline-prompt-card .card-title{font-size:18px}.card-recommendation{font-size:12px}.catalog-model-description{padding:15px;gap:10px}.catalog-model-description strong{font-size:13px}.card-prompt-text{font-size:12px}}
@media(max-width:540px){.cards-grid{grid-template-columns:1fr}.card-save-btn{font-size:10px}.card-model{font-size:11px}.inline-prompt-card .card-title{font-size:21px}.card-prompt-text{height:260px;min-height:260px}}
.inline-prompt-card .card-footer{grid-template-columns:minmax(0,1fr);justify-content:normal;align-items:stretch}

.portal-nav button[data-view="topics"]{white-space:normal;line-height:1.4;min-width:125px;max-width:165px}

.library-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 0;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--forest)}.library-summary strong{font-size:15px}.library-summary>span{font-size:12px;color:var(--muted)}.card-actions-top.is-task-card{justify-content:flex-end}.card-actions-top.is-task-card:has(.solution-step){justify-content:space-between}.solution-step{font-size:11px;font-weight:700;color:var(--forest)}.topic-branch{border-bottom:1px solid #d4e2ed;min-width:0}.topic-branch-toggle{width:100%}.profession-nav .topic-branch-toggle>span:first-child{flex:1}.profession-nav .topic-branch-toggle>span:last-child{flex:0 0 auto;overflow-wrap:normal}.topic-subsections{padding:2px 8px 8px 18px}.topic-subsections .function-link>span:last-child{flex:0 0 auto;margin-left:auto}.topic-subsections [aria-pressed="true"]{background:#dceafa;font-weight:700}.solution-guide{padding:24px;border:1px solid var(--line);border-radius:16px;background:#e6f0f9;margin:0 0 24px}.solution-guide h3{font-size:23px;line-height:1.3;margin:8px 0 12px}.solution-preparation{display:grid;grid-template-columns:1fr 1fr;gap:24px}.solution-guide details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:10px 0}.solution-guide summary{cursor:pointer;font-weight:650}.solution-guide pre{white-space:pre-wrap;font:inherit;padding:14px;background:#f4f7fb;border-radius:8px}.solution-guide ul{padding-left:20px}.solution-guide li{margin:6px 0}@media(max-width:650px){.solution-preparation{grid-template-columns:1fr;gap:0}.solution-guide{padding:18px}.library-summary{margin-top:14px}}

.collection-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:24px;background:#e6f0f9;border:1px solid var(--line);border-radius:14px}.collection-tools strong{color:var(--forest);font-size:15px}.collection-tools p{font-size:12px;color:var(--muted);margin:5px 0 0;max-width:580px}.collection-tools button{flex-shrink:0}@media(max-width:720px){.collection-tools{align-items:stretch;flex-direction:column;gap:12px}.collection-tools button{align-self:flex-start}}

.profession-nav .topic-branch-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.profession-nav .topic-branch-toggle>span:first-child{overflow-wrap:normal;word-break:normal}.profession-nav .topic-branch-toggle .side-count{margin-left:0}

/* FlowkeysAI: an explicitly labelled preview of the future server chat. */
.portal-nav button[data-view="generator"]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:115px;white-space:normal}.portal-nav button[data-view="generator"] small{font-size:9px;font-weight:500;opacity:.8}
.flowkeys-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;margin:26px 0 38px;align-items:stretch}.flowkeys-sidebar{padding:22px;background:#e9f2fb;border:1px solid #cbdfee;border-radius:17px;min-width:0}.flowkeys-model{display:flex;align-items:center;gap:11px}.flowkeys-model-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#d5e8fb;color:#216aab;font-size:26px}.flowkeys-model strong{display:block;font-size:18px;color:#174e80;line-height:1.2}.flowkeys-model div>span{display:block;font-size:10px;color:#688297;margin-top:4px}.flowkeys-model-description{font-size:11px;color:#55738b;line-height:1.75;margin:16px 0 23px}.flowkeys-sidebar h2{font-size:13px;color:#244d70;margin-bottom:13px}.flowkeys-capabilities{list-style:none;padding:0;margin:0;display:grid;gap:14px}.flowkeys-capabilities li{display:flex;align-items:flex-start;gap:10px}.flowkeys-capabilities li>span{font-size:9px;font-weight:700;color:#71a0c5;line-height:20px}.flowkeys-capabilities strong{font-size:11px;display:block;color:#254e70;line-height:1.5}.flowkeys-capabilities p{font-size:10px;line-height:1.6;color:#607e96;margin:3px 0 0}.flowkeys-model-note{border-top:1px solid #c9ddec;padding-top:16px;margin-top:24px}.flowkeys-model-note strong{font-size:10px;color:#456581}.flowkeys-model-note p{font-size:10px;line-height:1.7;color:#668097;margin:6px 0 10px}.flowkeys-model-note a{font-size:10px;text-decoration:underline;text-underline-offset:3px;color:#24669d}
.flowkeys-chat{min-width:0;background:#fff;border:1px solid #d0e0ed;border-radius:18px;box-shadow:0 12px 38px #174e8008;display:flex;flex-direction:column;overflow:hidden;min-height:650px}.flowkeys-chat-header{padding:24px 28px 19px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #edf3f8}.flowkeys-heading-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.flowkeys-heading-row h1{font-size:27px;letter-spacing:-.8px;color:#185a91;line-height:1.2;margin:0}.flowkeys-beta{font-size:9px;font-weight:700;color:#4d7ca3;background:#eaf3fc;border:1px solid #cee2f3;border-radius:6px;padding:3px 7px}.flowkeys-chat-header p{font-size:11px;color:#718699;margin:7px 0 0}.flowkeys-chat-header button{font-size:10px;padding:8px 12px;min-height:35px;white-space:nowrap}.flowkeys-preview-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#64829c;background:#f6faff;padding:10px 28px}.flowkeys-preview-status>span{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#84aacc}
.flowkeys-dialog-area{flex:1;min-height:285px;max-height:490px;overflow:auto;scrollbar-width:thin;padding:24px 28px;display:flex;flex-direction:column;justify-content:center}.flowkeys-dialog-area:has(.flowkeys-message){justify-content:flex-start}.flowkeys-welcome{text-align:center;max-width:570px;margin:auto;width:100%;padding:8px 0}.flowkeys-welcome-symbol{width:49px;height:49px;display:grid;place-items:center;background:#e8f3ff;color:#2372b5;border:1px solid #cfe3f6;border-radius:14px;font-size:31px;margin:0 auto 14px}.flowkeys-welcome h2{font-size:25px;line-height:1.3;letter-spacing:-.6px;margin:0 0 9px;color:#214f76}.flowkeys-welcome>p{font-size:12px;color:#72899b;line-height:1.8;max-width:450px;margin:0 auto 22px}.flowkeys-starters{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.flowkeys-starters button{background:#f8fbff;border:1px solid #dbe7f1;border-radius:10px;padding:13px 14px;text-align:left;transition:background .15s,border-color .15s}.flowkeys-starters button:hover{background:#edf5fd;border-color:#a5c9e7}.flowkeys-starters strong{display:block;font-size:11px;color:#345e81;margin-bottom:4px}.flowkeys-starters span{font-size:10px;color:#7b92a5;line-height:1.6;display:block}
.flowkeys-messages{display:grid;gap:19px}.flowkeys-messages:empty{display:none}.flowkeys-message{max-width:95%;padding:17px 20px;border:1px solid #dbe7f2;border-radius:12px;background:#f8fbff;min-width:0}.flowkeys-message.is-user{max-width:85%;justify-self:end;background:#e6f1fc;border-color:#ccdfef}.flowkeys-message-label{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;font-weight:750;color:#2e608a;margin-bottom:9px}.flowkeys-message-label>span{font-size:9px;font-weight:500;color:#7895ad}.flowkeys-message-body{white-space:pre-wrap;font-size:12px;line-height:1.9;color:#48677f;overflow-wrap:anywhere}.flowkeys-message .text-btn{margin-top:13px;font-size:10px}
.flowkeys-composer{margin:10px 28px 0;padding:14px;background:#f9fcff;border:1px solid #cadfed;border-radius:12px}.flowkeys-composer:focus-within{border-color:#7aafd8;box-shadow:0 0 0 3px #e6f2fc}.flowkeys-composer textarea{border:0;outline:none;background:transparent;display:block;width:100%;min-height:78px;max-height:240px;resize:vertical;font-size:12px;line-height:1.8;padding:0;color:#345775}.flowkeys-composer textarea:focus-visible{outline:none}.flowkeys-composer textarea::placeholder{color:#8a9eae}.flowkeys-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}.flowkeys-composer-footer>span{font-size:9px;color:#8ca0b1}.flowkeys-composer-footer button{padding:8px 15px;min-height:36px;font-size:10px;background:#1a69ae;border-color:#1a69ae}.flowkeys-composer-footer button>span{font-size:17px;line-height:1}.flowkeys-bottom-note{font-size:9px;line-height:1.7;text-align:center;color:#8aa0b3;padding:0 26px;margin:11px 0 19px}
@media(max-width:950px){.flowkeys-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}.flowkeys-sidebar{padding:18px}.flowkeys-chat-header{padding:21px 20px 16px}.flowkeys-preview-status{padding:10px 20px}.flowkeys-dialog-area{padding:23px 20px}.flowkeys-composer{margin:10px 20px 0}.flowkeys-starters{grid-template-columns:1fr}}
@media(max-width:700px){.flowkeys-layout{grid-template-columns:1fr;margin-top:18px}.flowkeys-chat{grid-row:1;min-height:600px}.flowkeys-sidebar{grid-row:2}.flowkeys-capabilities{grid-template-columns:1fr 1fr;gap:16px}.flowkeys-model-description{margin-bottom:15px}.flowkeys-chat-header{align-items:flex-start;gap:9px}.flowkeys-heading-row h1{font-size:24px}.flowkeys-chat-header p{max-width:220px}.flowkeys-chat-header button{font-size:9px;padding:7px 9px}.flowkeys-preview-status{font-size:9px}.flowkeys-dialog-area{max-height:440px}.flowkeys-composer-footer>span{max-width:150px}.flowkeys-message{max-width:100%;padding:15px}.flowkeys-message.is-user{max-width:94%}.flowkeys-starters{grid-template-columns:1fr 1fr}.flowkeys-starters button{padding:11px}.flowkeys-welcome h2{font-size:23px}}
@media(max-width:390px){.flowkeys-starters,.flowkeys-capabilities{grid-template-columns:1fr}.flowkeys-heading-row{gap:5px}.flowkeys-chat-header{padding:18px 14px}.flowkeys-dialog-area{padding:20px 14px}.flowkeys-composer{margin:8px 14px 0}}
.flowkeys-layout{scroll-margin-top:100px}

.flowkeys-model strong{font-size:17px}.flowkeys-limits{margin-top:22px;padding:15px 14px;background:#fff8ed;border:1px solid #eadcc7;border-radius:11px}.flowkeys-limits h2{font-size:12px;color:#795a36;margin:0 0 8px}.flowkeys-limits p{font-size:10px;line-height:1.7;color:#806c52;margin:9px 0 0}.flowkeys-model-note{margin-top:17px}.flowkeys-input-tools{display:flex;align-items:center;gap:15px;margin:0 0 13px;padding-bottom:11px;border-bottom:1px solid #e2edf5;flex-wrap:wrap}.flowkeys-input-tools .secondary-btn{min-height:30px;padding:5px 10px;font-size:10px;background:#eaf4fc;border-color:#c8deee;color:#316d9b}.flowkeys-input-tools .text-btn{font-size:10px;text-decoration:none;color:#8098aa}.flowkeys-input-tools .text-btn:hover{color:#245c89;text-decoration:underline}
.flowkeys-saved-dialog{width:min(730px,calc(100% - 32px))}.flowkeys-saved-dialog .dialog-body{padding:20px 28px 10px}.flowkeys-saved-dialog .dialog-header{padding:24px 28px 21px;padding-right:55px}.flowkeys-saved-dialog .dialog-actions{padding:18px 28px;margin:0;border-top:1px solid #d7e5f0;background:#f8fbfe}.flowkeys-saved-dialog .dialog-actions>span{margin-right:auto;font-size:11px;color:#6a879e}.flowkeys-saved-status{font-size:11px;color:#6a879e;margin:7px 0 12px}.flowkeys-saved-list{display:grid;gap:9px;max-height:340px;overflow:auto;scrollbar-width:thin;margin-bottom:14px}.flowkeys-saved-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #d3e3ef;border-radius:10px;background:#f9fcff;cursor:pointer;min-width:0}.flowkeys-saved-item:hover{border-color:#a9cce5;background:#f0f7fd}.flowkeys-saved-item:has(input:checked){background:#e9f3fd;border-color:#82b7de}.flowkeys-saved-item input{margin:3px 0 0;width:16px;height:16px;accent-color:#216fb0;flex:none}.flowkeys-saved-item>span{min-width:0}.flowkeys-saved-item strong{font-size:13px;line-height:1.4;display:block;color:#295b82}.flowkeys-saved-item small{display:block;font-size:10px;color:#7e96a8;margin-top:4px}.flowkeys-saved-snippet{font-size:11px;line-height:1.7;color:#69849a;display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.flowkeys-saved-empty{padding:24px 18px;margin:8px 0 20px;text-align:center;border:1px dashed #c4dbea;border-radius:12px;background:#f6faff;color:#507690}.flowkeys-saved-empty strong{font-size:14px}.flowkeys-saved-empty p{font-size:12px;margin:9px 0 17px}.flowkeys-saved-dialog #flowkeys-saved-error{font-size:12px;margin:0 0 14px}
@media(max-width:650px){.flowkeys-saved-dialog .dialog-header{padding:22px 20px;padding-right:50px}.flowkeys-saved-dialog .dialog-body{padding:18px 20px 6px}.flowkeys-saved-dialog .dialog-actions{padding:15px 20px}.flowkeys-saved-dialog .dialog-actions>span{flex-basis:100%;margin-right:0}.flowkeys-saved-list{max-height:280px}}
.flowkeys-planned-tools{margin-top:15px;padding:13px 14px;border:1px solid #c4dced;border-radius:11px;background:#f4f9fe;font-size:10px;color:#577b98}.flowkeys-planned-tools summary{cursor:pointer;font-size:11px;font-weight:700;color:#285d88;line-height:1.6}.flowkeys-planned-tools ul{padding:0;list-style:none;display:grid;gap:12px;margin:16px 0}.flowkeys-planned-tools li strong,.flowkeys-planned-tools li span{display:block}.flowkeys-planned-tools li strong{color:#315c7e}.flowkeys-planned-tools p{margin:0;line-height:1.7}
/* Transparent blue reference logo; use the same mark across all brand surfaces. */
.brand-logo-frame .brand-logo,.hero-logo-frame .hero-logo,.site-footer .brand-logo-frame .brand-logo{left:0;top:0;width:100%;height:100%;object-fit:contain;padding:4px;filter:none;transform:none;background:none}.hero-logo-frame .hero-logo{padding:12px}.portal-hero-emblem .brand-logo{padding:6px}.site-footer .brand-logo-frame .brand-logo{padding:3px}
.flowkeys-cost-note{margin-top:15px;padding:13px 14px;border:1px solid #c4dced;border-radius:11px;background:#f4f9fe;font-size:10px;color:#577b98}.flowkeys-cost-note strong{color:#285d88;font-size:11px}.flowkeys-cost-note p{margin:6px 0 0;line-height:1.7}

.flowkeys-model-icon img,.flowkeys-welcome-symbol img{display:block;width:100%;height:100%;object-fit:contain;padding:5px}.flowkeys-welcome-symbol{width:58px;height:58px}.flowkeys-check-guide{margin:18px 28px 0;padding:17px 19px;border:1px solid #c9e0f1;border-radius:12px;background:#f2f8fd;color:#3c607e}.flowkeys-check-guide h2{font-size:14px;margin:0 0 6px;color:#245b86}.flowkeys-check-guide p{font-size:12px;margin:0 0 9px}.flowkeys-check-guide ol{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:12px;line-height:1.65}.flowkeys-check-guide strong{color:#255c87}.flowkeys-input-tools #flowkeys-check-prompt{background:#1a69ae;border-color:#1a69ae;color:#fff}.flowkeys-input-tools #flowkeys-check-prompt:hover{background:#12558e}.flowkeys-ai-warning{display:grid;gap:4px;margin:15px 28px 0;padding:15px 18px;border:1px solid #dccdb1;border-left:4px solid #a37833;border-radius:10px;background:#fff8e9;color:#725125;font-size:13px;line-height:1.65;text-align:center}.flowkeys-ai-warning span{font-size:12px}.site-footer{flex-wrap:wrap}.footer-support{flex-basis:100%;margin:5px 0 0;padding-top:15px;border-top:1px solid #d5e3ef;color:#456b89;font-size:12px;line-height:1.8;text-align:center}.footer-support a{color:#155c94;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}@media(max-width:700px){.flowkeys-check-guide{margin:14px 20px 0;padding:14px}.flowkeys-ai-warning{margin:13px 20px 0;padding:13px;font-size:12px}.footer-support{font-size:11px}.flowkeys-input-tools{gap:10px}}

.landing-preview-note{margin-top:24px}.landing-preview-link{display:inline-flex;margin-top:16px;text-decoration:none}