.export-bar{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.export-label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-right:.5rem}.export-btn{padding:.4rem .85rem;font-family:Karla,system-ui,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.03em;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.export-btn:hover{background:var(--text);color:var(--surface);border-color:var(--text);transform:translateY(-1px)}.export-btn:active{transform:translateY(0)}@media(max-width:600px){.export-bar{gap:.5rem}.export-btn{padding:.65rem 1.1rem;font-size:.85rem;min-height:44px}}.mobile-editor-overlay{position:fixed;inset:0;z-index:1000;background:#2a252059;display:flex;align-items:flex-end;animation:mobileOverlayIn .2s ease both}@keyframes mobileOverlayIn{0%{opacity:0}to{opacity:1}}.mobile-editor-sheet{width:100%;max-height:60vh;background:var(--surface);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #2a25201f;display:flex;flex-direction:column;animation:mobileSheetIn .25s ease both}@keyframes mobileSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.mobile-editor-title{font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:500;letter-spacing:-.01em}.mobile-editor-done{padding:.4rem 1rem;font-family:Karla,system-ui,sans-serif;font-size:.85rem;font-weight:600;border:1px solid var(--border);border-radius:8px;background:var(--text);color:var(--surface);cursor:pointer;min-height:36px}.mobile-editor-items{padding:.75rem 1.25rem 1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-editor-row{display:flex;align-items:flex-start;gap:.5rem;min-height:44px}.mobile-editor-dash{color:var(--text-muted);font-size:1rem;flex-shrink:0;line-height:1.5;padding-top:.55rem;-webkit-user-select:none;user-select:none}.mobile-editor-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:Karla,system-ui,sans-serif;font-size:1rem;line-height:1.5;color:var(--text);padding:.5rem 0;resize:none;overflow:hidden;border-bottom:1px solid var(--border)}.mobile-editor-input:focus{border-bottom-color:var(--border-hover)}.mobile-editor-input::placeholder{color:var(--text-muted);font-style:italic}.mobile-editor-add{display:block;width:100%;padding:.75rem;margin-top:.5rem;font-family:Karla,system-ui,sans-serif;font-size:.9rem;font-weight:500;color:var(--text-muted);background:transparent;border:1px dashed var(--border);border-radius:8px;cursor:pointer;text-align:center;min-height:44px}.mobile-editor-add:active{background:var(--left-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editor{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:3rem 2rem}.editor-header{text-align:center;margin-bottom:2.5rem;animation:fadeUp .6s ease both}.editor-logo{font-family:Fraunces,Georgia,serif;font-optical-sizing:auto;font-size:2.1rem;font-weight:480;letter-spacing:-.03em;color:var(--text);text-decoration:none;transition:opacity .2s ease}.editor-logo:hover{opacity:.7}.editor-subtitle{font-size:.875rem;color:var(--text-muted);margin:.3rem 0 0;font-weight:400;letter-spacing:.015em}.editor-main{width:100%;max-width:min(820px,90vw);background:var(--surface);border-radius:16px;padding:2rem 2.5rem 1.5rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:box-shadow .3s ease;animation:fadeUp .6s ease .1s both}.editor-main:hover{box-shadow:var(--shadow-hover)}.shape-slider{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.shape-slider-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-right:.25rem}.shape-slider-end{font-size:.75rem;color:var(--text-muted);font-weight:500;flex-shrink:0}.shape-slider-input{-webkit-appearance:none;appearance:none;width:120px;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer;transition:background .2s ease}.shape-slider-input:hover{background:var(--border-hover)}.shape-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text);border:2px solid var(--surface);box-shadow:0 1px 3px #2a252033;cursor:pointer;transition:transform .15s ease}.shape-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.shape-slider-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text);border:2px solid var(--surface);box-shadow:0 1px 3px #2a252033;cursor:pointer}@media(min-width:1400px){.editor-main{max-width:960px}}@media(min-width:1800px){.editor-main{max-width:1100px;padding:2.5rem 3rem 2rem}}@media(max-width:600px){.editor{padding:1.25rem .5rem}.editor-header{margin-bottom:1.5rem}.editor-main{padding:1rem .75rem;border-radius:10px;max-width:100%}.editor-logo{font-size:1.7rem}.shape-slider{flex-wrap:wrap;gap:.4rem}.shape-slider-input{width:160px;height:6px}.shape-slider-input::-webkit-slider-thumb{width:28px;height:28px}.shape-slider-input::-moz-range-thumb{width:28px;height:28px}}
