.kit-page{background:var(--t-canvas);min-height:100vh;font-family:var(--font-ui);flex-direction:column;display:flex}.kit-shell{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:64px 48px 0}.kit-hero{grid-template-rows:auto auto;grid-template-columns:1.05fr .95fr;align-items:start;column-gap:56px;display:grid}.kit-hero-copy{grid-area:1/1}.kit-collage{grid-area:1/2/span 2}.kit-steps{grid-area:2/1}.kit-h1{font:italic 600 54px/1.08 var(--font-display);letter-spacing:-.025em;color:var(--color-text-primary);text-wrap:balance;max-width:640px;margin:0 0 24px}.kit-lede{font:400 16px/1.6 var(--font-ui);max-width:560px;color:var(--color-text-secondary);margin:0 0 36px}.kit-steps{grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding-top:22px;list-style:none;display:grid;position:relative}.kit-steps-rule{border-top:.5px dotted var(--color-border-strong);z-index:0;height:0;position:absolute;top:18px;left:4%;right:4%}.kit-step{z-index:1;position:relative}.kit-step-num{border-radius:var(--radius-full,9999px);border:.5px solid var(--color-border-strong);background:var(--t-canvas);width:32px;height:32px;font:600 12px var(--font-ui);color:var(--color-primary);justify-content:center;align-items:center;margin-bottom:12px;display:flex}.kit-collage{width:100%;max-width:460px;height:600px;color:var(--color-text-secondary);margin:0 auto;position:relative}.kit-glow{pointer-events:none;z-index:0;aspect-ratio:1;position:absolute}.kit-glow-warm{background:radial-gradient(circle, color-mix(in srgb, var(--color-primary) 16%, transparent) 0%, transparent 65%);width:100%;max-width:560px;top:40%;left:50%;transform:translate(-50%,-50%)}.kit-glow-cool{background:radial-gradient(circle, color-mix(in srgb, var(--kit-swatch-2) 10%, transparent) 0%, transparent 70%);width:80%;max-width:380px;top:62%;left:70%;transform:translate(-50%,-50%)}.kit-backing{border:.5px solid var(--color-border-strong);background:var(--chrome-panel);z-index:1;border-radius:22px;width:92%;height:380px;position:absolute;top:60px;left:2%;transform:rotate(4deg)}.kit-pill-row{text-align:center;z-index:7;position:absolute;top:0;left:0;right:0}.kit-pill{background:var(--chrome-panel);border:.5px solid var(--color-border);border-radius:var(--radius-full,9999px);align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.kit-threads{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.kit-photo{background:var(--color-surface-raised);border:.5px solid var(--color-border-strong);position:absolute;overflow:hidden}.kit-photo img{object-fit:cover;width:100%;height:100%;display:block}.kit-photo-1{z-index:3;width:54.3%;height:250px;box-shadow:var(--shadow-lg);border-radius:14px;top:44px;left:0;transform:rotate(-7deg)}.kit-photo-2{z-index:4;width:54.3%;height:250px;box-shadow:var(--shadow-lg);border-radius:14px;top:70px;left:45.6%;transform:rotate(5deg)}.kit-photo-3{z-index:5;width:50%;height:230px;box-shadow:var(--shadow-lg);border-radius:14px;top:210px;left:13%;transform:rotate(-3deg)}.kit-photo-4{z-index:2;width:50%;height:230px;box-shadow:var(--shadow-md);opacity:.85;border-radius:12px;top:195px;left:43.5%;transform:rotate(11deg)}.kit-dot{border-radius:var(--radius-full,9999px);border:.5px solid var(--color-border-strong);width:12px;height:12px;box-shadow:0 0 0 4px var(--t-canvas);position:absolute}.kit-palette-row{z-index:6;position:absolute;top:478px;left:0;right:0}.kit-palette{background:var(--chrome-panel);border:.5px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);justify-content:center;gap:18px;padding:14px 20px;display:flex}.kit-palette span{border-radius:var(--radius-full,9999px);border:.5px solid var(--color-border-strong);width:30px;height:30px}.kit-dropzone{border-radius:var(--radius-xl);border:.5px dashed var(--color-border-strong);background:var(--chrome-panel);text-align:center;cursor:pointer;height:220px;transition:var(--transition-base);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.kit-dropzone.is-dragging{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 6%, var(--chrome-panel))}.kit-textarea{box-sizing:border-box;background:var(--chrome-panel-file);border:.5px solid var(--color-border);border-radius:var(--radius-lg);width:100%;color:var(--color-text-primary);font-family:var(--font-ui);resize:vertical;padding:12px 14px;font-size:14px}.kit-example-card{background:var(--chrome-panel);border:.5px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);grid-template-columns:1fr 1fr;align-items:start;gap:32px;padding:28px;display:grid}@media (max-width:1024px){.kit-hero{grid-template-columns:1fr;row-gap:40px}.kit-hero-copy,.kit-collage,.kit-steps{grid-area:auto/1}.kit-h1{font-size:42px}.kit-shell{padding:48px 32px 0}}@media (max-width:720px){.kit-shell{padding:32px 20px 0}.kit-hero-copy,.kit-collage,.kit-steps{grid-area:auto/1}.kit-h1{letter-spacing:-.02em;font-size:32px}.kit-steps{grid-template-columns:1fr;gap:20px;padding-top:0}.kit-steps-rule{display:none}.kit-example-card{grid-template-columns:1fr;gap:24px}.kit-collage{transform-origin:top;margin-bottom:-132px;transform:scale(.78)}}@media (prefers-reduced-motion:reduce){.kit-dropzone{transition:none}}