:root{--color-bg: #ececec;--color-surface: #ffffff;--color-border: #cfcfcf;--color-border-strong: #9e9e9e;--color-text: #1a1a1a;--color-text-dim: #6b6b6b;--color-btn-face: #e1e1e1;--color-btn-face-pressed: #d5d5d5;--color-btn-border: #8f8f8f;--color-bevel-light: #ffffff;--color-bevel-dark: #9e9e9e;--color-toggle-active-bg: #141414;--color-toggle-active-fg: #ffffff;--color-toggle-track: #dcdcdc;--color-toggle-inactive-fg: #7a7a7a;--color-focus: #1a1a1a;--container-max: 600px;--container-pad: 24px;--gap: 16px;--radius: 0px;--control-h: 44px;--font-body: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;--z-toggle: 10}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{min-height:100%}body{max-width:100vw;overflow-x:hidden;color:var(--color-text);background:var(--color-bg);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit;color:inherit}:focus-visible{outline:1px dotted var(--color-focus);outline-offset:2px}.app{min-height:100vh}.kakashi{display:flex;flex-direction:column;align-items:center;gap:calc(var(--gap) * 1.5);min-height:100vh;max-width:var(--container-max);margin-inline:auto;padding:48px var(--container-pad) 0}.kakashi__logo{margin:8px auto;display:flex;justify-content:center;line-height:0}.kakashi__logo-img{display:block;width:min(400px,100%);height:auto}.kakashi__form{display:flex;gap:0;width:100%;max-width:640px}.kakashi__input{flex:1 1 auto;min-width:0;height:var(--control-h);padding:0 14px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius);box-shadow:inset 1px 1px 2px #0000001f;font-size:16px}.kakashi__send{border:1px solid var(--color-btn-border);border-radius:var(--radius);background:var(--color-btn-face);box-shadow:inset 1px 1px 0 var(--color-bevel-light),inset -1px -1px 0 var(--color-bevel-dark);color:var(--color-text);cursor:pointer;flex:0 0 auto;height:var(--control-h);padding:0 20px}.kakashi__send:active{background:var(--color-btn-face-pressed);box-shadow:inset 1px 1px 0 var(--color-bevel-dark),inset -1px -1px 0 var(--color-bevel-light)}.kakashi__log{width:100%;max-width:640px;min-height:300px;max-height:52vh;overflow-y:auto;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius);box-shadow:inset 1px 1px 2px #00000014;font-size:15px;line-height:1.75;color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere}.kakashi__log[hidden]{display:none}.kakashi__log-line+.kakashi__log-line{margin-top:2px}.kakashi__image-area{width:100%;max-width:640px}.kakashi__image-area[hidden]{display:none}.kakashi__toggle{z-index:var(--z-toggle);display:inline-flex;gap:4px;margin-bottom:32px;padding:4px;background:var(--color-toggle-track);border-radius:999px}.kakashi__toggle-btn{padding:2px 24px;border:none;border-radius:999px;background:transparent;color:var(--color-toggle-inactive-fg);font-size:14px;cursor:pointer;transition:background-color .18s ease,color .18s ease}.kakashi__toggle-btn--active{background:var(--color-toggle-active-bg);color:var(--color-toggle-active-fg)}@media(max-width:768px){.kakashi{padding-top:32px;gap:var(--gap)}.kakashi__form{gap:8px}.kakashi__send{padding:0 14px}.kakashi__log{min-height:240px}.kakashi__toggle-btn{padding:9px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}