:root{--editor-bg:#0f172a;--editor-surface:#1e293b;--preview-bg:#f1f5f9;--accent:#6366f1;--accent-hover:#4f46e5;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:rgba(255, 255, 255, 0.1)}.maker-layout{display:flex;height:100vh;width:92vw}.editor-pane{width:420px;min-width:420px;background:var(--editor-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;box-shadow:4px 0 24px rgba(0,0,0,.2);z-index:10}.editor-header{padding:24px;background:var(--editor-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.brand-logo{background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:1.4rem;letter-spacing:-.5px}.editor-body{padding:20px;overflow-y:auto;flex:1}.editor-body::-webkit-scrollbar{width:6px}.editor-body::-webkit-scrollbar-track{background:0 0}.editor-body::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.editor-body::-webkit-scrollbar-thumb:hover{background:#475569}.form-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.editor-input{background:rgba(255,255,255,.03);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;padding:10px 14px;font-size:.95rem;transition:all .2s}.editor-input:focus{background:rgba(255,255,255,.06);border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.15);color:#fff;outline:0}.editor-input::placeholder{color:#475569}select.editor-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:10px}.accordion-item{background:0 0;border:1px solid var(--border-color);border-radius:12px!important;margin-bottom:12px;overflow:hidden}.accordion-button{background:var(--editor-surface);color:var(--text-main);font-weight:600;padding:16px 20px;box-shadow:none!important}.accordion-button:not(.collapsed){background:rgba(99,102,241,.1);color:#818cf8;border-bottom:1px solid var(--border-color)}.accordion-button::after{filter:invert(1) grayscale(100%) brightness(200%)}.accordion-body{padding:20px;background:var(--editor-bg)}.dynamic-row{background:rgba(255,255,255,.02);border:1px solid var(--border-color);border-left:3px solid var(--accent);border-radius:8px;padding:16px;margin-bottom:16px;position:relative}.btn-remove-row{position:absolute;top:-10px;right:-10px;width:24px;height:24px;background:#ef4444;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .2s}.btn-remove-row:hover{transform:scale(1.1)}.btn-add-row{width:100%;background:rgba(99,102,241,.1);color:#818cf8;border:1px dashed rgba(99,102,241,.4);padding:10px;border-radius:8px;font-weight:600;transition:all .2s}.btn-add-row:hover{background:rgba(99,102,241,.2);border-color:var(--accent)}.preview-pane{flex:1;background-color:var(--preview-bg);background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:20px 20px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:40px 20px;position:relative}.a4-wrapper{background:#fff;width:210mm;min-height:257mm;box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);border-radius:2px;overflow:hidden;transform-origin:top center;margin-bottom:60px;transition:all .3s ease}@media (max-width:1400px){.a4-wrapper{transform:scale(.85);margin-bottom:-10%}}@media (max-width:1200px){.a4-wrapper{transform:scale(.7);margin-bottom:-25%}}.download-cta{position:fixed;bottom:40px;right:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:16px 32px;border-radius:50px;font-size:1.1rem;font-weight:700;box-shadow:0 10px 30px rgba(99,102,241,.4);cursor:pointer;transition:all .3s cubic-bezier(.175, .885, .32, 1.275);display:flex;align-items:center;gap:10px;z-index:100}.download-cta:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 35px rgba(99,102,241,.6)}.htmx-indicator{position:absolute;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:200% 100%;animation:loadingStrip 1.5s infinite linear;opacity:0;transition:opacity .2s;z-index:50}@keyframes loadingStrip{0%{background-position:100% 0}100%{background-position:-100% 0}}.htmx-request .htmx-indicator{opacity:1}.htmx-request.htmx-indicator{opacity:1}@media (max-width:1400px){.a4-wrapper{transform:scale(.85);margin-bottom:-10%}}@media (max-width:1200px){.a4-wrapper{transform:scale(.7);margin-bottom:-25%}}@media (max-width:991px){body{overflow-y:auto!important;height:auto!important}.maker-layout{flex-direction:column;height:auto}.editor-pane{width:100%;min-width:100%;height:auto;box-shadow:none;border-right:none;border-bottom:1px solid var(--border-color)}.editor-body{overflow-y:visible;padding-bottom:40px}.preview-pane{width:100%;height:auto;min-height:80vh;padding:60px 10px 20px 10px;overflow:hidden}.a4-wrapper{transform:scale(.45);margin-top:-35%;margin-bottom:-35%}.download-cta{bottom:20px;right:20px;padding:12px 24px;font-size:1rem}}@media (max-width:576px){.a4-wrapper{transform:scale(.38);margin-top:-10%;margin-bottom:-45%}.download-cta{bottom:15px;right:15px;padding:10px 20px;font-size:.9rem}}@media (max-width:400px){.a4-wrapper{transform:scale(.33);margin-top:-1%;margin-bottom:-50%}}