.svelte-wcv848.svelte-wcv848{padding:0;margin:0}.app.svelte-wcv848.svelte-wcv848{display:flex;height:100%}.sidebar.svelte-wcv848.svelte-wcv848{background:#efefef;display:flex;flex-direction:column;align-items:center;padding:50px;min-width:200px}.main-content-area.svelte-wcv848.svelte-wcv848{flex:1;justify-content:center;display:flex;overflow:auto;padding:80px}.main-content-container.svelte-wcv848.svelte-wcv848{flex:1;display:flex;flex-direction:column;align-items:stretch;max-width:800px;gap:80px;min-height:calc(100vh - 80px)}.prompt-container.svelte-wcv848.svelte-wcv848{display:flex;flex-direction:column;align-items:center;gap:20px}.prompt-examples.svelte-wcv848.svelte-wcv848{display:flex;justify-content:space-between;align-self:stretch;gap:20px}.prompt-example-box.svelte-wcv848.svelte-wcv848{display:flex;flex-direction:column;gap:20px}.prompt-image.svelte-wcv848.svelte-wcv848{width:100%;height:100%;overflow:hidden;border-radius:5px;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;height:128px}.prompt-image.svelte-wcv848 img.svelte-wcv848{width:100%;height:100%;object-fit:cover}.input-container.svelte-wcv848.svelte-wcv848{position:relative;width:80%}.input-field.svelte-wcv848.svelte-wcv848{width:calc(100% - 40px);padding:15px 50px 15px 15px;border:1px solid #ccc;border-radius:15px;outline:none}.input-icon.svelte-wcv848.svelte-wcv848{position:absolute;top:50%;right:-20px;transform:translateY(-50%);cursor:pointer;background:#99c1f3;padding:8px;border-radius:12px;width:20px;height:20px}.loading-spinner.svelte-wcv848.svelte-wcv848{width:15px;height:15px;border:2px solid #fff;border-top:2px solid #3b1b4d;border-radius:50%;animation:svelte-wcv848-spin 1s linear infinite}.modal.svelte-wcv848.svelte-wcv848{display:block;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:#00000080;overflow:auto}.modal-content.svelte-wcv848.svelte-wcv848{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:10px;position:relative}.close.svelte-wcv848.svelte-wcv848{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close.svelte-wcv848.svelte-wcv848:hover,.close.svelte-wcv848.svelte-wcv848:focus{color:#000;text-decoration:none;cursor:pointer}@keyframes svelte-wcv848-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}