*{box-sizing:border-box}body{margin:0;background:#f5f6fa;color:#263149;font:15px/1.6 Arial,sans-serif}button,input,a{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a7b0ff;outline-offset:3px}.shell{max-width:1120px;margin:auto;padding:36px 24px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:52px}.logo{font-weight:700;font-size:22px;letter-spacing:-.5px}.logo span{color:#6972e6}.topright{display:flex;align-items:center;gap:14px}.muted{color:#7a8497}.btn{border:1px solid #dce1ec;background:#fff;color:#34415a;border-radius:10px;padding:10px 16px;text-decoration:none}.primary{background:#535fdb;color:#fff;border-color:#535fdb}.hero{margin-bottom:30px}h1{font-size:36px;letter-spacing:-1px;line-height:1.25;margin:0 0 12px}h2{margin:0 0 12px;font-size:22px}p{margin:8px 0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.project{background:#fff;border:1px solid #e0e5ee;border-radius:18px;padding:25px;text-align:right;color:inherit;box-shadow:0 5px 20px #22345604;transition:transform .15s}.project:hover{transform:translateY(-3px);border-color:#aeb5ee}.thumb{height:135px;background:#f1f3fb;border-radius:12px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;gap:8px;direction:ltr}.mini{width:45px;height:32px;border-radius:6px;background:#fff;border:1px solid #cdd4ed;box-shadow:0 3px 8px #4558ac0b}.arrow{color:#9ca8c7}.badge{color:#5c66ca;background:#eef0ff;border-radius:6px;padding:4px 9px;font-size:12px;display:inline-block;margin-bottom:13px}.project h2{font-size:23px;margin:0}.project .client{color:#778198;margin-bottom:10px}.project .summary{font-size:14px;color:#788398;min-height:45px}.project .bottom{display:flex;justify-content:space-between;border-top:1px solid #eef0f5;padding-top:17px;font-size:13px}.auth{max-width:420px;margin:10vh auto;padding:30px;background:#fff;border:1px solid #dfe4ee;border-radius:18px}.auth .logo{margin-bottom:30px}.auth h1{font-size:28px}.auth label{display:block;margin:15px 0 5px}.auth input{width:100%;padding:12px;border:1px solid #dbe0ec;border-radius:9px;direction:ltr;text-align:left}.auth button{margin-top:20px;width:100%}.auth .secondary{border:0;background:none;color:#5b66ca;margin-top:6px;padding:8px}.notice{padding:12px 16px;border-radius:9px;margin:15px 0;background:#edf0ff;color:#4f5ab2;font-size:14px}.error{background:#fff0ef;color:#a63e38}.preview{background:#fff5df;color:#88602c}.workspace{height:100dvh;display:flex;flex-direction:column}.workspacehead{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid #e1e6ef;padding:10px 18px;min-height:64px}.workspacehead .title{font-weight:700}.workspacehead .status{font-size:12px;color:#7d889a}.workspacehead .left{display:flex;align-items:center;gap:14px}iframe{border:0;width:100%;flex:1;min-height:0}.toast{position:fixed;bottom:24px;left:24px;max-width:420px;z-index:20;background:#263149;color:#fff;padding:14px 20px;border-radius:11px;box-shadow:0 5px 20px #0002}.empty{background:#fff;border:1px solid #e1e6ef;border-radius:14px;padding:32px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){.shell{padding:22px 16px}.top{margin-bottom:35px}.top .muted{display:none}h1{font-size:29px}.workspacehead{flex-wrap:wrap;padding:10px}.auth{margin:25px 16px}.workspacehead .title{font-size:13px}}