/*! InkRunner Design-Werkzeug​‌​​‌‌​‌ * (c) 2026 DhinoTec - H. Hohmann. Alle Rechte vorbehalten. * Kein Teil dieser Datei darf ohne schriftliche Zustimmung uebernommen, * nachgebaut oder weiterverbreitet werden. * Erzeugt aus InkRunner-Admin.html - Build d183cd435431 */:root{--bg:#f3f4f6;--panel:#ffffff;--panel-accent:#f8fafc;--text:#1e293b;--text-muted:#64748b;--border:#cbd5e1;--primary:#00b4cc;--primary-dark:#0097a7;--primary-glow:rgba(0, 180, 204, .15);--danger:#ef4444;--danger-bg:rgba(239, 68, 68, .1);--warn:#f59e0b}body{overflow-x:clip;margin:0;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.inkrunner-wrapper{font-family:Inter,system-ui,sans-serif;padding:30px 15px;background:0 0;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;min-height:800px;box-sizing:border-box;display:flex;justify-content:center;font-size:18px;max-width:100vw;overflow-x:clip}.main-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1750px;box-sizing:border-box}.top-section{width:100%;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.bottom-section{display:flex;gap:24px;width:100%;align-items:flex-start;box-sizing:border-box}.info-icon{display:inline-flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--text-muted);color:var(--text-muted);font-size:18px;font-weight:700;font-family:Bitter,serif;font-style:italic;cursor:help;position:relative;margin-left:10px;transition:.2s;background:var(--panel-accent)}.info-icon:hover{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.info-icon:after{content:attr(data-tooltip);position:absolute;bottom:150%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:14px 18px;border-radius:8px;font-size:19.2px;font-family:Inter,system-ui,sans-serif;font-weight:400;font-style:normal;white-space:pre-wrap;width:max-content;max-width:350px;pointer-events:none;opacity:0;transition:.2s;border:none;z-index:1000;box-shadow:0 10px 25px #0003;text-transform:none;letter-spacing:normal}.info-icon:hover:after{opacity:1;bottom:130%}.icon-warn{border-color:var(--warn);color:var(--warn)}.icon-warn:hover{background:var(--warn);border-color:var(--warn);color:#fff;box-shadow:0 0 8px #f59e0b66}.icon-danger{border-color:var(--danger);color:var(--danger)}.icon-danger:hover{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 0 8px #ef444466}.icon-info-gray{border-color:#94a3b8;color:#94a3b8}.icon-info-gray:hover{background:#94a3b8;border-color:#94a3b8;color:#fff;box-shadow:0 0 8px #94a3b866}.controls{flex:1;display:flex;flex-direction:column;gap:16px;height:100%;min-width:0}.side-previews{flex:0 0 350px;display:flex;flex-direction:column;gap:16px;min-width:0}.accordions-wrapper{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}@media(min-width:1000px){.tools-container.has-object{max-width:none!important}.accordions-wrapper.has-object{display:flex;align-items:flex-start;gap:10px}.accordions-wrapper.has-object>.accordion-item{flex:1 1 0;min-width:0;max-width:none!important}.accordions-wrapper.has-object>#objectTools{order:2}.accordions-wrapper.has-object>.accordion-item:not(#objectTools){order:1}.accordions-wrapper.has-object .text-tools-row{flex-wrap:wrap}}.setup-bar-container{display:flex;flex-wrap:nowrap;gap:12px;align-items:stretch;width:100%;box-sizing:border-box}.setup-item{display:flex;flex-direction:column;align-items:stretch;gap:8px;border:2px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--panel-accent);flex:1 1 auto;min-width:0;box-sizing:border-box}.setup-item.dynamic-setting{max-width:0;opacity:0;padding:0;margin:0;border-width:0;overflow:hidden;transition:all .3s ease-out;visibility:hidden}.setup-item.dynamic-setting.active{max-width:350px;opacity:1;padding:10px 12px;border-width:2px;visibility:visible}.setup-label{font-size:18.4px;font-weight:800;color:var(--text-muted);text-transform:uppercase;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;letter-spacing:.05em}.accordion-item{background:var(--panel);border:2px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s;flex-shrink:0;box-shadow:0 6px 12px #0000000f;display:flex;flex-direction:column;height:100%;position:relative}.accordion-header{padding:10px 14px;background:var(--panel);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:23.2px;line-height:1.1;text-transform:uppercase;color:var(--text);letter-spacing:.05em;-webkit-user-select:none;user-select:none;transition:.2s}.accordion-content{padding:14px 18px;display:none;background:#fff;border-top:2px solid var(--border);flex-direction:column;gap:12px;flex:1;min-width:0}.accordion-content.active{display:flex}.chevron{transition:transform .3s ease;font-size:22.4px;color:var(--text-muted)}.chevron.open{transform:rotate(180deg);color:var(--primary)}.control-label{font-size:18.4px;font-weight:800;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;display:flex;align-items:center}input[type=number],input[type=text]{padding:12px 14px;border:2px solid var(--border);border-radius:8px;width:100%;box-sizing:border-box;font-size:20.8px;background:var(--panel-accent);color:var(--text);transition:border-color .2s,box-shadow .2s;font-family:inherit;font-weight:600;min-width:0}input:focus{outline:0;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-glow)}select{padding:12px 14px;border:2px solid var(--border);border-radius:8px;width:100%;box-sizing:border-box;font-size:20.8px;background-color:var(--panel-accent);color:var(--text);transition:border-color .2s,box-shadow .2s;font-family:inherit;font-weight:600;min-width:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:38px!important;cursor:pointer}select:focus{outline:0;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px var(--primary-glow)}@keyframes highlightPulse{0%{box-shadow:0 0 #00b4cc00;border-color:var(--border);transform:scale(1)}50%{box-shadow:0 0 0 4px #00b4cc26;border-color:var(--primary);transform:scale(1.01);background:#fff}to{box-shadow:0 0 #00b4cc00;border-color:var(--border);transform:scale(1);background:var(--panel-accent)}}.highlight-input{animation:highlightPulse 1.5s ease-in-out!important;position:relative;z-index:10}.btn{border:none;padding:12px 14px;border-radius:8px;font-size:20.8px;font-weight:800;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:.2s;width:100%;box-sizing:border-box;text-transform:uppercase;letter-spacing:.05em;min-width:0}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 8px 25px #00b4cc4d;transform:translateY(-2px)}@keyframes pulseCart{0%{box-shadow:0 0 #00b4cc99}70%{box-shadow:0 0 0 15px #00b4cc00}to{box-shadow:0 0 #00b4cc00}}.btn-cart{font-size:24.8px!important;padding:22px!important;background:linear-gradient(45deg,var(--primary),#00d2ff)!important;box-shadow:0 8px 25px #00b4cc80!important;letter-spacing:.08em;animation:pulseCart 2s infinite}.btn-cart:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #00b4cc99!important;animation:none}.btn-danger{background:#fff;color:var(--danger);border:2px solid var(--danger-bg)}.btn-secondary{background:var(--panel-accent);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8}.btn-secondary.active{background:var(--primary);color:#fff;border-color:var(--primary)}.toggle-group{display:flex;width:100%;border:2px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:2px}.toggle-btn{flex:1;border:none;background:var(--panel-accent);padding:10px 8px;font-size:20px;cursor:pointer;color:var(--text-muted);font-weight:800;border-right:2px solid var(--border);transition:.2s;text-transform:uppercase;letter-spacing:.02em;min-width:0;display:flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}.toggle-btn:last-child{border-right:none}.toggle-btn.active{background:var(--primary);color:#fff;pointer-events:none}.toggle-btn:hover:not(.active):not(.disabled){background:#e2e8f0;color:var(--text)}.toggle-btn.disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.setup-item .toggle-btn{padding:8px 16px;font-size:17.6px;min-width:40px}.toggle-group.grid-2x2{display:grid;grid-template-columns:1fr 1fr}.toggle-group.grid-2x2 .toggle-btn{border-right:none}.toggle-group.grid-2x2 .toggle-btn:first-child{border-right:2px solid var(--border);border-bottom:2px solid var(--border)}.toggle-group.grid-2x2 .toggle-btn:nth-child(2){border-bottom:2px solid var(--border)}.toggle-group.grid-2x2 .toggle-btn:nth-child(3){border-right:2px solid var(--border)}.toggle-group.grid-2x2 .toggle-btn:nth-child(4){border-right:none}.drop-zone{border:2px dashed var(--primary);border-radius:8px;padding:24px 14px;text-align:center;background:var(--primary-glow);color:var(--primary-dark);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.drop-zone.dragover,.drop-zone:hover{background:var(--primary);color:#fff;border-style:solid}.drop-zone-icon{font-size:28px;line-height:1;margin-bottom:4px}.drop-zone-text{font-weight:800;font-size:18.4px}.drop-zone-sub{font-size:15.2px;opacity:.8;font-weight:600}.symbol-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-bottom:5px}.btn-symbol{font-size:28.8px;padding:10px;background:var(--panel-accent);color:var(--text);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:.2s;display:flex;justify-content:center;align-items:center}.btn-symbol:hover{background:var(--primary-glow);border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.d-btn{width:100%;height:36px;background:#fff;border:2px solid var(--border);border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-weight:800;transition:.1s;box-shadow:0 2px 4px #00000005}.d-btn:hover{background:var(--primary-glow);color:var(--primary);border-color:var(--primary)}.d-btn:active{background:var(--primary);color:#fff;transform:scale(.95)}.arrow-control{display:flex;width:100%;align-items:center;gap:12px;background:#fff;padding:8px 12px;border:2px solid var(--border);border-radius:8px;justify-content:space-between;box-sizing:border-box}.arrow-label{font-size:19.2px;color:var(--text);font-weight:800;text-transform:uppercase}.arrow-group{display:flex;gap:8px}.setup-item .arrow-control{margin:0;padding:4px 6px;gap:4px}.setup-item .arrow-label{font-size:13.6px;white-space:nowrap}.setup-item .d-btn{width:28px;height:28px;font-size:14px}.fixed-export-area{background:var(--panel);border:2px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;flex-shrink:0;box-shadow:0 8px 20px #00000014}.canvas-card{background:var(--panel);padding:18px;border-radius:12px;display:flex;flex-direction:column;width:100%;box-sizing:border-box;border:2px solid var(--border);position:relative;box-shadow:0 8px 24px #00000014;min-width:0}.editor-layout{display:flex;gap:0;width:100%;align-items:flex-start;padding-top:24px;min-width:0}.ruler-col{position:relative;border-right:2px solid var(--border);margin-right:25px;display:flex;flex-direction:column;flex:0 0 50px}.ruler-numbers{flex:1;display:flex;flex-direction:column-reverse;justify-content:space-between;font-size:15px;color:var(--text-muted);text-align:right;padding-right:18px;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700}.ruler-numbers span{position:relative;line-height:0;height:0;display:flex;align-items:center;justify-content:flex-end}.ruler-numbers span:after{content:"";position:absolute;right:-18px;width:12px;height:2px;background:var(--border)}.unit-label{position:absolute;top:-32px;right:0;font-size:14px;font-weight:900;color:var(--primary);text-transform:uppercase}.canvas-scroll-wrapper{flex:1;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;border-radius:4px;scrollbar-width:auto;scrollbar-color:var(--primary) var(--panel-accent);-webkit-overflow-scrolling:touch;min-width:0;display:flex;flex-direction:column}.canvas-scroll-wrapper::-webkit-scrollbar{height:12px}.canvas-scroll-wrapper::-webkit-scrollbar-track{background:var(--panel-accent);border-radius:8px;border:1px solid var(--border);margin:0 4px}.canvas-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--primary);border-radius:8px;border:2px solid var(--panel-accent);cursor:pointer}.canvas-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.canvas-container{position:relative;background:#fff;border:2px solid var(--border);overflow:hidden;border-radius:4px;flex-shrink:0;box-shadow:inset 0 0 10px #00000005}canvas{width:100%;height:100%;display:block;cursor:crosshair}.mobile-swipe-spacer,.mobile-swipe-text{display:none}#repeatCanvas{width:100%;height:80px;border:2px dashed var(--border);background-color:#f8fafc;display:block;border-radius:8px}#threeContainer{width:100%;height:300px;background:radial-gradient(circle at center,#fff 0,#e2e8f0);border:2px solid var(--border);border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 0 20px #0000000d}.threed-controls{position:absolute;top:15px;left:15px;background:#ffffffe6;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:10px;z-index:10;border:2px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 10px #0000000d}.threed-label{font-size:17.6px;font-weight:900;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.status-header{display:flex;justify-content:space-between;width:100%;margin-bottom:12px;align-items:center;border-bottom:2px solid var(--border);padding-bottom:10px}.canvas-title{color:var(--text);font-size:21.6px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.tools-container{margin-top:15px;padding-top:15px;border-top:2px solid var(--border)}@keyframes fadeInBlock{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.fade-in-block{animation:fadeInBlock .2s ease-out}.text-tools-row{display:flex;gap:6px;width:100%;align-items:stretch;flex-wrap:nowrap}.btn-convert-text{font-size:16.8px;border-color:var(--primary);color:var(--primary-dark);white-space:nowrap;flex:0 0 auto;width:auto!important;padding:10px 20px}.ir-ask-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:none;align-items:center;justify-content:center;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px;box-sizing:border-box}.ir-ask-overlay.open{display:flex}.ir-ask{background:var(--panel);color:var(--text);border:2px solid var(--border);border-radius:14px;padding:22px 24px;width:min(440px,100%);box-sizing:border-box;box-shadow:0 24px 60px #0f172a4d}.ir-ask-title{margin:0 0 8px;font-size:18.4px;font-weight:800;line-height:1.3}.ir-ask-text{margin:0 0 20px;font-size:15.2px;line-height:1.5;color:var(--text-muted);white-space:pre-line}.ir-ask-buttons{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.ir-ask-buttons button{font:inherit;font-weight:700;cursor:pointer;border-radius:9px;padding:10px 18px;border:2px solid var(--border);background:var(--panel-accent);color:var(--text)}.ir-ask-buttons button:hover{border-color:var(--primary)}.ir-ask-yes{background:var(--primary);border-color:var(--primary);color:#fff}.ir-ask-yes:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.ir-ask-yes.danger{background:var(--danger);border-color:var(--danger)}.ir-ask-yes.danger:hover{background:#dc2626;border-color:#dc2626}.crop-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;padding:20px 0;box-sizing:border-box;background:#000000bf;z-index:999999;display:none;justify-content:center;align-items:center;flex-direction:column;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.crop-modal-content{background:var(--panel);padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:16px;width:90vw;max-width:900px;box-shadow:0 20px 50px #0000004d}.crop-canvas-wrapper{position:relative;overflow:hidden;width:100%;display:flex;justify-content:center;background:var(--panel-accent);border:2px dashed var(--border);border-radius:8px}.crop-modal-content{max-height:92vh;overflow-y:auto}#splitCanvas{max-width:100%;max-height:55vh;object-fit:contain;display:block;cursor:crosshair;touch-action:none}#cropCanvas{max-width:100%;max-height:70vh;object-fit:contain;display:block;cursor:default;touch-action:none}.crop-actions{display:flex;gap:10px;width:100%;justify-content:flex-end}@media(max-width:1000px){.header-actions .btn-danger{display:none!important}.status-header{margin-bottom:10px;padding-bottom:8px;flex-wrap:wrap;gap:8px}.canvas-title{font-size:16px;display:flex;flex-wrap:wrap;gap:4px;width:100%}.tools-control-wrapper{flex-direction:column!important;gap:16px!important;align-items:stretch!important}.d-btn{width:100%!important;height:44px!important;font-size:18px!important}.size-rot-wrapper{width:100%}.inkrunner-wrapper{padding:10px;font-size:14px}.main-container{gap:16px}.bottom-section{flex-direction:column}#cardPreview .status-header{display:none!important}#cardEditor{border-radius:12px;padding:12px;display:flex;flex-direction:column}.editor-layout{order:2;padding-bottom:0;padding-top:18px}#repeatCanvasWrapper{order:3;margin-top:8px!important;padding-top:8px!important;border-top:none!important;border-bottom:2px solid var(--border);padding-bottom:12px}.repeat-heading{display:none!important}.tools-container{order:4;margin-top:12px;padding-top:0;border-top:none}.info-icon:after{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:85vw;max-width:320px;z-index:999999;box-shadow:0 10px 40px #00000080;bottom:auto}.info-icon:active:after,.info-icon:hover:after{top:50%;bottom:auto;opacity:1}.ruler-col{flex:0 0 16px;margin-right:6px;border-right:1px solid var(--border)}.unit-label{font-size:8px;top:-22px;right:2px}.ruler-numbers{font-size:8px;padding-right:4px}.ruler-numbers span:after{right:-4px;width:4px;height:1px}.setup-bar-container{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.setup-item{padding:8px 10px;margin:0}#setupItemGap{grid-column:1/-1}.setup-item.dynamic-setting{display:none!important}.setup-item.dynamic-setting.active{display:flex!important;grid-column:1/-1}.setup-label{font-size:15.2px;margin-bottom:6px;white-space:normal;line-height:1.2}.toggle-btn{font-size:18.4px;padding:12px 4px;letter-spacing:0}.setup-item .toggle-btn{padding:12px 4px;font-size:18.4px}.btn{font-size:16.8px;padding:10px}input[type=number],input[type=text],select{font-size:16.8px;padding:8px 10px}.control-label{font-size:15.2px}.accordion-header{font-size:18.4px;padding:12px 14px}.btn-cart{font-size:19.2px!important;padding:14px!important}.canvas-container{margin-bottom:26px!important;flex-shrink:0}.canvas-scroll-wrapper{overflow-x:scroll!important;padding-bottom:0;scrollbar-width:none;-ms-overflow-style:none}.canvas-scroll-wrapper::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.mobile-swipe-text{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:26px;background:var(--panel-accent);color:var(--text-muted);font-size:13.6px;font-weight:800;border-radius:0 0 6px 6px;border-top:1px dashed var(--border);pointer-events:none;z-index:10}#repeatCanvas{height:45px}.controls{width:100%;max-width:100%}.side-previews{flex:1 1 100%;width:100%;max-width:100%;min-width:100%;margin-top:10px}.symbol-grid{grid-template-columns:repeat(5,1fr)!important;gap:8px}.text-tools-row{flex-wrap:wrap}.btn-convert-text{flex:1 1 100%;margin-top:4px;width:100%}}#fillGroup .toggle-btn{flex:auto}.info-icon.badge-style{width:auto;white-space:nowrap;border-radius:12px;padding:2px 8px;font-family:inherit;font-style:normal;font-size:12px;letter-spacing:normal;animation:fadeInBlock .3s ease-out}@keyframes spin{to{transform:rotate(360deg)}}input,select{border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box}.num-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;background:var(--panel-accent);padding:8px;border-radius:8px;border:1px solid var(--border);box-sizing:border-box}.num-grid label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;font-size:11.84px;font-weight:700;letter-spacing:.02em;color:var(--text-muted);text-transform:none}.num-grid input{height:30px;padding:3px 6px!important;font-size:14.72px!important;text-align:center;min-width:0}.notice-title{font:inherit;text-align:left;background:0 0;border:0;padding:0;cursor:pointer;display:flex;align-items:center;gap:7px;width:100%}.notice-title:before{content:"\25be";font-size:.7em;line-height:1;flex:0 0 auto;transition:transform .15s;color:var(--text-muted)}.notice-zu .notice-title:before{transform:rotate(-90deg)}.notice-zu .notice-acts,.notice-zu .notice-body,.notice-zu .notice-do{display:none}.ir-readme{font:inherit;font-size:13.12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-left:14px;border:2px solid var(--primary);border-radius:999px;background:var(--primary-glow);color:var(--primary-dark);padding:5px 13px;line-height:1.2;white-space:nowrap}.ir-readme:hover{background:var(--primary);color:#fff}.ir-readme .ir-readme-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:linear-gradient(135deg,var(--danger) 0 50%,var(--warn) 50% 100%)}.ir-readme-box{width:min(560px,100%);max-height:min(72vh,680px);overflow-y:auto}.ir-readme-box .notice{margin-bottom:12px}.ir-readme-box .notice-title-plain{font-weight:800;color:var(--text);margin-bottom:6px}.ir-ask-text>div{white-space:normal}.ir-readme-box .notice:last-of-type{margin-bottom:0}@media(max-width:1000px){.tool-nav{margin-bottom:12px}.ir-readme-box{max-height:76vh}}.obj-label{flex:0 0 auto;width:auto;min-width:78px;font-size:13.76px;font-weight:700;letter-spacing:.01em;text-transform:none;color:var(--text);padding-left:8px;border-left:3px solid var(--primary);line-height:1.2}.obj-deselect{flex:0 0 auto;width:auto;height:42px;padding:8px 12px;font-size:14.72px;font-weight:700;white-space:nowrap;border-color:var(--border);color:var(--text-muted)}.obj-deselect:hover{border-color:var(--primary);color:var(--primary-dark)}.obj-select-row{display:flex;gap:8px;flex-wrap:wrap}#objectTools .symmetry-row{flex-wrap:wrap;gap:8px}#objectTools .symmetry-row select{flex:0 0 74px!important;width:74px!important}#objectTools .symmetry-row .btn{width:auto!important;flex:0 0 auto;white-space:nowrap}.obj-bottom-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}.obj-actions{display:flex;gap:8px;flex:1 1 260px;min-width:0}#objectTools .obj-actions .btn{flex:1 1 0!important;width:auto!important;min-width:0;height:34px!important;font-size:13.12px!important;padding:0 6px!important;border-color:var(--primary);color:var(--primary-dark)}#objectTools .obj-mirror{flex:1 1 auto;width:auto!important;min-width:0;height:36px!important;padding:0 10px!important;font-size:13.44px!important;white-space:nowrap;border-color:var(--primary);color:var(--primary-dark)}.obj-select-row .btn{flex:1 1 auto;width:auto;height:34px;padding:6px 12px;font-size:14.08px;border-color:var(--primary);color:var(--primary-dark)}.obj-advanced{border-top:1px solid var(--border);padding-top:8px}.obj-advanced>summary{cursor:pointer;font-size:13.12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-dark);padding:4px 0}.obj-advanced[open]>summary{margin-bottom:8px}.obj-advanced>:not(summary){margin-top:8px}.obj-lock{display:flex;align-items:center;gap:8px;font-size:12.8px;font-weight:600;color:var(--text-muted);line-height:1.3}.obj-lock input{width:16px;height:16px;flex:0 0 auto}.editor-view-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.editor-view-tools button{background:#fff;border:2px solid var(--border);border-radius:8px;cursor:pointer;font-size:16px;font-weight:800;color:var(--text-muted);height:34px;padding:0 10px;line-height:1}.editor-view-tools button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}:root{--bg:#f5f7f7;--panel:#ffffff;--panel-accent:#f2f5f5;--text:#161c1f;--text-muted:#6b767c;--border:#e2e7e8;--border-strong:#cdd5d7;--primary:#0b96a8;--primary-dark:#07798a;--primary-glow:rgba(11,150,168,.14);--primary-soft:#e7f4f6;--danger:#c8453a;--danger-bg:#fbeceb;--warn:#a97516;--ok:#2c7a5b;--radius:8px;--radius-sm:6px;--ctl-h:34px;--shadow-sm:0 1px 2px rgba(20,28,32,.06);--shadow-md:0 2px 8px rgba(20,28,32,.07);--a-bg:var(--bg);--a-panel:var(--panel);--a-line:var(--border);--a-text:var(--text);--a-mut:var(--text-muted);--a-primary:var(--primary)}.inkrunner-wrapper{background:var(--bg)}.crop-modal-overlay,.inkrunner-wrapper{font-family:Inter,system-ui,sans-serif}.inkrunner-wrapper{font-size:16px;padding:22px 14px}.admin-bar{border-bottom:1px solid var(--border);box-shadow:none;padding:9px 18px 10px;gap:9px}.admin-bar h1{font-weight:650;letter-spacing:.02em;text-transform:none;font-size:15.2px}.admin-bar input[type=text]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-weight:450;background:var(--panel-accent);height:var(--ctl-h);padding:0 11px}.admin-bar input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.a-sep{background:var(--border)}.a-btn,.a-tab{text-transform:none;letter-spacing:0;font-weight:550;font-size:13.68px;border-radius:var(--radius-sm);border-width:1px;height:var(--ctl-h);padding:0 13px;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s}.a-btn{border-color:var(--border-strong);background:var(--panel);color:var(--text)}.a-btn:hover{background:var(--panel-accent);border-color:var(--border-strong)}.a-btn.primary{background:var(--primary);border-color:var(--primary)}.a-btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.a-btn.ghost{border-color:var(--border-strong);color:var(--primary);background:var(--panel)}.a-btn.ghost:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.a-tabs{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:2px;gap:2px;background:var(--panel-accent)}.a-tab{border:none;background:0 0;color:var(--text-muted);height:28px}.a-tab:hover{color:var(--text)}.a-tab.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.a-status{font-weight:450;font-size:13.44px}.canvas-card,.control-group,.gen-card,.p-sec,.panel{border-width:1px!important;border-color:var(--border)!important;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.btn,.btn-danger,.btn-secondary,.btn-symbol{text-transform:none;letter-spacing:0;font-weight:550;border-width:1px;border-radius:var(--radius-sm)}.btn-primary{background:var(--primary);box-shadow:none}.btn-primary:hover{background:var(--primary-dark);box-shadow:none;transform:none}.btn:active{transform:none}.btn-secondary{border-color:var(--border-strong);background:var(--panel)}.btn-secondary:hover{background:var(--panel-accent);border-color:var(--border-strong)}.btn-secondary.active{background:var(--primary);border-color:var(--primary);color:#fff}.btn-danger{border-color:var(--border-strong)}.btn-danger:hover{border-color:var(--danger);background:var(--danger-bg)}.btn-symbol{border-color:var(--border);background:var(--panel);font-size:23.2px}.btn-symbol:hover{border-color:var(--primary);background:var(--primary-soft)}input,select,textarea{border:1px solid var(--border-strong)!important;border-radius:var(--radius-sm)!important;font:inherit;color:var(--text);background:var(--panel)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)}[style*="2px solid var(--border)"]{border-width:1px!important}hr{border:none;border-top:1px solid var(--border)}.accordion-header,.canvas-title,.control-label,.gen-head,.p-head{text-transform:none;letter-spacing:0;font-weight:600;color:var(--text)}.canvas-title{font-size:16.8px}.accordion-header{font-size:15.68px;padding:11px 14px;border-radius:var(--radius)}.control-label{font-size:12.8px;font-weight:550;color:var(--text-muted);letter-spacing:.01em;margin-bottom:5px}.p-head{font-size:15.2px}.control-label,.p-field>span{min-width:0;overflow-wrap:anywhere}.gen-actionbar{position:sticky;bottom:0;z-index:400;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 18px;margin-top:22px;background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -2px 10px #141c200f}.gen-actionbar-status{flex:1 1 200px;font-size:13.44px;color:var(--text-muted);text-align:left}.gen-actionbar .a-btn{min-width:148px}@media(max-width:700px){.gen-actionbar .a-btn{flex:1 1 140px;min-width:0}}.p-more{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);margin-top:14px}.p-more>summary{cursor:pointer;padding:10px 14px;font-size:14.08px;font-weight:550;color:var(--text);list-style:none;display:flex;align-items:center;gap:8px;border-radius:var(--radius)}.p-more>summary::-webkit-details-marker{display:none}.p-more>summary:before{content:"\25b8";color:var(--text-muted);font-size:.8em;transition:transform .15s}.p-more[open]>summary:before{transform:rotate(90deg)}.p-more[open]>summary{border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0}.p-more>:not(summary){padding-inline:14px}.p-more>:last-child{padding-bottom:12px}.p-more .p-sec{border:none!important;box-shadow:none;padding-inline:0}.p-why{display:inline}.p-why>summary{cursor:pointer;color:var(--primary);font-size:.95em;display:inline}.p-why[open]{display:block;margin-top:6px}.bottom-section{gap:18px;align-items:flex-start}.side-previews{flex:0 0 430px;max-width:430px;position:sticky;top:92px;max-height:calc(100vh - 108px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.side-previews>.tools-container{margin-top:0;padding-top:0;border-top:none}.side-previews #cardPreview{order:2}.side-previews .fixed-export-area{order:3}.controls{min-width:0}.side-previews #threeContainer{height:200px}@media(max-width:1200px){.bottom-section{flex-direction:column}.side-previews{flex:1 1 auto;max-width:100%;position:static;max-height:none;overflow:visible}}#objectTools{padding:12px 14px!important;border-color:var(--border)!important;box-shadow:var(--shadow-sm)!important;gap:10px!important}#objectTools [data-i18n=objTitle]{font-weight:600!important;font-size:12.48px!important;text-transform:none!important;letter-spacing:.02em!important;color:var(--text-muted)!important}#objectTools #layerDropdown{font-size:14.08px!important;font-weight:500!important;height:34px!important}#objectTools .btn-danger{font-size:13.12px!important;height:34px!important;padding:0 12px!important}#objectTools .size-rot-wrapper>div{flex-wrap:wrap!important;gap:4px 8px!important}#objectTools .size-rot-wrapper>div>span:not(.obj-label){width:auto!important;flex:1 0 100%!important;font-size:11.84px!important;font-weight:550!important;text-transform:none!important;letter-spacing:.01em!important;color:var(--text-muted)!important}#objectTools .d-btn{height:32px!important;font-size:13.6px}#objectTools input[type=number],#objectTools input[type=text]{height:32px;font-size:14.08px}.tools-container .a-btn,.tools-container .btn{white-space:normal}.tools-container .accordion-item [style*="display: flex"],.tools-container .accordion-item [style*="display:flex"]{flex-wrap:wrap}.tools-container .btn-secondary{font-size:13.44px;padding-inline:10px;min-width:0}.tools-container .accordion-item>div>span,.tools-container .control-label{text-transform:none;letter-spacing:.01em}#objectTools #layerDropdown{line-height:1.2!important;padding:0 8px!important}#objectTools>div,.tools-container .accordion-item>div{gap:6px}#objectTools .btn-secondary,#objectTools .d-btn{padding-inline:8px}.tools-container div[style*=uppercase],.tools-container label[style*=uppercase],.tools-container span[style*=uppercase]{text-transform:none!important;letter-spacing:.01em!important;font-weight:550!important;font-size:12.16px!important;color:var(--text-muted)!important}.toggle-group{gap:4px}.toggle-btn{white-space:nowrap;font-size:13.76px}#objectTools .symmetry-row .btn{font-size:13.12px!important;padding:0 6px!important;height:32px!important}#objectTools .symmetry-row select,#objectTools select{font-size:13.76px!important;height:32px!important}#objectTools .num-grid label{font-size:11.84px;color:var(--text-muted);text-transform:none}.tools-container .arrow-label{font-size:12.48px!important;font-weight:550!important;text-transform:none!important;color:var(--text-muted)!important}#objectTools .num-grid,.tools-container .num-grid{gap:6px}.bottom-section{gap:16px;align-items:flex-start}.side-previews{order:-1;flex:0 0 208px;max-width:208px;position:sticky;top:16px;display:flex;flex-direction:column;gap:12px}.controls{flex:1 1 auto;min-width:0}.tool-nav{display:flex;flex-direction:column;gap:2px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:5px;box-shadow:var(--shadow-sm)}.tool-nav-btn{-webkit-appearance:none;appearance:none;text-align:left;cursor:pointer;border:none;background:0 0;color:var(--text-muted);font:inherit;font-size:14px;font-weight:500;padding:8px 11px;border-radius:var(--radius-sm);line-height:1.3}.tool-nav-btn:hover{background:var(--panel-accent);color:var(--text)}.tool-nav-btn.active{background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.controls .accordion-header{display:none}.tools-container{margin-top:16px;padding-top:0;border-top:none}.side-previews #threeContainer{height:150px}.tool-nav-toggle{display:none}@media(max-width:1000px){.bottom-section{flex-direction:column}.side-previews{order:0;flex:1 1 auto;max-width:100%;position:static}.tool-nav{flex-direction:row;flex-wrap:wrap}.tool-nav-toggle{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;width:auto;max-width:100%;margin-bottom:8px;padding:9px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font:inherit;font-size:14.4px;font-weight:600;color:var(--text);cursor:pointer;line-height:1.2}.tool-nav-toggle .tnt-cur{color:var(--primary-dark);font-weight:700}.tool-nav-toggle .tnt-caret{color:var(--text-muted);font-size:12.8px}.tool-nav-toggle[aria-expanded=true] .tnt-caret{display:inline-block;transform:rotate(180deg)}.tool-nav{display:none}.tool-nav.offen{display:flex}.editor-view-tools .ir-hist{width:34px;height:34px;border-width:2px;font-size:16.8px}}.tools-container,#objectTools,.tools-container .accordion-item{max-width:760px}#objectTools .size-rot-wrapper>div>span:not(.obj-label){flex:0 0 auto!important;min-width:72px}#objectTools .size-rot-wrapper>div{flex-wrap:nowrap!important}.side-previews #cardPreview{padding:10px 12px}.side-previews .threed-controls{position:static;background:0 0;border:none;box-shadow:none;padding:0 0 6px;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:11.52px}.side-previews .threed-label{font-size:11.52px;color:var(--text-muted)}.side-previews .threed-controls input[type=checkbox]{width:14px!important;height:14px!important}.side-previews .fixed-export-area{order:3;padding:10px}.side-previews .notice-stack{order:4}.side-previews .btn-cart{width:100%}.notice-stack{position:fixed;right:16px;bottom:16px;z-index:6000;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}.notice{pointer-events:auto;background:var(--panel);color:var(--text);border:1px solid var(--border);border-left:4px solid var(--text-muted);border-radius:var(--radius);box-shadow:0 6px 22px #141c2024;padding:12px 14px;display:flex;flex-direction:column;gap:6px;animation:noticeIn .22s ease-out both,noticeBlink 1.1s ease-in-out 2}.notice[data-sev=warn]{border-left-color:var(--warn)}.notice[data-sev=stop]{border-left-color:var(--danger)}.notice[data-sev=info]{border-left-color:var(--primary)}.notice-head{display:flex;align-items:baseline;gap:8px}.notice-title{font-weight:600;font-size:14.72px;flex:1}.notice-close{-webkit-appearance:none;appearance:none;border:none;background:0 0;cursor:pointer;color:var(--text-muted);font-size:18.4px;line-height:1;padding:0 2px;align-self:flex-start}.notice-close:hover{color:var(--text)}.notice-body{font-size:13.52px;line-height:1.5;color:var(--text-muted)}.notice-body b{color:var(--text);font-weight:600}.notice-do{font-size:13.52px;line-height:1.5;color:var(--text)}.notice-act{align-self:flex-start;margin-top:2px;cursor:pointer;border:1px solid var(--primary);background:var(--primary-soft);color:var(--primary-dark);font:inherit;font-size:13.12px;font-weight:550;padding:6px 11px;border-radius:var(--radius-sm)}.notice-act:hover{background:var(--primary);color:#fff}@keyframes noticeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes noticeBlink{0%,to{box-shadow:0 6px 22px #141c2024}50%{box-shadow:0 6px 22px #141c2024,0 0 0 4px var(--primary-glow)}}@media(prefers-reduced-motion:reduce){.notice{animation:none}}.info-icon{cursor:pointer}.info-icon:after{display:none!important;content:none!important}.setup-bar-container{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;flex-wrap:wrap;align-items:start}.setup-item.dynamic-setting{display:none!important}.setup-item.dynamic-setting.active{display:flex!important;max-width:none}#setupItemGap{grid-column:span 2}@media(max-width:700px){#setupItemGap{grid-column:auto}}.setup-item{border-width:1px;border-radius:var(--radius);padding:10px 12px}.setup-label{font-size:12.16px!important;font-weight:550!important;text-transform:none!important;letter-spacing:.01em!important;color:var(--text-muted)!important;white-space:normal!important}.setup-item .toggle-btn{padding:7px 8px;font-size:13.44px;min-width:0;white-space:nowrap}.toggle-group{border-width:1px;border-radius:var(--radius-sm)}.toggle-group.grid-2x2 .toggle-btn{border-width:1px!important}.side-previews{flex:0 0 300px;max-width:300px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.notice-stack{position:static;width:auto;max-width:none;margin:0;right:auto;bottom:auto;order:3}.notice-stack:empty{display:none}.notice{padding:11px 12px;gap:5px}.notice-title{font-size:14px}.notice-body,.notice-do{font-size:12.8px;line-height:1.45}.notice-acts{display:flex;flex-direction:column;gap:6px;margin-top:4px}.notice-act{align-self:stretch;text-align:center;font-size:12.48px;padding:7px 9px}.notice-act.quiet{border-color:var(--border);background:var(--panel-accent);color:var(--text-muted)}.notice-act.quiet:hover{background:var(--panel);color:var(--text);border-color:var(--text-muted)}.notice-flash{animation:noticeBlink 1.1s ease-in-out 2}@media(max-width:1000px){.side-previews{max-height:none;overflow:visible}}#gapWarnIcon,#grayWarnIcon,#thinLineIcon{display:none!important}.setup-hint{margin:7px 0 0;font-size:12.16px;line-height:1.4;color:var(--text-muted)}#btnTextDone{width:100%;height:38px;font-size:14.08px;font-weight:700;border-color:var(--primary);color:var(--primary-dark)}#btnTextDone:disabled{border-color:var(--border);color:var(--text-muted)}.setup-hint.on{color:var(--primary-dark)}.setup-val{font-size:12.48px;font-weight:600;color:var(--text);margin-left:auto;margin-right:6px;white-space:nowrap;font-variant-numeric:tabular-nums}#hatchDirGroup .toggle-btn{font-size:12.8px;letter-spacing:.02em}#hatchSettingsContainer.active{grid-column:1/-1;display:block!important;max-width:none}#hatchSettingsContainer .hatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px}#hatchSettingsContainer .arrow-control{margin-top:0!important}#hatchSettingsContainer #hatchDirGroup{margin:6px 0 0!important;max-width:390px}@keyframes settingFlash{0%,to{box-shadow:none;border-color:var(--border)}50%{box-shadow:0 0 0 4px var(--primary-glow);border-color:var(--primary)}}.setting-flash{animation:settingFlash .85s ease-in-out 4}@media(prefers-reduced-motion:reduce){.setting-flash{animation:none;box-shadow:0 0 0 3px var(--primary-glow);border-color:var(--primary)}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:NaNs!important;transition-duration:NaNs!important}}.ir-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ir-hist{-webkit-appearance:none;appearance:none;cursor:pointer;width:32px;height:30px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:var(--radius-sm);font-size:16px;line-height:1}.ir-hist:hover:not(:disabled){background:var(--panel-accent);border-color:var(--text-muted)}.ir-hist:disabled{opacity:.4;cursor:default}.ir-status{flex:1 1 100%;font-size:12.48px;line-height:1.35;color:var(--text-muted)}.ir-status.ok{color:var(--ok)}.ir-status.err{color:var(--danger)}@media(max-width:1000px){.side-previews .fixed-export-area{position:sticky;bottom:0;z-index:500;background:var(--bg);border-top:1px solid var(--border);padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 16px #0f172a14}.side-previews .btn-cart{margin:0}} /*# sourceMappingURL=/cdn/shop/t/3/assets/inkrunner-designtool.css.map */