*,*:before,*:after{box-sizing:border-box}body{margin:0}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f7f8fa;margin:0;-webkit-user-select:none;user-select:none}.container{position:relative;background:#fff;box-shadow:0 4px 24px #6366f11a,0 1.5px 6px #0000000a;border-radius:16px;padding:40px 32px 28px;max-width:544px;width:100%;margin:40px 0;animation:fadeIn .7s}.switcher{position:fixed;top:14px;right:20px;display:flex;align-items:center;gap:7px;z-index:100}.switcher label{font-size:.82rem;font-weight:600;color:#6366f1;-webkit-user-select:none;user-select:none;white-space:nowrap}.switcher select{padding:5px 30px 5px 10px;font-size:.82rem;border:1.5px solid #a5b4fc;border-radius:7px;background-color:#f0f3ff;background-image:url('data:image/svg+xml;utf8,<svg fill="%236366f1" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 8px center;background-size:16px 16px;appearance:none;-webkit-appearance:none;color:#3730a3;font-weight:700;cursor:pointer;box-shadow:0 1px 4px #6366f11a;transition:border-color .2s,box-shadow .2s}.switcher select:focus{border-color:#6366f1;box-shadow:0 2px 8px #6366f12e;outline:none;background-color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{text-align:center;font-size:2.4rem;letter-spacing:.03em;color:#6366f1;font-weight:900;-webkit-user-select:none;user-select:none;word-break:break-word;white-space:normal;overflow-x:visible;padding-bottom:0}.package-link{text-align:center;margin-bottom:24px;font-size:1.08rem;color:#6366f1;font-family:JetBrains Mono,Fira Mono,Menlo,Consolas,monospace;font-weight:600}.package-link a{color:#222;background:#e0e7ff;border-radius:5px;padding:2px 8px;text-decoration:none;font-size:1.08rem;font-family:inherit;font-weight:700;transition:background .2s,color .2s}.package-link a:hover{background:#6366f1;color:#fff}.row{display:flex;align-items:center;margin:18px 0}.row label{flex:0 0 120px;font-weight:600;color:#6366f1;margin-right:14px;font-size:1.05rem;-webkit-user-select:none;user-select:none}input[type=datetime-local],select{flex:1;padding:10px 12px;border:1.5px solid #a5b4fc;border-radius:8px;font-size:1.05rem;background:#f9fafb;transition:border-color .2s;box-shadow:0 1px 2px #6366f10a;-webkit-user-select:auto;user-select:auto}input[type=datetime-local]:focus,select:focus{border-color:#6366f1;outline:none;background:#fff}input[type=datetime-local]{background:#fff;cursor:text}input[type=number],input[type=text]{padding:10px 12px;border:1.5px solid #a5b4fc;border-radius:8px;font-size:1.05rem;background:#f9fafb;transition:border-color .2s;box-shadow:0 1px 2px #6366f10a}input[type=number]:focus,input[type=text]:focus{border-color:#6366f1;outline:none;background:#fff}input[type=number]{width:106px;text-align:right}input[type=text]{flex:1}input[type=checkbox]{width:20px;height:20px;accent-color:#6366f1;-webkit-user-select:none;user-select:none}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f9fafb url('data:image/svg+xml;utf8,<svg fill="%236366f1" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 12px center/18px 18px;padding-right:36px;box-shadow:0 2px 8px #6366f114;border:1.5px solid #a5b4fc;transition:border-color .2s,box-shadow .2s}select:focus{border-color:#6366f1;box-shadow:0 4px 16px #6366f126;background:#fff url('data:image/svg+xml;utf8,<svg fill="%236366f1" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 12px center/18px 18px}.row select option{background:#fff;color:#6366f1;font-weight:600;font-size:1.05rem;padding:8px 12px}.options-group{display:flex;flex-wrap:wrap;gap:18px 24px;margin-bottom:18px;align-items:flex-end}.options-group .row{flex:1 1 160px;min-width:140px;margin:0}output{font-weight:800;font-size:1.3rem;color:#065f46;background:#d1fae5;padding:8px 20px;border-radius:8px;min-width:90px;display:inline-block;box-shadow:0 1px 2px #6366f10a;-webkit-user-select:none;user-select:none;margin-top:8px;transition:background .2s,color .2s}@media(max-width:600px){.container{padding:18px 6px 12px}h1{font-size:1.3rem}.row label{flex:0 0 80px}}