@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{font-family:DM Sans,sans-serif;color:#20231f;background:#f3f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea{font:inherit}button{color:inherit}.shell{min-height:100vh;background:radial-gradient(circle at 50% 5%,#fffdf6 0,#f3f0e8 42%,#ebe7dc)}header{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px;border-bottom:1px solid rgba(32,35,31,.1)}.brand{color:inherit;text-decoration:none;font-weight:600;font-size:18px;display:flex;gap:10px;align-items:center}.brand-mark{width:28px;height:28px;background:#22251f;color:#f5f0e4;display:grid;place-items:center;border-radius:9px 4px;font-family:"Instrument Serif";font-size:18px}nav{display:flex;align-items:center;gap:12px}nav button{border:0;background:none;cursor:pointer}.text-button{color:#6e7168}.balance{background:#e7e2d5!important;border-radius:999px;padding:9px 14px;font-size:13px}.avatar{width:36px;height:36px;border-radius:50%;background:#d7a356!important;color:#fff;font-size:12px;font-weight:600}main{max-width:920px;margin:auto;padding:68px 24px 100px}.hero{text-align:center;max-width:700px;margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#8b6126;background:#f3e4c8;border:1px solid #e8d3ad;padding:7px 11px;border-radius:99px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}h1{font:400 66px/.96 "Instrument Serif",serif;margin:24px 0 18px;letter-spacing:-.03em}h1 em{color:#ad6d2d;font-weight:400}.hero p{color:#686b63;font-size:17px;line-height:1.6;margin:auto;max-width:570px}.workspace{margin-top:52px;background:#fffffcdb;border:1px solid #dcd8cc;border-radius:18px;padding:22px;box-shadow:0 24px 80px #3930221a}.workspace-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:18px}.private{color:#777a71;font-size:11px;font-weight:400;display:flex;align-items:center;gap:7px}.private span{width:6px;height:6px;border-radius:50%;background:#5c9364;box-shadow:0 0 0 3px #e0eee1}.dropzone{min-height:210px;border:1.5px dashed #c9c3b5;border-radius:12px;background:#faf9f4;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.dropzone:hover{background:#f7f3e9;border-color:#b98950}.upload-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#efe4d2;color:#a2692e;margin-bottom:12px}.dropzone strong{font-size:14px}.dropzone>span{color:#85877f;font-size:12px;margin-top:5px}.types{font-size:9px;letter-spacing:.08em;color:#a19e95;margin-top:20px}.has-files{display:block;min-height:auto;padding:10px;cursor:default}.file-list{display:grid;gap:7px}.file-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #ebe7dc;border-radius:9px;padding:9px 10px}.file-row>svg{color:#a16932}.file-row div{flex:1;display:flex;flex-direction:column}.file-row strong{font-size:12px}.file-row span{color:#91928c;font-size:10px}.file-row button,.add-more{border:0;background:none;cursor:pointer;color:#888}.add-more{justify-self:start;display:flex;gap:5px;align-items:center;padding:8px;color:#8e622d;font-size:12px}.prompt-label{display:block;font-weight:600;font-size:13px;margin:22px 0 9px}textarea{width:100%;min-height:112px;resize:vertical;border:1px solid #d8d4c9;border-radius:10px;padding:14px;background:#fff;outline:none;line-height:1.5;font-size:14px;color:#30322e}textarea:focus{border-color:#a8753a;box-shadow:0 0 0 3px #f4eadc}textarea::placeholder{color:#aaa9a3}.run-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.run-row>span{font-size:10px;color:#92938d}.run{border:0;background:#252820;color:#fff;border-radius:9px;padding:11px 16px;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;font-weight:600}.run:disabled{opacity:.42;cursor:not-allowed}.status{margin-top:18px;border-radius:11px;padding:13px;display:flex;align-items:center;gap:11px;background:#f3f0e7;border:1px solid #e2ddd0}.status-icon{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#a46c32}.status>div:nth-child(2){display:flex;flex-direction:column;flex:1}.status strong{font-size:12px}.status span{font-size:11px;color:#777a72;margin-top:2px}.status a{color:#8d5928;font-size:12px;display:flex;gap:6px;align-items:center;text-decoration:none;font-weight:600}.status.done{background:#eef5ed;border-color:#d3e4d1}.status.done .status-icon{color:#4c8655}.status.error{background:#f8edeb}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.examples{margin-top:58px;text-align:center}.examples h2{font:30px "Instrument Serif";font-weight:400}.examples>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.examples button{text-align:left;border:1px solid #ddd8ca;background:#ffffff80;border-radius:10px;padding:15px;color:#5f625b;font-size:12px;line-height:1.4;cursor:pointer;display:flex;justify-content:space-between;gap:10px}.examples button:hover{background:#fff}footer{border-top:1px solid rgba(30,32,28,.1);max-width:1180px;margin:auto;padding:26px 28px;display:flex;justify-content:space-between;color:#777970;font-size:11px}footer span{font-weight:600;color:#33362f}@media(max-width:680px){h1{font-size:48px}main{padding-top:44px}.examples>div{grid-template-columns:1fr}.text-button{display:none}.workspace{padding:14px}.private{display:none}.run-row{align-items:flex-end}.run-row>span{max-width:45%}}
