.js-art{width:100%;height:250px;position:relative;perspective:850px;isolation:isolate;max-width:100%;overflow:hidden}.js-art-halo{position:absolute;inset:8%;background:radial-gradient(ellipse,#60e1d44d,transparent 65%);filter:blur(12px)}.js-art-window{position:absolute;inset:25px 35px 30px 15px;padding:24px;background:linear-gradient(145deg,#173943ed,#151b3df0);border:1px solid #6ee7dc66;border-radius:16px;box-shadow:inset 0 2px #ffffff22,0 30px 45px #0007;transform:rotateY(-17deg) rotateX(9deg)}.js-art-window span,.js-art-window i{display:block;color:#a9bfd2;font:13px/1.8 ui-monospace,monospace}.js-art-window b{display:block;font:700 clamp(22px,3vw,37px)/1.6 system-ui;color:#8bf2d8}.js-art-lines{display:grid;gap:8px;margin-top:12px}.js-art-lines em{height:5px;width:80%;background:linear-gradient(90deg,#7fe4d7,#7c82cf44);border-radius:5px}.js-art-lines em:nth-child(2){width:55%}.js-art-lines em:nth-child(3){width:67%}.js-art-chip{position:absolute;right:12px;bottom:15px;padding:12px 19px;border:1px solid #b7a6ff;background:linear-gradient(135deg,#474d88,#171b3e);border-radius:12px;font:bold 28px monospace;box-shadow:0 14px 24px #0008;transform:rotateY(-17deg) rotateZ(8deg);color:#d1c9ff}.js-art-flow .js-art-window{transform:rotateY(17deg) rotateX(7deg)}.js-art-create .js-art-chip{bottom:70px}.js-art-validation .js-art-window{border-color:#baadff}.jlab{background:linear-gradient(135deg,#112836,#11182e);border:1px solid #496c7e;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #0003;min-width:0}.jlab-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;background:#0a1725;border-bottom:1px solid #405b6e;color:#eef9ff}.jlab-bar>span{color:#83d7c5;letter-spacing:3px;font-size:10px}.jlab-bar a{margin-left:auto;color:#85ead4;font-size:14px}.jlab-work{padding:22px;min-width:0}.jlab label{display:block;font-size:16px;color:#d7e9f5;margin:10px 0}.jlab input{display:block;background:#0b1929;color:#f1f7ff;border:1px solid #5a738c;border-radius:7px;font:inherit;padding:9px;max-width:100%;width:min(100%,420px)}.jlab input[type=range]{padding:12px 0;accent-color:#6ae4c5}.jlab button{background:linear-gradient(135deg,#6ce9c9,#4fc3d7);color:#09232a;padding:10px 16px;border:1px solid #a5ffe044;border-radius:8px;font:600 15px/1.4 system-ui;cursor:pointer;margin:6px 6px 6px 0;min-height:44px}.jlab :focus-visible{outline:3px solid #b9a2ff;outline-offset:3px}.jlab-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0}.jlab article,.jlab-screen,.jlab-terminal{min-width:0;padding:18px;background:linear-gradient(135deg,#132c3c,#151b32);border:1px solid #436676;border-radius:12px;box-shadow:inset 0 1px #ffffff15,0 8px 18px #0003;overflow-wrap:anywhere}.jlab article>span,.jlab-screen>span,.jlab-terminal>span{display:block;font-size:13px;letter-spacing:.08em;color:#aec6db}.jlab article>strong{display:block;font-size:26px;color:#8dedda}.jlab h3{color:#f1f7ff}.jlab p{color:#ccdfed}.jlab pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font:14px/1.8 ui-monospace,monospace;background:#080f1f;color:#dcecf9;padding:18px;border:1px solid #344e64;border-radius:8px}.jlab-status{padding:14px 22px;margin:0!important;background:#081826;color:#96e2d5!important;min-height:52px}.jlab-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.jlab-branches article{opacity:.5;transition:transform .2s,border-color .2s}.jlab-branches .active{opacity:1;border-color:#72ebcc;transform:translateY(-5px);box-shadow:0 12px 24px #4ae6bb18}.jlab-branches strong{font-size:18px!important}.jlab-loop{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;min-height:45px}.jlab-loop b{padding:10px 18px;background:linear-gradient(135deg,#4b568e,#183b47);border:1px solid #7c9ab8;border-radius:9px;box-shadow:0 5px #06111e;color:#fff}.jlab-conveyor{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:24px 0}.jlab-conveyor>*{padding:16px;border:1px solid #577c92;border-radius:12px;background:linear-gradient(145deg,#23475a,#242c4e);box-shadow:0 10px 18px #0005;color:#b9ffe9}.jlab-poster{background:radial-gradient(circle at 80% 20%,#8b64f566,transparent 45%),linear-gradient(135deg,#213c56,#10192c)!important;min-height:190px}.jlab-poster.highlighted{border-color:#82f2cd;box-shadow:0 0 26px #5df0c52e;transform:translateY(-4px)}.jlab-items{padding-left:24px}.jlab-items li{padding:10px;border-bottom:1px solid #365064;overflow-wrap:anywhere;color:#d9edf4}.jlab-items button{margin-left:15px}.jlab-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jlab-terms code{color:#93efdc}.jlab-frame{width:100%;height:700px;background:#080f1d;border:1px solid #416578;border-radius:12px}.jlab form{padding:6px 0}.jlab output{color:#98f3db}@media(max-width:640px){.jlab-columns,.jlab-terms,.jlab-branches{grid-template-columns:1fr}.jlab-work{padding:15px}.jlab-frame{height:780px}.js-art{height:210px}.js-art-window{inset:20px 25px 15px 10px;padding:18px}.jlab-conveyor{gap:8px}.jlab pre{font-size:13px;padding:12px}}@media(prefers-reduced-motion:reduce){.jlab *{transition:none!important;animation:none!important}}