.kit-studio,.ks{width:100%}.ks{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr) 320px;height:100%;background:var(--look-ground);color:var(--look-ink);font-size:15px}.ks h3.ks-h{margin:0 0 14px;display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800}.ks-sub{margin:14px 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--look-ink-3)}.ks-src{padding:24px 20px;background:var(--look-surface);border-right:1px solid var(--look-line);overflow:hidden;display:flex;flex-direction:column}.ks-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ks-thumb{position:relative;overflow:hidden;aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,var(--look-blue-soft),var(--look-p-pci-soft));display:grid;place-items:center;color:var(--look-ink-3)}.ks-thumb img{-o-object-fit:cover;object-fit:cover}.ks-file svg{width:18px;height:18px}.ks-file{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:10px 12px;background:var(--look-surface-2);font-size:14px;font-weight:600}.ks-file,.ks-map{border-radius:10px}.ks-map{display:block;position:relative;overflow:hidden;border:1px solid var(--look-line)}.ks-map svg:first-child{display:block;width:100%;height:auto}.ks-map>svg:nth-child(2){display:none}.ks-map small{display:block;padding:8px 10px;font-size:12.5px;font-weight:600;background:var(--look-surface)}.ks-drop,.ks-map small{color:var(--look-ink-2)}.ks-drop{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;height:72px;border:2px dashed var(--look-line-strong);border-radius:12px;font-weight:700}.ks-drop svg{width:18px;height:18px}.kit-studio :is(.ks-thumb,.ks-file,.ks-map){opacity:0;translate:60px -30px;scale:.9}.kit-studio :is(.ks-thumb,.ks-file,.ks-map)[data-in]{opacity:1;translate:0 0;scale:1;transition:opacity .5s var(--look-ease-reveal),translate .6s var(--look-ease-reveal),scale .6s var(--look-ease-reveal);transition-delay:calc(var(--i) * 90ms)}.ks-doc{display:flex;flex-direction:column;min-width:0;padding:24px 32px 0;overflow:hidden}.ks-letter{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:2px solid var(--look-ink)}.ks-logo{display:grid;place-items:center;width:56px;height:56px;border:2px dashed var(--look-line-strong);border-radius:12px;font-size:12px;font-weight:700;color:var(--look-ink-3)}.ks-head{flex:1}.ks-head input{width:100%;border:0;background:transparent;font:inherit;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--look-ink);padding:4px 0;outline-offset:4px}.ks-head input::-moz-placeholder{color:var(--look-ink-3)}.ks-head input::placeholder{color:var(--look-ink-3)}.ks-body{flex:1;min-height:0;overflow:hidden;padding-top:16px;display:flex;flex-direction:column;gap:12px}.ks-sec{opacity:1}.ks-sec:not([data-on]) h4{color:var(--look-ink-2)}.ks-sec[data-on]{opacity:1;transition:opacity .3s}.ks-sec h4{margin:0 0 4px;font-size:14px;font-weight:800;color:var(--look-blue-deep)}.ks-sec p{margin:0;min-height:22px;font-size:15px;line-height:1.5;color:var(--look-ink-2)}.ks-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--look-p-ai);animation:ks-blink .8s steps(2) 6}@keyframes ks-blink{50%{opacity:0}}.ks-photo{display:block;margin-top:8px;width:220px;border-radius:10px;overflow:hidden;border:1px solid var(--look-line);background:var(--look-surface);opacity:0;translate:0 -24px}.ks-photo[data-in]{opacity:1;translate:0 0;transition:opacity .5s var(--look-ease-reveal),translate .6s var(--look-ease-reveal)}.ks-photo svg{display:block;width:100%;height:auto}.ks-photo small{display:block;padding:6px 10px;font-size:12px;font-weight:600;color:var(--look-ink-2)}.ks-foot{flex:none;display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--look-line);font-size:13px;color:var(--look-ink-3)}.ks-ai{padding:24px 22px;background:var(--look-p-ai-soft);border-left:1px solid var(--look-line);display:flex;flex-direction:column;gap:14px}.ks-ai .ks-h{color:var(--look-p-ai)}.ks-prompt{margin:0;padding:14px;border-radius:12px;background:var(--look-surface);border:1px solid var(--look-line);font-size:15px;line-height:1.45}.ks-gen{min-height:52px;border:0;border-radius:var(--look-r-pill);background:var(--look-p-ai);color:var(--look-p-ai-on);font:inherit;font-size:16px;font-weight:800;cursor:pointer;transition:scale var(--look-dur-hover),box-shadow var(--look-dur-hover)}.ks-gen:hover{box-shadow:0 10px 24px -12px color-mix(in srgb,var(--look-p-ai) 60%,transparent)}.ks-gen:active,.ks-gen[data-pressed]{scale:.97}.ks-chip{align-self:flex-start;padding:6px 12px;border-radius:var(--look-r-pill);background:var(--look-surface);border:1px solid var(--look-p-ai);color:var(--look-p-ai);font-size:13px;font-weight:700}.ks-note{margin:0;font-size:14px;line-height:1.5;color:var(--look-ink-2)}.ks-approve{margin-top:auto;display:grid;place-items:center;min-height:52px;border-radius:var(--look-r-pill);background:var(--look-surface-2);color:var(--look-ink-3);font-size:16px;font-weight:800}.ks-approve[data-ready]{background:var(--look-orange);color:var(--look-on-orange)}.ks-approve[data-pulse]{animation:ks-pulse .8s ease-in-out 2}@keyframes ks-pulse{50%{box-shadow:0 0 0 10px rgba(247,134,47,.28);scale:1.03}}.ks-sheet{position:absolute;left:50%;bottom:28px;translate:-50% 40px;opacity:0;pointer-events:none;display:flex;flex-direction:column;gap:2px;padding:16px 26px;border-radius:var(--look-r-md);background:var(--look-ink);color:#fff;box-shadow:var(--look-shadow-frame)}.ks-sheet b{font-size:18px}.ks-sheet span{font-size:14px;color:#C3CEDD}.ks-sheet[data-open]{opacity:1;translate:-50% 0;transition:opacity .5s var(--look-ease-reveal),translate .6s var(--look-ease-reveal)}@media (prefers-reduced-motion:reduce){.kit-studio :is(.ks-thumb,.ks-file,.ks-map,.ks-photo),.ks-sheet{transition:none!important}.ks-approve[data-pulse],.ks-caret,.ks-gen{animation:none}}.ks-ai--plain{background:var(--look-surface-2)}.ks-ai--plain .ks-h{color:var(--look-ink)}.ks-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ks-checks li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--look-surface);border:1px solid var(--look-line);font-size:15px;font-weight:600;color:var(--look-ink-3)}.ks-checks li svg{flex:none;width:18px;height:18px;opacity:.25}.ks-checks li[data-done]{color:var(--look-ink)}.ks-checks li[data-done] svg{color:var(--look-ok);opacity:1}.ks-gen--plain{background:var(--look-surface);color:var(--look-ink);border:1.5px solid var(--look-line-strong)}