.customizer-wrapper{position:fixed;bottom:2rem;right:6rem;z-index:101;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;--input-color: var(--slate-50)}.customizer-toggle{width:56px;height:56px;border-radius:50%;background:#fff;border:none;box-shadow:#2d23421a 0 4px 8px,#2d23420d 0 7px 13px -3px,var(--slate-200) 0 -3px 0 inset;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s,transform .2s,background-color .2s;user-select:none;-webkit-user-select:none;touch-action:manipulation;color:var(--slate-800)}.customizer-toggle:focus{outline:none;box-shadow:var(--primary) 0 0 0 2px,#2d23421a 0 4px 8px,var(--slate-200) 0 -3px 0 inset}.customizer-toggle:hover{background-color:var(--slate-50);transform:translateY(-2px);box-shadow:#2d234226 0 6px 12px,#2d23420d 0 7px 13px -3px,var(--slate-200) 0 -3px 0 inset}.customizer-toggle:active{box-shadow:var(--slate-200) 0 3px 7px inset;transform:translateY(1px)}.customizer-panel{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:#2d23421a 0 10px 30px,#0000000d 0 4px 6px;width:280px;border:1px solid var(--slate-200);display:none}.customizer-wrapper.is-open .customizer-panel{display:block;animation:slideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.control-group{margin-bottom:1.5rem}.control-group:last-child{margin-bottom:0}.control-group .label-title{display:block;font-size:.75rem;color:var(--slate-500);margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.control-group select{width:100%;padding:.75rem;border-radius:8px;background:var(--input-color);border:1px solid var(--slate-200);cursor:pointer;color:var(--slate-800);font-family:inherit;transition:border-color .2s,box-shadow .2s}.control-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--accent)}.color-input-wrapper{display:flex;align-items:center;gap:.8rem;background:var(--input-color);padding:.5rem;border-radius:8px;border:1px solid var(--slate-100);cursor:pointer}.color-input-wrapper input[type=color]{border:2px solid white;width:34px;height:34px;cursor:pointer;background:none;border-radius:6px;padding:0;box-shadow:0 2px 4px #0000001a}.color-input-wrapper span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;color:var(--slate-600)}.range-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--slate-400);margin-top:.4rem;font-weight:500}.customizer-panel input[type=range]{width:100%;accent-color:var(--primary)}.language-selector{display:flex;align-items:center;gap:.4rem;background:var(--slate-100);padding:.3rem;border-radius:10px}.lang-btn{background:transparent;border:none;border-radius:7px;cursor:pointer;padding:8px;font-size:1.2rem;opacity:.5;transition:all .2s ease;flex:1;display:flex;justify-content:center}.lang-btn:hover{opacity:1;background-color:#fff6}.lang-btn.active{opacity:1;background-color:#fff;color:var(--primary);box-shadow:0 2px 4px #0000000d}#editor{--section-background: white;--input-border: var(--slate-200);--text-label: var(--slate-500);--error: oklch(65% .2 20);--error-accent: oklch(95% .05 20);--add: var(--primary);--add-accent: var(--accent);background-color:var(--editor-background);display:flex;flex-direction:column;gap:1.5rem;padding:1rem;overflow-y:scroll;scrollbar-gutter:stable}#editor::-webkit-scrollbar{width:10px}#editor::-webkit-scrollbar-track{background:var(--slate-50)}#editor::-webkit-scrollbar-thumb{background:var(--slate-400);border-radius:5px;border:2px solid var(--slate-50)}#editor::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}#editor h3{margin-top:0;font-weight:400;color:var(--slate-800)}.editor-section{background-color:var(--section-background);border-radius:8px;padding:1.5rem;box-shadow:#2d23421a 0 2px 4px,#2d23420d 0 7px 13px -3px,var(--slate-200) 0 -3px 0 inset}.card-container{padding-bottom:1rem}.two-col,.card-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.two-col>*:last-child:nth-child(odd){grid-column:1 / span 2}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-group label,.tags-label{font-weight:500;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;color:var(--text-label);margin:0}.field-group input,.field-group textarea,.tag-item input{font-weight:400;font-family:inherit;color:var(--slate-800)}.tag-item{width:fit-content}.field-group input,.field-group textarea{padding:.6rem;border:1px solid var(--input-border);border-radius:6px;font-size:.9rem;background-color:var(--slate-50);transition:border-color .2s,box-shadow .2s}.field-group input:focus,.field-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--accent)}.field-group textarea{resize:none;field-sizing:content}.field-group input.input-error,.field-group textarea.input-error{border-color:var(--error);background-color:var(--error-accent)}.required-symbol,.error-text{color:var(--error)}.error-text{font-size:.75rem;font-weight:500}.item-card .item-card-inner{display:flex;flex-direction:column;gap:1rem}.card.item{margin-bottom:1.5rem;padding:1.25rem;border:1px solid var(--slate-100);background-color:var(--slate-50)}.card-header{width:100%;display:inline-flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.card-header>span{font-size:.7rem;font-weight:500;color:var(--slate-400);text-transform:uppercase}.btn-add,.btn-remove{width:fit-content;border:none;cursor:pointer;padding:6px 14px;border-radius:6px;font-weight:600;font-size:.8rem;transition:opacity .2s,transform .1s}.btn-add:active,.btn-remove:active{transform:scale(.98)}.btn-add{color:var(--primary);background-color:var(--accent)}.btn-remove{color:var(--error);background-color:var(--error-accent)}.empty-label{color:var(--slate-400);font-style:italic;font-size:.9rem}.string-list-container{display:flex;flex-direction:column;gap:.5rem}.string-list{display:inline-flex;flex-wrap:wrap;gap:.5rem}.tag-item{position:relative}.tag-item>input{font-size:.8rem;border-radius:20px;border:1px solid var(--input-border);padding:6px 30px 6px 12px;background-color:#fff}.tag-item>button{width:22px;height:22px;border:none;border-radius:50%;position:absolute;top:50%;right:4px;transform:translateY(-50%);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--slate-400)}.tag-item>button:hover{color:var(--error);background-color:var(--error-accent)}.toolbar-btn{appearance:none;background-color:#fff;border-radius:2vmax;border-width:0;box-shadow:#2d23421a 0 2px 4px,#2d23420d 0 7px 13px -3px,var(--slate-200) 0 -3px 0 inset;box-sizing:border-box;color:var(--slate-800);cursor:pointer;font-family:inherit;line-height:1;padding:10px 20px;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:.85rem;font-weight:600}.toolbar-btn.primary{background-color:var(--primary);color:#fff;box-shadow:#2d234233 0 2px 4px,#2d234226 0 7px 13px -3px,#00000026 0 -3px inset}.toolbar-btn.primary:focus{box-shadow:#0000001a 0 0 0 1.5px inset,#2d234233 0 2px 4px,#2d234226 0 7px 13px -3px,#00000026 0 -3px inset}.toolbar-btn.primary:hover{background-color:var(--primary);filter:brightness(1.1);transform:translateY(-1px)}.toolbar-btn.primary:active{box-shadow:#0000001a 0 3px 7px inset;transform:translateY(1px)}.toolbar-btn:focus{box-shadow:var(--slate-200) 0 0 0 1.5px inset,#2d23421a 0 2px 4px,#2d23420d 0 7px 13px -3px,var(--slate-200) 0 -3px 0 inset}.toolbar-btn:hover{transform:translateY(-1px);background-color:var(--slate-50)}.toolbar-btn:active{box-shadow:var(--slate-200) 0 3px 7px inset;transform:translateY(1px)}@media print{#editor{display:none!important}}.sortable-list{display:flex;flex-direction:column;gap:.75rem}.sortable-item{display:flex;align-items:flex-start;gap:.5rem;background:#fff;border-radius:8px;position:relative;transition:opacity .2s ease;box-sizing:border-box}.card-container.sortable-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.card-container .sortable-item{flex-direction:column}.sortable-item.is-dragging{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:100;opacity:.3}.drag-handle-wrapper{display:flex;align-items:center;justify-content:center;padding-top:.5rem;color:var(--slate-400);opacity:.5;transition:opacity .2s}.drag-handle-wrapper:hover{opacity:1}.item-content-wrapper{flex:1;width:100%}.string-list.sortable-list{flex-direction:column!important;flex-wrap:wrap!important;gap:.5rem;min-height:auto}.string-list .sortable-item{flex-direction:row!important;align-items:center;background:transparent}.string-list .drag-handle-wrapper{padding-top:0}.is-dragging-overlay{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.75rem!important;box-shadow:0 15px 35px #0003;background:#fff!important;border-radius:8px;cursor:grabbing;pointer-events:none;z-index:9999;border:2px solid var(--primary);opacity:.98;padding:8px 12px;box-sizing:border-box;transform-origin:center center}.is-dragging-overlay.string-list{width:fit-content!important;min-width:140px;white-space:nowrap}.is-dragging-overlay.card-container{width:380px!important;max-width:90vw;white-space:normal}.is-dragging-overlay .drag-handle-wrapper{padding-top:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.is-dragging-overlay .item-content-wrapper{flex:1!important;width:auto!important}.is-dragging-overlay *{pointer-events:none!important}