.drop-area.svelte-12ed5d3{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent}.drop-area.active.svelte-12ed5d3{background-color:#0000000a}.file-input.svelte-12ed5d3{display:none}.control-panel.svelte-oydtmz{background-color:#ffffffd9;width:clamp(280px,80vw,400px);border-radius:2px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.control-row.svelte-oydtmz{display:flex;flex-direction:column;gap:.5rem}.control-label.svelte-oydtmz{display:flex;justify-content:space-between;font-size:.9rem;font-weight:500}.value.svelte-oydtmz{font-family:monospace;color:var(--accent-color);font-weight:600}.slider.svelte-oydtmz{width:100%;accent-color:var(--accent-color);height:2px}.dimensions-row.svelte-oydtmz{justify-content:flex-start;gap:.5rem}.dimensions-value.svelte-oydtmz{font-family:monospace}.max-indicator.svelte-oydtmz{font-size:.75rem;color:#666;font-family:sans-serif}.toggle-buttons.svelte-oydtmz{display:flex;flex-wrap:wrap;gap:.5rem}.toggle-btn.svelte-oydtmz{flex:1 1 45%;min-width:120px;padding:.6rem;background-color:transparent;color:#000;border:1px solid #000;border-radius:2px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s ease}.toggle-btn.svelte-oydtmz:hover{background-color:#000;color:#fff}.toggle-btn.svelte-oydtmz:active{opacity:.8}.export-btn.svelte-oydtmz{padding:.75rem;background-color:var(--accent-color);color:#fff;border:1px solid var(--accent-color);border-radius:2px;cursor:pointer;font-weight:600;font-size:.95rem;letter-spacing:.02em;transition:all .15s ease}.export-btn.svelte-oydtmz:hover{background-color:#fff;color:var(--accent-color);border:1px solid var(--accent-color)}.export-btn.svelte-oydtmz:active{transform:translateY(1px)}h1.svelte-j17nky{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(2.5rem,8vw,4rem);margin:0;padding:0;line-height:1.1;letter-spacing:-.03em;color:var(--title-color)}.attribution.svelte-j17nky{display:block;font-size:.4em;font-weight:400;font-style:italic;margin-top:.5em;opacity:.7}.hidden.svelte-j17nky{visibility:hidden}html,body{background-color:#fff;margin:0;padding:0;height:100%}.page-container.svelte-1uha8ag{min-height:100vh;padding:clamp(1rem,3vw,2rem);position:relative;z-index:15;display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,2vw,2rem);pointer-events:none}.title-box.svelte-1uha8ag{background-color:#ffffffd9;padding:1rem 1.5rem;width:clamp(300px,90vw,800px);box-sizing:border-box;pointer-events:auto;z-index:15;border-radius:2px}.content-wrapper.svelte-1uha8ag{display:flex;justify-content:flex-start;position:relative;pointer-events:none;width:100%;max-width:clamp(300px,90vw,800px)}.panel-wrapper.svelte-1uha8ag{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;position:relative;width:auto}.content-wrapper.svelte-1uha8ag:not(.has-image) .panel-wrapper:where(.svelte-1uha8ag){z-index:3}.content-wrapper.has-image.svelte-1uha8ag .panel-wrapper:where(.svelte-1uha8ag){z-index:15;pointer-events:auto}.drag-instruction.svelte-1uha8ag{font-size:.9rem;font-weight:500;color:#000;text-align:center;padding:.75rem 1.25rem;background-color:#ffffffd9;border-radius:2px;z-index:10;letter-spacing:.05em;text-transform:uppercase}.drop-area.svelte-1uha8ag{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:5;pointer-events:auto;background-color:transparent;transition:background-color .3s ease}.drop-area.svelte-1uha8ag:hover{background-color:#0000001a}.background-image.svelte-1uha8ag{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:0}.privacy-indicator.svelte-1uha8ag{position:fixed;bottom:0;left:0;z-index:20;pointer-events:auto}@media(max-width:768px),(hover:none){.privacy-indicator.svelte-1uha8ag{display:none}}.privacy-icon.svelte-1uha8ag{width:80px;height:80px;cursor:pointer;transition:all .2s ease}.privacy-icon.svelte-1uha8ag svg:where(.svelte-1uha8ag){display:block}.privacy-icon.svelte-1uha8ag svg:where(.svelte-1uha8ag) rect:where(.svelte-1uha8ag):first-child{transition:fill .2s ease}.privacy-icon.svelte-1uha8ag svg:where(.svelte-1uha8ag) g:where(.svelte-1uha8ag) :where(.svelte-1uha8ag){transition:fill .2s ease,stroke .2s ease}.privacy-icon.svelte-1uha8ag:hover svg:where(.svelte-1uha8ag)>rect:where(.svelte-1uha8ag):first-child{fill:#000000d9}.privacy-icon.svelte-1uha8ag:hover svg:where(.svelte-1uha8ag) g:where(.svelte-1uha8ag)>rect:where(.svelte-1uha8ag):first-child{fill:#fff}.privacy-icon.svelte-1uha8ag:hover svg:where(.svelte-1uha8ag) g:where(.svelte-1uha8ag) path:where(.svelte-1uha8ag){stroke:#fff}.privacy-icon.svelte-1uha8ag:hover svg:where(.svelte-1uha8ag) g:where(.svelte-1uha8ag) circle:where(.svelte-1uha8ag),.privacy-icon.svelte-1uha8ag:hover svg:where(.svelte-1uha8ag) g:where(.svelte-1uha8ag)>rect:where(.svelte-1uha8ag):last-child{fill:#000}.privacy-tooltip.svelte-1uha8ag{position:absolute;bottom:0;left:80px;height:80px;background-color:#000000d9;color:#fff;padding:.75rem 1rem;border-radius:0;font-size:.85rem;line-height:1.5;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;display:flex;align-items:center;box-sizing:border-box}.privacy-indicator.svelte-1uha8ag:hover .privacy-tooltip:where(.svelte-1uha8ag){opacity:1}