:root{--color-wood-dark: #5C4033;--color-wood-medium: #8B4513;--color-wood-light: #DEB887;--color-parchment: #F5E6D3;--color-ink: #2C1810;--color-accent: #8B0000;--background-primary: var(--color-wood-dark);--background-secondary: var(--color-wood-medium);--text-primary: var(--color-parchment);--text-secondary: var(--color-wood-light);font-family:Crimson Text,serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--background-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:var(--background-primary)}#app{min-height:100vh;width:100%}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-wood-dark)}::-webkit-scrollbar-thumb{background:var(--color-wood-medium);border:2px solid var(--color-wood-light);border-radius:4px}button{background-color:var(--color-wood-medium);color:var(--text-primary);border:2px solid var(--color-wood-light);padding:.6em 1.2em;border-radius:4px;font-family:inherit;cursor:pointer;transition:all .25s}button:hover{background-color:var(--color-wood-light);color:var(--color-wood-dark)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.modal-backdrop.svelte-1oc1pgi.svelte-1oc1pgi{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.svelte-1oc1pgi.svelte-1oc1pgi{background:var(--background-secondary);border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000004d}.modal-header.svelte-1oc1pgi.svelte-1oc1pgi{display:flex;justify-content:center;align-items:center;padding:1rem;border-bottom:1px solid var(--color-wood-dark);position:relative}.modal-header.svelte-1oc1pgi h2.svelte-1oc1pgi{margin:0;color:var(--text-primary);text-align:center}.close-button.svelte-1oc1pgi.svelte-1oc1pgi{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer;padding:.5rem}.close-button.svelte-1oc1pgi.svelte-1oc1pgi:hover{color:var(--color-wood-light)}.modal-content.svelte-1oc1pgi.svelte-1oc1pgi{padding:1rem}.drop-zone.svelte-1oc1pgi.svelte-1oc1pgi{border:2px dashed var(--color-wood-light);border-radius:8px;padding:2rem;margin-bottom:1rem;transition:all .3s ease}.drop-zone.drag-over.svelte-1oc1pgi.svelte-1oc1pgi{background:var(--color-wood-dark);border-color:var(--color-accent)}.drop-zone-content.svelte-1oc1pgi.svelte-1oc1pgi{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-primary)}.or.svelte-1oc1pgi.svelte-1oc1pgi{color:var(--text-primary);opacity:.7}.url-input.svelte-1oc1pgi.svelte-1oc1pgi{margin-top:1rem}.url-form.svelte-1oc1pgi.svelte-1oc1pgi{display:flex;gap:.5rem}.url-form.svelte-1oc1pgi input.svelte-1oc1pgi{flex:1;padding:.5rem;border:2px solid var(--color-wood-light);border-radius:4px;background:var(--color-wood-dark);color:var(--text-primary)}.upload-button.svelte-1oc1pgi.svelte-1oc1pgi{padding:.5rem 1rem;background-color:var(--color-wood-medium);color:var(--text-primary);border:2px solid var(--color-wood-light);border-radius:4px;cursor:pointer;transition:all .25s}.upload-button.svelte-1oc1pgi.svelte-1oc1pgi:hover{background-color:var(--color-wood-light);color:var(--color-wood-dark)}.hidden.svelte-1oc1pgi.svelte-1oc1pgi{display:none}.error-message.svelte-1oc1pgi.svelte-1oc1pgi{margin-top:1rem;padding:.5rem;color:#f44;background:#ff44441a;border-radius:4px;text-align:center}h1.svelte-d1ruci.svelte-d1ruci{color:var(--text-primary);text-align:center;margin-bottom:0rem}.token-generator.svelte-d1ruci.svelte-d1ruci{max-width:800px;margin:1rem auto;padding:2rem;background-color:var(--background-secondary);border-radius:8px;box-shadow:0 4px 6px #0000004d}.upload-section.svelte-d1ruci.svelte-d1ruci{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.hidden.svelte-d1ruci.svelte-d1ruci{display:none}.upload-button.svelte-d1ruci.svelte-d1ruci{margin-top:1rem;padding:1rem 2rem;background-color:var(--color-wood-medium);color:var(--text-primary);border:2px solid var(--color-wood-light);border-radius:4px;cursor:pointer;transition:all .25s;font-size:1.1rem}.upload-button.svelte-d1ruci.svelte-d1ruci:hover{background-color:var(--color-wood-light);color:var(--color-wood-dark)}.preview-container.svelte-d1ruci.svelte-d1ruci{position:relative;margin:0rem 0;padding:0rem;background:var(--color-wood-medium);border-radius:8px;width:400px;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-frame.svelte-d1ruci.svelte-d1ruci{position:relative;width:350px;height:350px;display:flex;align-items:center;justify-content:center;background:var(--color-wood-medium)}.preview-frame.interactive.svelte-d1ruci.svelte-d1ruci{cursor:move}.preview-border.svelte-d1ruci.svelte-d1ruci{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.preview-border.svelte-d1ruci svg.svelte-d1ruci{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.preview-image-container.svelte-d1ruci.svelte-d1ruci{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%}.preview-image-container.svelte-d1ruci.svelte-d1ruci:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-wood-dark);clip-path:var(--clip-path);z-index:0}.preview-image.svelte-d1ruci.svelte-d1ruci{position:relative;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center;-webkit-user-select:none;user-select:none;z-index:2;pointer-events:auto;transition:opacity .2s ease-out}.preview-instructions.svelte-d1ruci.svelte-d1ruci{position:absolute;bottom:1rem;left:0;right:0;background:#000000b3;color:var(--text-primary);padding:.5rem;font-size:.9rem;opacity:0;transition:opacity .3s;z-index:10;text-align:center}.preview-container.svelte-d1ruci:hover .preview-instructions.svelte-d1ruci{opacity:1}.controls.svelte-d1ruci.svelte-d1ruci{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.control-group.svelte-d1ruci.svelte-d1ruci{display:flex;flex-direction:column;gap:.5rem}.control-group.svelte-d1ruci label.svelte-d1ruci{display:flex;align-items:center;gap:1rem}.value.svelte-d1ruci.svelte-d1ruci{min-width:3em}select.svelte-d1ruci.svelte-d1ruci,input[type=range].svelte-d1ruci.svelte-d1ruci{flex:1;padding:.5rem;background-color:var(--color-wood-dark);color:var(--text-primary);border:2px solid var(--color-wood-light);border-radius:4px;font-family:inherit}input[type=color].svelte-d1ruci.svelte-d1ruci{width:50px;height:30px;padding:0;border:2px solid var(--color-wood-light);border-radius:4px}.generate-button.svelte-d1ruci.svelte-d1ruci{margin-top:1rem;width:100%;padding:1rem;font-size:1.1rem;background-color:var(--color-accent);border-color:var(--color-wood-light)}.generate-button.svelte-d1ruci.svelte-d1ruci:disabled{opacity:.5;cursor:not-allowed}.generate-button.svelte-d1ruci.svelte-d1ruci:not(:disabled):hover{background-color:var(--color-wood-light);color:var(--color-accent)}.empty-state.svelte-d1ruci.svelte-d1ruci{text-align:center;color:var(--text-primary);opacity:.7}.empty-state.svelte-d1ruci p.svelte-d1ruci{margin:0}.empty-state-subtitle.svelte-d1ruci.svelte-d1ruci{font-size:.9rem;margin-top:.5rem}.image-controls.svelte-d1ruci.svelte-d1ruci{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center}.background-controls.svelte-d1ruci.svelte-d1ruci{display:flex;flex-direction:row;gap:.5rem;align-items:center}.background-image.svelte-d1ruci.svelte-d1ruci{position:absolute;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center;-webkit-user-select:none;user-select:none;z-index:1;pointer-events:auto}main.svelte-exueqd{min-height:100vh;display:flex;flex-direction:column}.navbar.svelte-exueqd{background-color:var(--background-secondary);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0003}.nav-brand.svelte-exueqd{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.nav-links.svelte-exueqd{display:flex;gap:2rem}.nav-link.svelte-exueqd{color:var(--text-primary);text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .25s}.nav-link.svelte-exueqd:hover{background-color:var(--color-wood-light);color:var(--color-wood-dark)}.content.svelte-exueqd{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}