.y7s9po0{color:#0f172a;background:radial-gradient(1100px at 18% 22%,#10b9811a,#0000 46%),radial-gradient(900px at 82% 16%,#3b82f61a,#0000 40%),#f8fafc;flex-direction:column;min-height:100vh;display:flex}
.y7s9po1{flex-direction:column;flex:1;gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:28px 20px 44px;display:flex}
.y7s9po2{flex-direction:column;gap:10px;display:flex}
.y7s9po3{color:#059669;background:#d1fae5;border:1px solid #a7f3d0;border-radius:9999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}
.y7s9po4{letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1.2}
.y7s9po5{color:#475569;max-width:860px;font-size:15px;line-height:1.65}
.y7s9po6{color:#0f172a;background:#ffffffdb;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.55;box-shadow:0 10px 32px #0f172a14}
.y7s9po6[data-error=true]{color:#9f1239;background:#fff1f2;border-color:#fecaca}
.y7s9po7{grid-template-columns:1fr;gap:18px;display:grid}
.y7s9po8{background:#fffffff5;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:18px;padding:22px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f172a1f}
.y7s9po9{flex-direction:column;gap:6px;display:flex}
.y7s9poa{color:#0f172a;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}
.y7s9pob{color:#94a3b8;font-size:12px}
.y7s9poc{color:#0f172a;resize:vertical;background:#f8fafc;border:1px solid #d7dee9;border-radius:12px;outline:none;width:100%;min-height:240px;padding:14px 16px;font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:1.6;transition:border-color .15s,box-shadow .15s,background .15s}
.y7s9poc:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9812e}
.y7s9pod{flex-direction:column;align-items:center;gap:12px;display:flex}
.y7s9poe{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}
.y7s9poe:hover{border-color:#10b981;box-shadow:0 6px 18px #10b98124}
.y7s9pof{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex;transform:rotate(90deg)}
.y7s9pog{color:#0f172a;font-size:13px;font-weight:800}
.y7s9poh{color:#94a3b8;font-size:12px}
.y7s9poi{color:#0f172a;text-align:right;background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;max-width:120px;padding:8px 10px;font-size:13px;font-weight:700}
.y7s9poi:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98129}
.y7s9poj{flex-wrap:wrap;gap:10px;display:flex}
.y7s9pok{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:800;transition:transform 80ms,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}
.y7s9pok:active{transform:translateY(1px)}
.y7s9pok:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}
.y7s9pol{color:#fff;background:linear-gradient(120deg,#10b981,#059669);border-color:#059669;box-shadow:0 12px 30px #10b9813d}
.y7s9pom{color:#059669;background:#fff;border-color:#a7f3d0}
.y7s9pon{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}
.y7s9poo{position:relative}
.y7s9pop{color:#e2e8f0;resize:vertical;background:#0f172a;border:1px solid #1e293b;border-radius:14px;outline:none;width:100%;min-height:240px;padding:16px;font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.6}
.y7s9poq{align-items:center;gap:10px;display:inline-flex;position:absolute;top:10px;right:12px}
.y7s9por{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;padding:6px 10px;font-size:12px}
.y7s9pos{color:#e2e8f0;background:#0f172a;border:1px solid #1e293b;border-radius:16px;flex-direction:column;gap:10px;padding:18px;display:flex}
.y7s9pot{font-size:15px;font-weight:800}
.y7s9pou{color:#cbd5e1;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.55;display:grid}
@media (min-width:960px){.y7s9po1{gap:18px;padding:36px 24px 52px}}
@media (min-width:768px){.y7s9po4{font-size:34px}}
@media (min-width:1040px){.y7s9po7{grid-template-columns:1fr 1fr}}
@media (min-width:640px){.y7s9pod{flex-direction:row;justify-content:space-between;align-items:center}.y7s9pof{transform:rotate(0)}}