/* INKFINITY IDENTITY LAB / unofficial creative fan pass */
.id-studio{overflow:hidden;background:#11120f;color:#f4f1e9;isolation:isolate}
.id-studio::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 88% 39%,#dfff0012,transparent 42%),linear-gradient(90deg,#dfff0008 1px,transparent 1px),linear-gradient(#dfff0008 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
.id-studio-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:55px 0 48px}
.id-eyebrow{display:inline-flex;align-items:center;gap:11px;margin-bottom:22px;color:var(--acid);font-weight:700}
.id-eyebrow-dot,.id-live-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #ff3b1f29}
.id-studio-head h2{font:900 clamp(5rem,11.5vw,12.7rem)/.99 var(--display);letter-spacing:.005em;text-wrap:balance}
.id-studio-head h2 span{color:var(--acid)}
.id-studio-head .id-period{color:var(--red)}
.id-studio-head-note{max-width:295px;align-self:center;padding-bottom:15px}
.id-star{color:var(--acid);font-size:clamp(46px,7vw,110px);line-height:1;display:block;margin-bottom:20px;animation:idStarRotate 16s linear infinite;transform-origin:25% 50%}
.id-studio-head-note p{font:700 15px/1.6 var(--mono);margin-bottom:22px}
.id-studio-head-note>.mono{color:var(--acid)}
.id-marquee{background:var(--acid);color:var(--black);overflow:hidden;white-space:nowrap;border-top:1px solid var(--acid);border-bottom:1px solid var(--acid);margin:0 calc(-1 * var(--gutter)) 48px;padding:9px 0}
.id-marquee>div{width:max-content;font:900 clamp(22px,2.5vw,43px)/1.2 var(--display);letter-spacing:.03em;animation:idTicker 25s linear infinite}
.id-marquee span{color:var(--red);margin:0 17px}
@keyframes idTicker{to{transform:translateX(-50%)}}
@keyframes idStarRotate{to{transform:rotate(360deg)}}
.id-studio-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.32fr);align-items:stretch;gap:clamp(18px,3vw,40px)}
.id-controls{min-width:0;background:#f3ebdd;color:#101010;padding:clamp(23px,3vw,43px);border:1px solid #f3ebdd;box-shadow:11px 11px 0 #dfff0025;display:flex;flex-direction:column}
.id-controls-top,.id-preview-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:16px;border-bottom:1px solid #1010105c;font-size:11px}
.id-control-label{display:flex;flex-direction:column;gap:12px;margin-top:29px;margin-bottom:13px;cursor:text}
.id-control-label strong{font:900 clamp(22px,2.2vw,31px)/1.15 var(--display)}
.id-name-wrap{position:relative;display:flex;align-items:center;background:#fffdfa;border:2px solid #101010;transition:border-color .2s,box-shadow .2s}
.id-name-wrap:focus-within{border-color:#101010;box-shadow:6px 6px 0 var(--acid)}
.id-name-wrap input{border:0;background:transparent;color:#101010;display:block;width:100%;min-width:0;padding:18px 45px 18px 17px;font:850 clamp(15px,1.4vw,19px)/1.25 var(--body);letter-spacing:.015em;outline:none}
.id-name-wrap input::placeholder{color:#77776e}
.id-name-wrap input:focus-visible{outline:0}
.id-name-wrap>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:22px;pointer-events:none}
.id-hint{font:500 12px/1.65 var(--body);color:#57594c;margin-top:12px}
.id-control-block{border-top:1px solid #10101050;padding-top:24px;margin-top:24px}
.id-control-block>.mono{display:block;margin-bottom:15px}
.id-role-buttons,.id-swatch-buttons{display:flex;flex-wrap:wrap;gap:8px}
.id-role,.id-swatch{appearance:none;background:transparent;color:#101010;border:1px solid #10101075;font:800 11px/1.4 var(--mono);padding:12px 13px;min-height:46px;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:background .2s,color .2s,transform .2s;letter-spacing:0}
.id-role span{font-size:17px;font-weight:900}
.id-role:is(:hover,:focus-visible),.id-swatch:is(:hover,:focus-visible){transform:translateY(-2px)}
.id-role.is-selected,.id-swatch.is-selected{background:#101010;color:var(--acid);border-color:#101010}
.id-swatch{flex:1;min-width:89px}
.id-dot{display:inline-block;width:15px;height:15px;flex:none;border:1px solid #1010108a;border-radius:50%}
.id-dot-acid{background:#dfff00}.id-dot-signal{background:#ff3b1f}.id-dot-paper{background:#f3ebdd}
.id-swatch.is-selected .id-dot{border-color:#f2f0e7}
.id-cta-stack{margin-top:auto;padding-top:33px}
.id-download{width:100%;min-height:65px;border:1px solid #101010;background:var(--acid);color:#101010;padding:15px 18px;font:900 13px/1.25 var(--mono);letter-spacing:.015em;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:box-shadow .2s,transform .2s,background .2s}
.id-download>span:first-child{display:flex;align-items:center;gap:11px}
.id-download-icon{font-size:22px;font-weight:900}
.id-download:hover{background:#cbeb00;box-shadow:5px 5px 0 #101010;transform:translate(-3px,-3px)}
.id-flip{width:100%;margin-top:10px;background:transparent;border:1px solid #1010108a;color:#101010;padding:14px 17px;font:750 12px/1.4 var(--mono);display:flex;justify-content:space-between;align-items:center;gap:15px}
.id-flip[aria-pressed="true"]{background:#101010;color:#f3ebdd}
.id-feedback{min-height:25px;font:700 10px/1.5 var(--mono);color:#55584a;margin-top:12px;letter-spacing:.02em}
.id-preview-side{min-width:0;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 65%,#c7e6002d,transparent 65%);padding:clamp(8px,1.5vw,18px)}
.id-preview-top{border-color:#9a9a7d65;color:var(--acid);margin-bottom:35px;flex-wrap:wrap}
.id-preview-top>span:first-child{display:flex;align-items:center;gap:13px}
.id-live-dot{background:var(--acid);box-shadow:0 0 0 6px #dfff0020;animation:idPulse 2s ease-in-out infinite}
@keyframes idPulse{50%{box-shadow:0 0 0 10px #dfff0000}}
.id-canvas-frame{width:100%;position:relative;max-width:960px;margin-inline:auto;perspective:1300px;filter:drop-shadow(0 34px 40px #0008);transform:rotate(-1.4deg);transition:transform .4s cubic-bezier(.16,.8,.25,1)}
.id-canvas-frame::before{content:"";position:absolute;inset:10px -10px -12px 10px;border:1px solid #dfff0080;z-index:-1;pointer-events:none}
.id-canvas-frame:hover{transform:rotate(0deg) translateY(-5px)}
#ink-id-canvas{display:block;width:100%;height:auto;aspect-ratio:1260/780;background:#151515;border-radius:14px;border:1px solid #ffffff3b;box-shadow:inset 0 0 0 1px #0009;transition:transform .24s ease;transform:rotateX(var(--id-tilt-y,0deg)) rotateY(var(--id-tilt-x,0deg));object-fit:contain}
.id-preview-footer{margin-top:35px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#dfdfd0;border-top:1px solid #c3c3a040;padding-top:16px}
.id-preview-footer span:last-child{color:var(--acid)}
.id-privacy-note{font:500 12px/1.7 var(--body);color:#b8baa8;max-width:560px;margin-top:15px}
.id-disclaimer{margin-top:clamp(55px,7vw,100px);display:flex;align-items:flex-start;gap:22px;border:1px solid var(--acid);padding:clamp(20px,3vw,32px);background:#dfff0010;max-width:100%}
.id-warning-symbol{display:grid;place-items:center;flex:none;width:48px;height:48px;border:2px solid var(--acid);border-radius:50%;font:900 30px/1 var(--display);color:var(--acid)}
.id-disclaimer strong{display:block;font:900 clamp(18px,2.4vw,30px)/1.2 var(--display);letter-spacing:.02em;color:var(--acid);margin-bottom:7px}
.id-disclaimer p{font:500 clamp(13px,1.3vw,16px)/1.65 var(--body);max-width:900px}
.id-disclaimer a{color:var(--acid);font-weight:800;text-decoration:underline;text-underline-offset:4px}
.id-credit-strip{margin-top:55px;border-top:1px solid #f4f1e955;padding-top:19px}
.id-credit-label{color:var(--acid);display:flex;justify-content:space-between;gap:14px;margin-bottom:21px}
.id-credit-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.id-credit-link{min-width:0;display:flex;align-items:center;gap:16px;background:#22241d;border:1px solid #787b644c;padding:19px 24px;min-height:109px;transition:background .25s,border-color .25s,transform .25s}
.id-credit-link:hover{background:#323724;border-color:var(--acid);transform:translateY(-3px)}
.id-credit-link>img{object-fit:contain;flex:none}
.id-credit-link>span:nth-child(2),.id-credit-tattvik{min-width:0;display:flex;flex-direction:column;gap:8px}
.id-credit-link small{font:800 10px/1.4 var(--mono);letter-spacing:.05em;color:var(--acid)}
.id-credit-link strong{font:900 clamp(14px,1.6vw,19px)/1.25 var(--body);max-width:340px}
.id-credit-tattvik img{max-width:152px;height:auto}
.id-credit-arrow{margin-left:auto;font-size:21px;color:var(--acid);align-self:start}
@media(max-width:1150px){.id-studio-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}.id-controls{padding:25px}.id-role{padding:10px}}
@media(max-width:900px){.id-studio-layout{grid-template-columns:1fr}.id-controls{max-width:100%;padding:clamp(24px,4vw,40px)}.id-preview-side{padding:16px 0 5px}.id-preview-top{margin-top:20px}.id-canvas-frame{max-width:740px}}
@media(max-width:700px){.id-studio-head{flex-direction:column;align-items:flex-start;gap:30px;margin-top:37px}.id-studio-head h2{font-size:clamp(5rem,17vw,9rem)}.id-studio-head-note{display:flex;align-items:center;max-width:100%;gap:20px}.id-star{margin:0;flex:none}.id-studio-head-note p{margin:0;font-size:11px}.id-studio-head-note>.mono{display:none}.id-credit-duo{grid-template-columns:1fr}}
@media(max-width:480px){.id-studio-head h2{font-size:18vw}.id-studio-head-note{gap:14px}.id-studio-head-note p{font-size:10px}.id-marquee{margin-bottom:26px}.id-controls{padding:21px 18px}.id-controls-top{font-size:9px}.id-control-block{padding-top:20px;margin-top:20px}.id-role{font-size:10px;padding:10px 9px}.id-preview-top{font-size:9px}.id-canvas-frame{transform:rotate(0)}.id-preview-footer{margin-top:24px;font-size:9px}.id-disclaimer{gap:13px}.id-warning-symbol{width:34px;height:34px;font-size:23px}.id-credit-link{padding:15px}}
@media(prefers-reduced-motion:reduce){.id-star,.id-marquee>div,.id-live-dot{animation:none}.id-canvas-frame,.id-canvas-frame:hover,#ink-id-canvas{transform:none!important}.id-download,.id-credit-link,.id-role,.id-swatch{transition:none}}