[hidden]{display:none!important}.settings-toggle{min-height:52px;padding:10px 15px;border-radius:12px;background:#f2f5fb;font-size:23px;display:flex;gap:10px;align-items:center}.settings-toggle span{font-size:14px;font-weight:600}.custom-color{width:48px;height:58px;display:grid;place-items:center;position:relative;cursor:pointer;border-radius:12px}.custom-color:before{content:'';width:30px;height:30px;border-radius:50%;background:conic-gradient(#e05260,#e3a126,#218c70,#3269df,#a855c8,#e05260)}.custom-color span{position:absolute;color:white;font-size:23px;pointer-events:none}.custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.custom-color.selected{outline:2px solid #3269df;outline-offset:-4px}.width-control{position:relative}.width-panel{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);width:260px;padding:22px;background:#fff;border:1px solid #e3e7ef;border-radius:16px;box-shadow:0 12px 45px #25395d20}.width-panel label,.pause-label{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.width-panel output,.pause-label output{color:#3269df}.stroke-preview{height:64px;display:flex;align-items:center;margin:12px 0}.stroke-preview span{display:block;width:100%;border-radius:30px}input[type=range]{width:100%;height:40px;accent-color:#3269df;cursor:pointer;touch-action:pan-x}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#939dad}.settings{position:absolute;z-index:5;right:18px;top:94px;bottom:160px;width:340px;max-width:calc(100% - 36px);padding:24px;overflow:auto;border-radius:18px;background:#fff;border:1px solid #e3e7ef;box-shadow:0 15px 55px #25395d20}.settings-heading{display:flex;align-items:center;justify-content:space-between}.settings h2{font-size:20px;margin:0}.settings h3{font-size:14px;margin-top:30px}.settings-close,.settings-heading button{width:48px;height:48px;font-size:30px;border-radius:12px;background:#f4f6fa}.background-options{display:flex;gap:8px}.background-option{padding:8px;width:88px;min-height:100px;border-radius:12px;border:2px solid #e9edf3;font-size:12px}.background-option.selected{border-color:#3269df;background:#f1f5ff}.paper{display:block;height:54px;width:100%;border-radius:5px;border:1px solid #e8ebf0;background-color:white;margin-bottom:8px}.paper.lined,main[data-background=lined]{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#dce5f0 31px,#dce5f0 32px)}.paper.grid,main[data-background=grid]{background-image:linear-gradient(#e0e7f0 1px,transparent 1px),linear-gradient(90deg,#e0e7f0 1px,transparent 1px);background-size:32px 32px}.paper.lined{background-size:auto 13px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 12px,#dce5f0 12px,#dce5f0 13px)}.paper.grid{background-size:13px 13px}.settings hr{border:0;border-top:1px solid #e9edf3;margin:26px 0}.beautify-label{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;line-height:1.5}.beautify-label input{height:25px;width:25px;accent-color:#3269df;flex-shrink:0}.settings p,.settings small{font-size:13px;color:#7c8697;line-height:1.6}.settings #recognition-info{padding:12px;border-radius:10px;background:#f2f5fb;color:#4f6380}.pause-label{margin-top:20px;font-size:13px}.selection-actions{position:absolute;z-index:3;top:112px;left:40px;display:flex;gap:10px;align-items:center;background:white;padding:8px 12px;border:1px solid #d7e2f9;border-radius:12px;box-shadow:0 4px 18px #25395d12;font-size:13px}.selection-actions button{min-height:48px;padding:0 15px;background:#eef3fc;border-radius:9px;font-weight:600}#selection-delete{color:#be394b;background:#fff1f3}@media(max-width:850px){.custom-color{width:42px}.toolbar{gap:8px}.tool{min-width:62px}}@media(max-width:640px){.width-panel{left:auto;right:-75px;transform:none;bottom:70px}.width-control{order:0}.settings-toggle span{display:none}.settings{top:78px;bottom:165px;right:12px;padding:18px}.selection-actions{top:86px;left:20px;max-width:calc(100% - 40px);gap:4px}.selection-actions span{display:none}.custom-color{height:48px}.colors{order:4}}
[hidden]{display:none!important}
.font-label{display:block;color:#7c8697;font-size:13px;margin-bottom:10px}
#font-picker{width:100%;min-height:52px;border:1px solid #dce3ee;border-radius:10px;padding:10px 12px;background:#fff;color:#233044;font:inherit;cursor:pointer}
.font-preview{font-family:"Comic Sans MS",sans-serif;padding:18px 10px;margin:12px 0;border:1px solid #e7ecf4;border-radius:10px;background:#f8faff;color:#3269df;font-size:22px;overflow-wrap:anywhere}
.insert-control{position:relative}.insert-panel{position:absolute;bottom:82px;left:0;width:250px;border:1px solid #e3e7ef;border-radius:15px;background:white;padding:8px;box-shadow:0 12px 45px #25395d20}.insert-panel button{display:block;min-height:58px;text-align:left;padding:12px;width:100%;border-radius:9px;font-size:15px}.insert-panel button:hover{background:#eef3fc}.table-actions{position:absolute;z-index:4;background:white;border:1px solid #d7e2f9;box-shadow:0 4px 18px #25395d12;padding:8px;border-radius:13px;width:210px}.table-actions>div{display:flex;align-items:center;gap:4px}.table-actions span{width:64px;font-size:12px;color:#6d7e96}.table-actions button{width:44px;height:48px;background:#edf3ff;color:#3269df;font-size:25px;border-radius:9px;margin:3px 0}.table-actions output{font-size:13px;min-width:25px;text-align:center}.insert-status{position:absolute;left:32px;bottom:153px;background:#eef4ff;color:#536988;padding:10px 14px;border-radius:10px;font-size:12px;max-width:calc(100% - 64px);pointer-events:none}.drop-target{outline:4px solid #3269df;outline-offset:-5px}.drop-target:after{content:'Bild hier ablegen';position:absolute;inset:0;display:grid;place-items:center;background:#edf4ffe6;color:#3269df;font-size:28px;pointer-events:none}@media(min-width:641px) and (max-width:1000px){.toolbar{gap:5px;padding:10px}.tool{min-width:58px}.color,.custom-color{width:40px}.color.selected:after{left:2px}.divider{height:36px}.toolbar .colors{gap:2px}}@media(max-width:640px){.insert-panel{bottom:70px}.table-actions{width:190px}.table-actions span{width:55px}.table-actions button{width:40px}.insert-status{left:20px;bottom:193px}.toolbar{max-width:calc(100% - 20px);gap:2px}.tool{min-width:52px}.tool-group{gap:2px}main{margin-bottom:180px}}