/* Website proportions follow the supplied reference. */
body:not(.modern-app){background:#f5f8fd}.wrap{max-width:1170px}.hero{gap:68px;padding:80px 0 95px;grid-template-columns:1.12fr 1fr}.hero h1{font-size:clamp(42px,4.7vw,64px);line-height:1.07;letter-spacing:-2px;font-weight:750}.hero p{line-height:1.65}.preview-body{padding:30px 26px}.preview-body h2{font-size:30px!important}.preview-head{padding:20px 24px}.providers{font-size:14px;color:#4e647d;background:#ffffff55}.section h2{max-width:650px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.pricing-grid .card{padding:36px}.pricing-grid ul{padding-left:18px;color:#63768c;line-height:2}.featured-price{border:1px solid #7eaad9!important;box-shadow:0 12px 40px #1d65ab0a}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pack-grid .card{padding:22px}.appearance-toggle{background:#fff;border:1px solid #d6e1ef;border-radius:8px;padding:7px 12px;font-size:18px;color:#395c83;cursor:pointer}
/* A more dimensional workspace, retaining a quiet reading surface. */
.app-topbar{background:#172d49;color:#eef5ff;border-bottom:1px solid #24415f;padding-top:17px;padding-bottom:17px}.app-topbar .muted,.app-topbar .status,.app-topbar a{color:#bed1e8}.app-topbar .appearance-toggle{background:#254462;color:#dcecff;border-color:#3a5975;padding:3px 9px}.ambient-art svg{opacity:.22}.ambient-art{background:radial-gradient(ellipse at 84% 12%,#a6ceff38,transparent 45%),radial-gradient(ellipse at 8% 85%,#80cfc524,transparent 42%)}.ambient-art:before,.ambient-art:after{content:"";position:absolute;width:640px;height:640px;right:-240px;top:55px;border-radius:42% 58% 62% 38%;border:1px solid #5b9ee133;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 25px,#639edd15 26px 27px,transparent 28px 48px);transform:rotate(-25deg);animation:zen-orbit 38s ease-in-out infinite alternate}.ambient-art:after{width:410px;height:410px;left:-210px;top:auto;bottom:-70px;right:auto;background:radial-gradient(ellipse,#a5e1dc26,transparent 65%);border-color:#73b5c52a;animation-direction:alternate-reverse}.app-content{padding-top:37px;max-width:900px}.welcome{margin-bottom:25px}.welcome h1{font-size:39px}.welcome p{font-size:13px}.composer{margin-bottom:13px}.prompt-examples{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0 33px}.prompt-examples button{padding:7px 11px;border:1px solid #d4e1f0;border-radius:20px;background:#ffffffaa;color:#597799;font-size:10px}.prompt-examples button:hover{border-color:#598eca;background:#eff6ff}.widgets-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.widgets-heading h2{font-size:17px;margin:5px 0 0;letter-spacing:-.3px}.widgets-heading>span{font-size:9px;color:#8394a8}.tool-card{min-height:110px}.logo-symbol{width:34px;height:34px;background:transparent;overflow:hidden;position:relative;border-radius:0;display:block}.logo-symbol img{position:static;width:30px;height:30px;object-fit:contain;display:block;margin:2px}.tour-fab{position:fixed;bottom:21px;right:177px;border:1px solid #cbdced;border-radius:24px;background:#173554;color:white;padding:10px 15px;font-size:10px;z-index:9}.assistance-fab{z-index:9}.tour-scrim{position:fixed;inset:0;background:#102a4026;z-index:19;pointer-events:none}.tour-box{z-index:22;bottom:auto;left:auto;top:100px;right:25px;background:#173554;border:1px solid #365b80;box-shadow:0 20px 60px #10263c35;width:320px}.tour-box strong{font-size:17px}.tour-box p{font-size:12px;line-height:1.7}.tour-box .btn{font-size:11px;padding:8px 12px}.tour-box #tour-progress{display:block;font-size:10px;color:#9ebbd7;margin:8px 0 12px}.tour{position:relative;z-index:20;outline:3px solid #438ddb;outline-offset:5px;box-shadow:0 0 0 9px #eaf5ffb0!important;border-radius:12px}.widget-dialog{width:min(720px,calc(100vw - 30px));max-width:720px;max-height:88vh;padding:28px;overflow:auto;color:#263c53;background:#fbfdff}.widget-modal-head{display:flex;justify-content:space-between;align-items:center}.widget-modal-head h2{font-size:25px;margin:8px 0}.widget-dialog p{font-size:12px;line-height:1.7}.widget-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.widget-dialog label{display:block;font-size:11px;color:#536c85}.widget-dialog input,.widget-dialog textarea,.widget-dialog select{width:100%;border:1px solid #d6e3ef;border-radius:8px;background:white;padding:10px;margin-top:7px;color:#2f4a65;font-size:13px}.widget-dialog textarea{min-height:90px;resize:vertical}.widget-dialog .wide{grid-column:1/-1}.widget-actions{display:flex;gap:10px;flex-wrap:wrap}.widget-actions .btn{font-size:11px;padding:10px 14px}#widget-output{margin-top:24px;padding-top:20px;border-top:1px solid #dde8f1}#widget-result{white-space:pre-wrap;line-height:1.8;font:12px/1.8 Arial,sans-serif;background:#eef5fd;border-radius:10px;padding:18px;max-height:300px;overflow:auto}.widget-privacy{font-size:10px!important;color:#8395a8!important;margin-top:22px}.local-project{width:100%;text-align:left;background:#eff5fd;border:1px solid #d8e4f0;border-radius:8px;padding:12px;margin-bottom:8px;color:#315576}#local-projects{max-height:300px;overflow:auto}.help-panel{z-index:12}.help-panel .help-close{float:right}.dark-mode{background:#101c2d!important;color:#edf4ff!important}.dark-mode .app-main{background:#14243a}.dark-mode .app-sidebar{background:#101e31;border-color:#29415b}.dark-mode .app-content,.dark-mode h1,.dark-mode h2,.dark-mode h3{color:#e7f1ff}.dark-mode .composer,.dark-mode .tool-card,.dark-mode .card,.dark-mode .preview,.dark-mode .widget-dialog,.dark-mode .help-panel{background:#1b3049;color:#e5effb;border-color:#35506c}.dark-mode .composer textarea,.dark-mode .result{color:#dfeaf8}.dark-mode .blue{background:#152940}.dark-mode p{color:#a7bad0}.dark-mode .tool-card.selected{background:#244366}.dark-mode .prompt,.dark-mode .new-chat,.dark-mode .prompt-examples button{background:#203751;color:#c2d6ec;border-color:#37536e}.dark-mode .preview-head{border-color:#35506c}.dark-mode .providers{background:#14263b}.dark-mode .logo-symbol{background:#eef6ff;border-radius:7px}.dark-mode .side-brand{background:#eff6fc;border-radius:8px;padding:10px}.dark-mode .profile strong{color:#d8e8fa}@keyframes zen-orbit{from{transform:rotate(-25deg) translateY(0)}to{transform:rotate(-8deg) translateY(22px)}}@media(prefers-reduced-motion:reduce){.ambient-art:before,.ambient-art:after{animation:none}}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:35px 0 50px}.pricing-grid{grid-template-columns:1fr}.pack-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.wrap header{flex-wrap:wrap}}@media(max-width:700px){.widgets-heading>span{display:none}.tour-fab{right:75px}.tour-box{width:calc(100vw - 40px);max-width:340px}.widget-dialog form{grid-template-columns:1fr}.widget-dialog .wide{grid-column:auto}.app-content{padding-top:30px}.welcome h1{font-size:33px}.app-topbar .top-actions{gap:10px}}
.widget-dialog{padding:0;border:1px solid #d3e2f1;border-radius:22px;width:min(780px,calc(100vw - 30px));max-width:780px;box-shadow:0 30px 100px #0d284f40;background:#fbfdff}.widget-dialog::backdrop{background:#10273d88;backdrop-filter:blur(5px)}.widget-modal-head{padding:26px 30px 22px;background:radial-gradient(ellipse at 90% 0,#66a6ed25,transparent 65%),linear-gradient(130deg,#eef6ff,#f5faff);border-bottom:1px solid #dce9f6;position:relative;overflow:hidden}.widget-modal-head:after{content:"";position:absolute;width:200px;height:200px;right:30px;top:-140px;border-radius:50%;border:1px solid #669dde30;box-shadow:0 0 0 18px #669dde08,0 0 0 38px #669dde06;pointer-events:none}.widget-identity{display:flex;align-items:center;gap:17px}.widget-emblem{width:57px;height:57px;border:1px solid #b8d7f5;display:grid;place-items:center;background:linear-gradient(140deg,#fff,#dbeeff);border-radius:16px;font-size:27px;color:#2477c9;box-shadow:0 7px 18px #2777bc15;flex-shrink:0}.widget-modal-head h2{font-size:25px;margin:5px 0;color:#193b60;font-weight:600;letter-spacing:-.7px}.widget-output-kind{font-size:10px;color:#6987a6;display:block}.widget-modal-head .icon-button{align-self:flex-start;border:1px solid #d5e3f1;width:30px;height:30px;border-radius:50%;background:#ffffffaa;font-size:13px;z-index:1}.widget-dialog>#widget-description{margin:20px 30px;color:#607a95;max-width:640px;line-height:1.75}.widget-flow{display:flex;gap:0;margin:0 30px 24px;padding:12px 14px;background:#f0f5fc;border:1px solid #e2ebf5;border-radius:10px;justify-content:space-between;font-size:10px;color:#9aaabc}.widget-flow strong{font-weight:500;color:#7189a4;margin-left:5px}.widget-flow .flow-active{color:#2e7ecf}.widget-flow .flow-active strong{color:#3c658f}.widget-form-heading{margin:0 30px;display:flex;justify-content:space-between;align-items:center}.widget-form-heading h3{font-size:13px;color:#345674;margin:0}.widget-form-heading button{font-size:10px;color:#317dc1;padding:7px 10px;border:1px solid #d9e6f2;background:white;border-radius:7px}.widget-dialog #widget-form{margin:18px 30px 22px;gap:18px}.widget-dialog input,.widget-dialog textarea,.widget-dialog select{box-shadow:0 2px 4px #235b8804;border-color:#d5e2ef;transition:border-color .15s,box-shadow .15s}.widget-dialog input:focus,.widget-dialog textarea:focus,.widget-dialog select:focus{outline:none;border-color:#74abe0;box-shadow:0 0 0 3px #72a9df15}.widget-actions{padding:17px 30px;background:#f4f8fd;border-top:1px solid #e1eaf4;align-items:center}.widget-actions .btn{font-weight:500;border-radius:9px;font-size:12px;padding:12px 17px}.widget-actions .btn:first-child{box-shadow:0 5px 13px #086cdb20}.widget-actions .secondary{background:#ffffff;color:#5b7896}.widget-dialog #widget-output{margin:0;padding:25px 30px;background:#eef6ff;border-top:1px solid #d5e5f5}.widget-dialog #widget-result{background:white;border:1px solid #dce8f4;font-size:12px;padding:22px;max-height:320px}.widget-dialog #save-tool-project{font-size:11px;padding:9px 12px;font-weight:500}.widget-dialog .widget-privacy{margin:0;padding:16px 30px;font-size:10px;line-height:1.7;border-top:1px solid #e3edf5}.widget-dialog[open]{animation:tool-reveal .18s ease-out}@keyframes tool-reveal{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode .widget-modal-head{background:linear-gradient(135deg,#203e60,#1b3049);border-color:#365575}.dark-mode .widget-modal-head h2{color:#edf4ff}.dark-mode .widget-emblem{background:#2b5279;border-color:#4d769d;color:#b4d7fa}.dark-mode .widget-flow,.dark-mode .widget-actions,.dark-mode .widget-dialog #widget-output{background:#162b43;border-color:#344e69}.dark-mode .widget-dialog input,.dark-mode .widget-dialog textarea,.dark-mode .widget-dialog select,.dark-mode .widget-dialog #widget-result{background:#203951;color:#dceafa;border-color:#3b5874}.dark-mode .widget-form-heading h3{color:#d4e4f5}@media(max-width:600px){.widget-modal-head{padding:22px 20px}.widget-emblem{width:43px;height:43px;font-size:22px}.widget-modal-head h2{font-size:21px}.widget-dialog>#widget-description,.widget-flow{margin-left:20px;margin-right:20px}.widget-form-heading{margin:0 20px}.widget-dialog #widget-form{margin-left:20px;margin-right:20px}.widget-flow{gap:10px;flex-wrap:wrap;font-size:9px}.widget-actions,.widget-dialog #widget-output,.widget-dialog .widget-privacy{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){.widget-dialog[open]{animation:none}}

.ambient-art[data-parallax]{inset:-70px 0;transform:translate3d(0,var(--scroll-depth,0px),0);will-change:transform}@media(prefers-reduced-motion:reduce){.ambient-art[data-parallax]{transform:none;will-change:auto}}
.app-main{overflow:clip}