.nn .page-create .cr-art{position:relative;width:min(480px,100%);height:400px}.nn .page-create .cr-art .frame{position:absolute;width:56%}.nn .page-create .cr-art .frame img{aspect-ratio:3/4}.nn .page-create .cr-a{left:0;top:6%}.nn .page-create .cr-b{right:0;top:16%}.nn .page-create .cr-play{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);display:flex;align-items:center;justify-content:center;z-index:2;animation:float 3.5s ease-in-out infinite}.nn .page-create .cr-play svg{margin-left:4px}.nn .page-create .cr-stk{position:absolute;right:6%;top:0;z-index:2;font-family:var(--f-display);font-size:22px;letter-spacing:.04em;text-transform:uppercase;background:var(--coral);color:var(--ink);border:2.5px solid var(--ink);border-radius:12px;padding:4px 12px 2px;box-shadow:3px 3px 0 var(--ink);transform:rotate(8deg)}.nn .page-create .tools-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:start}.nn .page-create .tool-hero{position:relative;background:var(--deep);color:var(--paper);border:3px solid var(--ink);border-radius:32px;box-shadow:7px 7px 0 var(--ink);padding:30px 28px 0;overflow:hidden;display:flex;flex-direction:column;transform:rotate(var(--r1,0deg))}.nn .page-create .tool-hero .ti.big{width:72px;height:72px;border-radius:22px;background:var(--purple);display:flex;align-items:center;justify-content:center;border:2.5px solid hsla(0,0%,100%,.3)}.nn .page-create .tool-hero .kick{margin-top:18px;font-family:var(--f-display);font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--mint)}.nn .page-create .tool-hero h3{margin:2px 0 10px;font-weight:800;font-size:clamp(30px,3.2vw,42px);line-height:1.05;letter-spacing:-.02em;color:var(--yellow)}.nn .page-create .tool-hero p{margin:0;font-size:17px;line-height:1.6;color:hsla(0,0%,100%,.9)}.nn .page-create .tool-hero img{align-self:center;height:230px;width:auto;margin-top:16px;filter:drop-shadow(0 12px 14px rgba(0,0,0,.35))}.nn .page-create .tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.nn .page-create .tool-grid .tool2:last-child{grid-column:1/-1}.nn .page-create .tool2{position:relative;display:flex;gap:14px;align-items:center;background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);border-radius:22px;padding:16px;box-shadow:5px 5px 0 var(--ink);transform:rotate(var(--r1,0deg));transition:transform .3s var(--splat)}.nn .page-create .tool2:hover{transform:rotate(0) translateY(-4px) scale(1.02)}.nn .page-create .tool2 .ti{width:52px;height:52px;border-radius:16px;background:var(--deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nn .page-create .tool2 h3{margin:0;font-size:18px;font-weight:800}.nn .page-create .tool2 p{margin:2px 0 0;font-size:14px;color:var(--muted);line-height:1.45}.nn .page-create .tool2 .flag{position:absolute;right:12px;top:-13px;font-family:var(--f-display);font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px 2px;border-radius:8px;border:2px solid var(--ink);transform:rotate(4deg)}.nn .page-create .styles2{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.nn .page-create .style2{position:relative;width:210px;aspect-ratio:3/4;border-radius:20px;overflow:hidden;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transform:rotate(var(--r1,0deg));transition:transform .3s var(--splat);background:var(--ink)}.nn .page-create .style2:hover{transform:rotate(0) scale(1.05)}.nn .page-create .style2 img{width:100%;height:100%;object-fit:cover}.nn .page-create .style2 .ph-box{position:absolute;inset:0}.nn .page-create .style2 .st-cap{position:absolute;left:0;right:0;bottom:0;padding:36px 14px 12px;background:linear-gradient(rgba(10,6,30,0),rgba(10,6,30,.88));color:var(--paper)}.nn .page-create .style2 b{display:block;font-size:17px}.nn .page-create .style2 small{display:block;font-size:12px;color:hsla(0,0%,100%,.8)}.nn .page-create .nauk-demo{display:flex;align-items:center;justify-content:center;gap:14px}.nn .page-create .nd-card{width:min(220px,40%);background:var(--paper);border:3px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 var(--ink);overflow:hidden;transform:rotate(-3deg)}.nn .page-create .nd-card.yours{transform:rotate(3deg)}.nn .page-create .nd-card>img{width:100%;aspect-ratio:3/4;object-fit:cover}.nn .page-create .nd-bar{display:flex;flex-direction:column;gap:6px;padding:10px;font-size:13px;font-weight:700}.nn .page-create .nd-who{display:flex;align-items:center;gap:6px;min-width:0}.nn .page-create .nd-who .you,.nn .page-create .nd-who img{width:24px;height:24px;border-radius:50%;flex-shrink:0}.nn .page-create .nd-who .you{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);font-size:8px;border:1.5px solid var(--ink)}.nn .page-create .nd-btn{align-self:flex-start;font-family:var(--f-display);font-weight:400;font-size:14px;letter-spacing:.04em;text-transform:uppercase;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:3px 12px 1px;animation:float 3s ease-in-out infinite}.nn .page-create .nd-credit{font-size:12px;font-weight:600;color:var(--purple)}.nn .page-create .nd-arrow{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--paper);border:3px solid var(--ink);display:flex;align-items:center;justify-content:center}.nn .page-create .web-link{display:inline-flex;align-items:center;gap:8px;color:var(--paper);font-weight:700;font-size:16px;text-underline-offset:4px;margin-top:2px}.nn .page-create .web-link:hover{color:var(--yellow)}@media (max-width:1000px){.nn .page-create .tools-wrap{grid-template-columns:minmax(0,1fr)}.nn .page-create .tool-hero{padding-bottom:0}.nn .page-create .tool-hero img{height:190px}}@media (max-width:900px){.nn .page-create .cr-art{height:340px;margin:10px auto 0}}@media (max-width:760px){.nn .page-create .cr-art{height:290px}.nn .page-create .cr-play{width:58px;height:58px}.nn .page-create .cr-stk{font-size:18px}.nn .page-create .tool-grid{grid-template-columns:minmax(0,1fr)}.nn .page-create .styles2{gap:14px}.nn .page-create .style2{width:calc(50% - 7px)}.nn .page-create .nauk-demo{gap:8px}.nn .page-create .nd-card{width:calc(50% - 30px)}.nn .page-create .nd-arrow{width:40px;height:40px}.nn .page-create .nd-arrow svg{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.nn .page-create .cr-play,.nn .page-create .nd-btn{animation:none}}