.box-scene.svelte-11yu08x{perspective:800px;display:flex;justify-content:center;padding:2rem 0 1rem}.box-3d.svelte-11yu08x{position:relative;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-22deg)}.face.svelte-11yu08x{position:absolute;backface-visibility:hidden}.front.svelte-11yu08x{width:100%;height:100%;background:#fff;border:1px solid #d4d4d4;border-radius:2px;box-shadow:inset 0 0 0 1px #00000008;z-index:2}.right-side.svelte-11yu08x{width:var(--depth);height:100%;right:calc(var(--depth) * -1);top:0;background:linear-gradient(90deg,#f0f0f0,#e8e8e8);transform-origin:left center;transform:rotateY(90deg);border:1px solid #d4d4d4;border-left:none;overflow:hidden}.top-face.svelte-11yu08x{width:100%;height:var(--depth);top:calc(var(--depth) * -1);left:0;background:linear-gradient(180deg,#fafafa,#f0f0f0);transform-origin:bottom center;transform:rotateX(90deg);border:1px solid #d4d4d4;border-bottom:none}.page-stack.svelte-11yu08x{position:absolute;bottom:0;left:0;right:0;height:100%}.page-edge.svelte-11yu08x{position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #e0e0e0}.page-edge-1.svelte-11yu08x{bottom:2px}.page-edge-2.svelte-11yu08x{bottom:4px}.page-edge-3.svelte-11yu08x{bottom:6px}.page-top.svelte-11yu08x{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(180deg,#e8e8e8,transparent)}.side-pages.svelte-11yu08x{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,#e8e8e8 1px,#e8e8e8 2px);opacity:.4}.sleeve-front.svelte-11yu08x{position:absolute;left:-3px;right:-3px;top:50%;transform:translateY(-50%);background:linear-gradient(180deg,#f7f2e8,#efe8d8);border-top:1.5px solid #d8cdb8;border-bottom:1.5px solid #d8cdb8;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f,inset 0 1px #ffffff80;z-index:3}.sleeve-text.svelte-11yu08x{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px}.sleeve-line.svelte-11yu08x{font-size:.7rem;color:#4a4035;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sleeve-side.svelte-11yu08x{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,#efe8d8,#e8dfc8);border-top:1.5px solid #d8cdb8;border-bottom:1.5px solid #d8cdb8;box-shadow:inset 0 1px #ffffff4d}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8f9fa;color:#1a1a2e}.app.svelte-1uha8ag{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}header.svelte-1uha8ag{text-align:center;margin-bottom:2.5rem}header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2rem;font-weight:700;margin:0 0 .25rem;color:#1a1a2e}.subtitle.svelte-1uha8ag{color:#6c757d;font-size:1.05rem;margin:0}.editor.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media(max-width:768px){.editor.svelte-1uha8ag{grid-template-columns:1fr}}.controls.svelte-1uha8ag{display:flex;flex-direction:column;gap:1.5rem}.control-group.svelte-1uha8ag{display:flex;flex-direction:column;gap:.5rem}.control-group.svelte-1uha8ag>label:where(.svelte-1uha8ag):first-child{font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:#495057}.hint.svelte-1uha8ag{font-weight:400;text-transform:none;letter-spacing:normal;font-size:.85rem;color:#868e96}input[type=text].svelte-1uha8ag,select.svelte-1uha8ag{padding:.65rem .85rem;border:1.5px solid #dee2e6;border-radius:8px;font-size:.95rem;background:#fff;transition:border-color .15s ease}input[type=text].svelte-1uha8ag:focus,select.svelte-1uha8ag:focus{outline:none;border-color:#4263eb;box-shadow:0 0 0 3px #4263eb1a}.font-preview.svelte-1uha8ag{padding:.5rem .85rem;background:#fff;border:1px dashed #dee2e6;border-radius:6px;font-size:1.2rem;color:#495057;min-height:1.6em}.pattern-options.svelte-1uha8ag,.size-options.svelte-1uha8ag{display:flex;gap:.5rem;flex-wrap:wrap}.pattern-option.svelte-1uha8ag,.size-option.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem 1rem;border:1.5px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all .15s ease;background:#fff;flex:1;min-width:80px}.pattern-option.svelte-1uha8ag:hover,.size-option.svelte-1uha8ag:hover{border-color:#adb5bd}.pattern-option.selected.svelte-1uha8ag,.size-option.selected.svelte-1uha8ag{border-color:#4263eb;background:#edf2ff}.pattern-option.svelte-1uha8ag input:where(.svelte-1uha8ag),.size-option.svelte-1uha8ag input:where(.svelte-1uha8ag){display:none}.pattern-label.svelte-1uha8ag,.size-label.svelte-1uha8ag{font-weight:600;font-size:.85rem}.size-dims.svelte-1uha8ag{font-size:.75rem;color:#868e96}.toggle-row.svelte-1uha8ag{display:flex;flex-direction:row!important;align-items:center;gap:.6rem;cursor:pointer;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;font-size:.95rem!important;color:#1a1a2e!important}.toggle-row.svelte-1uha8ag input[type=checkbox]:where(.svelte-1uha8ag){width:18px;height:18px;accent-color:#4263eb;cursor:pointer}.actions.svelte-1uha8ag{display:flex;gap:.75rem;margin-top:.5rem}.btn.svelte-1uha8ag{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn.svelte-1uha8ag:disabled{opacity:.6;cursor:not-allowed}.btn-primary.svelte-1uha8ag{background:#4263eb;color:#fff}.btn-primary.svelte-1uha8ag:hover:not(:disabled){background:#3b5bdb}.btn-secondary.svelte-1uha8ag{background:#e9ecef;color:#495057}.btn-secondary.svelte-1uha8ag:hover:not(:disabled){background:#dee2e6}.status.svelte-1uha8ag{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;background:#d3f9d8;color:#2b8a3e}.status.error.svelte-1uha8ag{background:#ffe3e3;color:#c92a2a}.preview-panel.svelte-1uha8ag{position:sticky;top:2rem}.preview-panel.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#495057;margin:0 0 1.25rem}.preview-container.svelte-1uha8ag{margin-bottom:1.5rem}.preview-container.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:.85rem;font-weight:600;color:#868e96;margin:0 0 .5rem}.canvas-wrapper.svelte-1uha8ag{box-shadow:0 4px 24px #00000014;border-radius:4px;overflow:hidden}.canvas-wrapper.svelte-1uha8ag canvas:where(.svelte-1uha8ag){display:block}