.container.svelte-1zspg{position:relative;display:flex;flex-direction:column;gap:8px}button.svelte-1zspg{color:#fff;background-color:var(--primary-accent)}button.generate.svelte-1zspg{position:absolute;inset:auto 20px 20px auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}button.reset.svelte-1zspg{height:60px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;padding:0 12px}textarea.svelte-1zspg{flex:1;border-radius:4px;resize:none;padding:20px 12px}span.svelte-1zspg{font-size:16px}.container.svelte-79qvib{position:relative;border-radius:8px;background-image:url(../../../img/gradientBkg.png);background-size:cover;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:0 70px}span.svelte-79qvib{font-size:20px}.cards.svelte-79qvib{display:flex;justify-content:space-between;gap:20px}li.svelte-79qvib{width:clamp(100px,100%,200px);background-color:#fff;border-radius:4px;box-shadow:0 4px 4px #00000040;display:flex;flex-direction:column;gap:16px;padding:12px 10px}.card-texts.svelte-79qvib{display:flex;flex-direction:column;gap:4px}.container.svelte-1y34pue{flex:1;position:relative}p.svelte-1y34pue{white-space:pre-wrap}.container.svelte-xn0aug{height:100%;display:flex;flex-direction:column;gap:8px;position:relative}h1.svelte-xn0aug{font-weight:700}.container.svelte-xq50f7{width:100%;height:100%;border:1px solid gray;border-radius:2px;display:flex;gap:28px;padding:8px;position:relative}.text-container.svelte-xq50f7{flex:1;position:relative}textarea.svelte-xq50f7{width:100%;height:100%;overflow:hidden}.buttons.svelte-xq50f7{display:flex;gap:4px;position:relative}button.svelte-xq50f7{display:grid;place-items:center}.text-button.svelte-xq50f7{width:16px;height:16px}.submit-button.svelte-xq50f7{position:absolute;inset:auto 10px 10px auto;width:32px;height:32px;border-radius:50%;background-color:var(--primary-accent)}.container.svelte-1mcrnv1{width:100%;height:100%;background-color:#fff;display:flex;gap:40px;padding:0 20px 16px;overflow:hidden}.left.svelte-1mcrnv1{flex:2;height:100%}.right.svelte-1mcrnv1{flex:1;display:flex;flex-direction:column;gap:8px}.container.svelte-95iig1{width:100%;height:100%;background-color:#fff;display:flex;gap:40px;padding:0 20px 16px;overflow:hidden}.left.svelte-95iig1{flex:2;display:flex;gap:28px;padding-right:8px}.buttons.svelte-95iig1{display:flex;gap:4px;position:relative}button.svelte-95iig1{display:grid;place-items:center}.copy-button.svelte-95iig1{width:16px;height:16px}.right.svelte-95iig1{flex:1;display:flex;flex-direction:column;gap:8px}p.svelte-qernhr{position:fixed;z-index:100;max-width:60ch;background-color:#fff;border:1px solid;border-radius:2px;padding:10px}.container.svelte-1xn4xwx{width:40px;height:100%;display:flex;gap:4px;align-items:center}span.svelte-1xn4xwx{font-size:2rem;opacity:.2;animation:svelte-1xn4xwx-blink 1.2s infinite}span.svelte-1xn4xwx:nth-child(1){animation-delay:0s}span.svelte-1xn4xwx:nth-child(2){animation-delay:.2s}span.svelte-1xn4xwx:nth-child(3){animation-delay:.4s}@keyframes svelte-1xn4xwx-blink{0%,20%{opacity:.2}50%{opacity:1}to{opacity:.2}}.container.svelte-44aubl{width:100%;height:100%;background-color:#fff;display:flex;gap:40px;padding:0 20px 16px;overflow:hidden}.left.svelte-44aubl{flex:2;display:flex;gap:28px;padding:8px}.right.svelte-44aubl{flex:1;display:flex;flex-direction:column;gap:8px;position:relative}.panel.svelte-x7thgr{min-height:60px;border-radius:4px;transition:flex .2s;display:flex;flex-direction:column;overflow:hidden}.panel-header.svelte-x7thgr{min-height:inherit;background-color:#fff;display:flex;align-items:center;gap:4px;padding:0 20px}h1.svelte-x7thgr{text-transform:capitalize}.dependency-text.svelte-x7thgr{color:red;font-size:10px}.expansion-button.svelte-x7thgr{margin-left:auto}.container.svelte-18p6uhd{width:100%;height:100%;display:flex;flex-direction:column;gap:8px}main.svelte-vdmk6d{width:100dvw;height:100dvh;display:flex;flex-direction:column;gap:35px;padding:20px 40px 40px}header.svelte-vdmk6d{height:40px;display:flex;justify-content:space-between}.logo.svelte-vdmk6d{height:100%}.body.svelte-vdmk6d{flex:1;display:grid;grid-template-columns:350px minmax(350px,1fr);grid-template-rows:20px 1fr;gap:10px}h1.svelte-vdmk6d{font-size:16px}button.svelte-vdmk6d{width:116px;height:40px;font-size:16px;font-weight:700;border-radius:2px;border:1px solid #000;background:#fff;text-align:center}