[hidden]{display:none!important}.modern-app{background:#fafcff;color:#203047;font-family:Arial,sans-serif;font-size:14px}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.app-sidebar{background:#eef3f9;border-right:1px solid #e2e9f2;padding:28px 18px 20px;display:flex;flex-direction:column;min-height:100vh}.side-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;padding:0 6px}.app-logo{width:153px;height:auto;display:block}.icon-button{background:transparent;border:0;color:#7890a8;font-size:18px;cursor:pointer}.new-chat{display:flex;align-items:center;gap:10px;background:white;border:1px solid #dce5ef;border-radius:10px;padding:12px;font-weight:600;color:#293c53;box-shadow:0 2px 3px #234a7110}.side-nav{display:grid;gap:6px;margin:23px 0 30px}.side-nav button{display:flex;align-items:center;gap:10px;padding:11px;border:0;background:transparent;border-radius:8px;color:#62758b;text-align:left}.side-nav .nav-active{background:#deebfb;color:#1767be;font-weight:700}.preview-label{font-size:9px;margin-left:auto;border:1px solid #d1dbe6;border-radius:4px;padding:2px 4px;color:#74849a}.side-label{font-size:10px;font-weight:700;color:#8290a2;letter-spacing:1.2px;display:flex;justify-content:space-between;padding:0 10px;margin-bottom:13px}.project-item{background:transparent;border:0;display:flex;align-items:center;gap:10px;padding:11px;color:#556981;text-align:left;font-size:12px}.project-item>span:last-child{margin-left:auto;color:#92a5ba}.project-dot{width:7px;height:7px;border-radius:50%;background:#5b8ede}.project-dot.teal{background:#48b3a6}.sidebar-note{font-size:10px;line-height:1.6;padding:0 10px;color:#8291a4;max-width:190px}.side-bottom{margin-top:auto;padding-top:50px}.upgrade-box{padding:17px;background:linear-gradient(130deg,#e1edfb,#e5f3f1);border:1px solid #d5e5f0;border-radius:12px}.upgrade-box strong{font-size:12px}.upgrade-box p{font-size:11px;line-height:1.6;color:#6c8097}.upgrade-box button{border:0;background:white;padding:8px 10px;border-radius:7px;font-size:11px;color:#2869b6}.profile{display:flex;align-items:center;gap:10px;padding:22px 5px 0}.avatar{background:#d9e6f7;color:#2a70bc;width:33px;height:33px;border-radius:50%;display:grid;place-items:center}.profile strong,.profile small{display:block;font-size:11px}.profile small{color:#8b9aab;font-size:10px;margin-top:3px}.app-main{background:radial-gradient(ellipse at 52% 28%,#eaf3ff88,transparent 48%),#fbfcfe;min-width:0}.app-topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf4;margin:0;padding:22px 34px;gap:20px;font-size:11px}.workspace-name{font-weight:600}.top-divider{margin:0 12px;color:#b2becd}.muted{color:#8594a8}.top-actions{display:flex;align-items:center;gap:24px}.top-actions a{color:#65809d}.status{color:#7d8da2;font-size:10px;display:flex;align-items:center;gap:6px}.status i{width:5px;height:5px;border-radius:50%;background:#56a493}.app-content{max-width:850px;margin:0 auto;padding:53px 35px 45px}.welcome{text-align:center;margin-bottom:31px}.orb{display:grid;place-items:center;margin:0 auto 16px;width:45px;height:45px;border-radius:15px;border:1px solid #d4e5fb;background:linear-gradient(140deg,#eef7ff,#dcecff);color:#277acb;box-shadow:0 8px 24px #3e80c418}.orb svg{width:22px;height:22px}.welcome-kicker{font-size:9px;font-weight:700;letter-spacing:2px;color:#7e92aa}.welcome h1{font-size:42px;line-height:1.16;font-weight:600;letter-spacing:-1.5px;margin:14px 0}.welcome h1 span{color:#2c78c7}.welcome p{font-size:13px;line-height:1.7;margin:14px 0;color:#7a8b9f}.tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:22px}.tool-card{position:relative;border:1px solid #e0e8f1;background:#ffffffbb;border-radius:12px;padding:14px 11px;text-align:left;transition:border-color .2s,transform .2s;min-height:117px;color:#344b66}.tool-card:hover{border-color:#92bce8;transform:translateY(-2px)}.tool-card.selected{border-color:#8ab5e6;background:#eff6ff}.tool-symbol{font-size:17px;color:#4787c7;display:block;margin-bottom:8px}.tool-card strong{font-size:10px;display:block;margin-bottom:4px}.tool-card small{font-size:9px;line-height:1.5;display:block;color:#8b99aa}.tool-arrow{position:absolute;right:10px;top:12px;font-size:11px;color:#adbac8}.composer{border:1px solid #d7e2ef;background:white;border-radius:18px;box-shadow:0 10px 40px #2b59820b;padding:18px 20px 12px}.composer-heading{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;margin-bottom:13px}.draft-tag{font-size:9px;background:#eef4fb;padding:3px 6px;border-radius:5px;color:#7b93ad;font-weight:400}.composer label#task-label{display:block;font-size:11px;color:#8d9db0;margin-bottom:4px}.composer textarea{display:block;width:100%;resize:vertical;min-height:85px;max-height:250px;border:0;background:transparent;padding:9px 0;font-size:14px;color:#304967;outline:none}.composer textarea::placeholder{color:#b0bdca}.composer-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef2f7;padding-top:12px;gap:10px}#model-area{display:flex;align-items:center;gap:10px}#model-select{font-size:11px;font-weight:600;color:#4d6785;background:#f1f6fb;border:1px solid #e3ebf4;border-radius:7px;padding:7px 24px 7px 9px}.context-chip{font-size:9px;color:#8f9fb0}#credit-area{display:flex;align-items:center;gap:12px}.credit-control{font-size:10px;border:0;background:transparent;color:#7890aa}.send-control{width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:9px;background:#086cdb;color:white;font-size:21px}.app-disclaimer{font-size:9px;text-align:center;color:#9ba8b8;margin:12px 0 23px}.bottom-tip{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#90a0b4}.bottom-tip svg{width:13px;height:13px}.bottom-tip button{background:transparent;border:0;color:#4b83b9;padding:0;font-size:10px}.output-wrap{background:white;border:1px solid #e0e8f2;border-radius:14px;margin:24px 0;padding:20px}.output-heading{display:flex;align-items:center;gap:10px;font-size:11px}.output-heading>span:first-child{color:#3b88cf;font-size:22px}.output-heading button{margin-left:auto;border:1px solid #dbe5ee;background:white;border-radius:6px;font-size:10px;padding:5px 10px}.result{background:transparent;padding:18px 0 0;font-size:12px;line-height:1.8;color:#587089}.assistance-fab{position:fixed;bottom:21px;right:23px;border:1px solid #dce6f0;border-radius:25px;background:white;box-shadow:0 4px 20px #163e6110;padding:10px 15px;color:#5f7a95;font-size:13px}.assistance-fab span{font-size:10px;margin-left:7px}.help-panel{bottom:70px;border-radius:16px;padding:23px}.panel-heading{display:flex;align-items:center;gap:8px}.panel-heading h3{font-size:17px}.help-panel label,.help-panel p{font-size:12px}.help-panel textarea{border:1px solid #dce6f1;border-radius:9px;padding:10px;margin:10px 0;resize:vertical}.help-panel .btn{font-size:11px;padding:10px 13px}#invoice-fields{display:flex;gap:12px;margin:10px 0;flex-wrap:wrap}#invoice-fields label{font-size:10px;color:#8194a9}#invoice-fields input{display:block;width:100px;border:1px solid #dce5ef;border-radius:7px;padding:8px;margin-top:4px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.modern-app.dialog{max-width:440px}dialog h3{font-size:23px}dialog p{font-size:13px}.app-shell.collapsed{grid-template-columns:76px minmax(0,1fr)}.collapsed .app-sidebar{padding:25px 12px}.collapsed .side-brand a,.collapsed .new-chat,.collapsed .side-nav,.collapsed .side-label,.collapsed .project-item,.collapsed .sidebar-note,.collapsed .side-bottom{display:none}.collapsed .side-brand{justify-content:center}@media(min-width:1500px){.app-content{padding-top:95px}}@media(max-width:1050px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.app-content{padding:45px 25px}.tool-grid{grid-template-columns:repeat(3,1fr)}.tool-card{min-height:103px}.context-chip{display:none}}@media(max-width:700px){.app-shell{grid-template-columns:1fr}.app-sidebar{min-height:0;padding:17px 20px;border:0;border-bottom:1px solid #e0e8f1}.side-brand{margin:0;padding:0}.side-brand .app-logo{width:145px}.new-chat,.side-nav,.side-label,.project-item,.sidebar-note,.side-bottom{display:none}.app-topbar{padding:16px 20px}.top-actions .status{display:none}.app-content{padding:32px 20px 65px}.welcome h1{font-size:35px}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-card:last-child{grid-column:1/-1;min-height:75px}.tool-card strong{font-size:12px}.tool-card small{font-size:11px}.tool-card{min-height:111px}.composer{padding:16px}.app-shell.collapsed{grid-template-columns:1fr}.collapsed .side-brand a{display:block}.collapsed .side-brand{justify-content:space-between}.assistance-fab span{display:none}}@media(prefers-reduced-motion:reduce){.tool-card{transition:none}}
.app-main{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#f7faff,#f9fcff 58%,#f2f9fb)}.ambient-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.ambient-art svg{width:100%;height:100%;min-height:950px;display:block}.ribbon-flow{transform-origin:600px 475px;animation:ribbon-drift 24s ease-in-out infinite alternate}.app-topbar{background:#ffffff60;backdrop-filter:blur(14px)}.tool-card{background:#ffffffc9;backdrop-filter:blur(12px);box-shadow:0 4px 14px #37659705}.tool-card:hover{box-shadow:0 10px 25px #37659712}.tool-card.selected{background:#f0f7ffed;box-shadow:0 4px 18px #397bbe0b}.composer{background:#fffffff2;box-shadow:0 16px 48px #295f9b10,0 2px 7px #295f9b05;border-color:#ccdef0}.composer:focus-within{border-color:#7aabe0;box-shadow:0 16px 48px #295f9b14,0 0 0 3px #85b6ec18}.orb{background:linear-gradient(140deg,#fff,#e5f1ff);box-shadow:0 8px 28px #3e80c41f}.welcome h1{letter-spacing:-1.7px}.send-control{box-shadow:0 3px 9px #086cdb26;transition:background .2s,transform .2s}.send-control:hover{background:#005abc;transform:translateY(-1px)}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #3781cf;outline-offset:4px}@keyframes ribbon-drift{from{transform:translate(-8px,6px) rotate(-1deg)}to{transform:translate(12px,-10px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.ribbon-flow{animation:none}.send-control{transition:none}}@media(max-width:700px){.ambient-art{opacity:.65}.ambient-art svg{min-height:1100px}}