.jin-image-metadata{--jime-primary:#6750e8;--jime-primary-dark:#4f3bc4;--jime-soft:#f4f1ff;--jime-ink:#25223a;--jime-muted:#6d6a7c;--jime-line:#dedbea;--jime-success:#15775b;--jime-error:#b42318;box-sizing:border-box;max-width:1120px;margin:1rem auto;color:var(--jime-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;font-size:15px;line-height:1.65}.jin-image-metadata *,.jin-image-metadata *:before,.jin-image-metadata *:after{box-sizing:border-box}.jin-image-metadata button,.jin-image-metadata input,.jin-image-metadata select,.jin-image-metadata textarea{font:inherit}.jin-image-metadata [hidden]{display:none !important}.jin-image-metadata__header{display:flex;align-items:center;gap:.85rem;padding:.55rem .8rem;border:1px solid var(--jime-line);border-radius:14px 14px 0 0;background:#fff}.jin-image-metadata__header h1{margin:0;font-size:clamp(1.12rem,2.4vw,1.45rem);line-height:1.35}.jin-image-metadata__logo{display:grid;flex:0 0 auto;place-items:center;width:46px;height:46px;overflow:hidden;border-radius:12px;background:var(--jime-soft)}.jin-image-metadata__logo-mark{font-size:1.5rem}.jin-image-metadata__logo-image{display:block;width:100%;height:100%;object-fit:contain}.jin-image-metadata__account{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .8rem;border-inline:1px solid var(--jime-line);background:#fbfaff;font-size:.87rem}.jin-image-metadata__account p{display:flex;flex-wrap:wrap;gap:.45rem;margin:0}.jin-image-metadata__plan{padding:.05rem .5rem;color:#fff;border-radius:999px;background:var(--jime-primary)}.jin-image-metadata__limit{color:var(--jime-muted);text-align:right}.jin-image-metadata__privacy{display:flex;gap:.55rem;align-items:flex-start;padding:.55rem .8rem;border:1px solid #b9e1d5;background:#effaf6;font-size:.86rem}.jin-image-metadata__privacy p,.jin-image-metadata__intro p{margin:0}.jin-image-metadata__intro{padding:.65rem .8rem;border:1px solid var(--jime-line);border-top:0}.jin-image-metadata__intro h2{margin:0 0 .25rem;font-size:1rem}.jin-image-metadata__app{margin-top:.75rem;overflow:hidden;border:1px solid var(--jime-line);border-radius:16px;background:#fff;box-shadow:0 14px 40px rgba(45,38,84,.08)}.jin-image-metadata__steps{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-bottom:1px solid var(--jime-line);background:#fcfbff}.jin-image-metadata__steps li{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;padding:.8rem .5rem;color:#8a8799}.jin-image-metadata__steps li:not(:last-child):after{position:absolute;right:-9%;width:18%;height:2px;content:"";background:var(--jime-line)}.jin-image-metadata__steps span{display:grid;flex:0 0 auto;place-items:center;width:28px;height:28px;border:2px solid #c7c3d6;border-radius:50%;background:#fff}.jin-image-metadata__steps b{overflow:hidden;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.jin-image-metadata__steps [aria-current=step]{color:var(--jime-primary-dark)}.jin-image-metadata__steps [aria-current=step] span{color:#fff;border-color:var(--jime-primary);background:var(--jime-primary);box-shadow:0 0 0 4px #ece8ff}.jin-image-metadata__notice{padding:.55rem .9rem;color:#38506b;border-bottom:1px solid #dce9f7;background:#f2f8ff;font-size:.88rem}.jin-image-metadata__notice.is-error{color:var(--jime-error);border-color:#f1c8c4;background:#fff1f0}.jin-image-metadata__panel{padding:clamp(.8rem,2vw,1.35rem)}.jin-image-metadata__drop{padding:clamp(1.4rem,4vw,2.8rem) 1rem;text-align:center;border:2px dashed #b9b1e7;border-radius:16px;outline:0;background:linear-gradient(145deg,#faf8ff,#f4f1ff);transition:.2s ease}.jin-image-metadata__drop:hover,.jin-image-metadata__drop:focus-visible,.jin-image-metadata__drop.is-dragging{border-color:var(--jime-primary);background:#eee9ff;box-shadow:0 0 0 4px rgba(103,80,232,.14);transform:translateY(-1px)}.jin-image-metadata__drop h2{margin:.35rem 0 .1rem;font-size:1.15rem}.jin-image-metadata__drop p{margin:.2rem 0;color:var(--jime-muted);font-size:.86rem}.jin-image-metadata__drop-icon{font-size:2.5rem}.jin-image-metadata__button{min-height:42px;padding:.55rem 1rem;color:var(--jime-primary-dark);border:1px solid var(--jime-primary);border-radius:10px;background:#fff;font-weight:700;cursor:pointer}.jin-image-metadata__button:hover{background:var(--jime-soft)}.jin-image-metadata__button:focus-visible,.jin-image-metadata button:focus-visible,.jin-image-metadata input:focus-visible,.jin-image-metadata select:focus-visible,.jin-image-metadata textarea:focus-visible{outline:3px solid rgba(69,139,255,.45);outline-offset:2px}.jin-image-metadata__button--primary{color:#fff;border-color:var(--jime-primary);background:var(--jime-primary);box-shadow:0 5px 14px rgba(103,80,232,.22)}.jin-image-metadata__button--primary:hover{background:var(--jime-primary-dark)}.jin-image-metadata__button--quiet{color:var(--jime-muted);border-color:var(--jime-line)}.jin-image-metadata__button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.jin-image-metadata__actions,.jin-image-metadata__save-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1rem}.jin-image-metadata__files{margin-top:1rem}.jin-image-metadata__files>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.jin-image-metadata__files h2{margin:0;font-size:1.05rem}.jin-image-metadata__files ul{display:grid;gap:.45rem;margin:.65rem 0 0;padding:0;list-style:none}.jin-image-metadata__files li{display:grid;grid-template-columns:58px 1fr auto;gap:.65rem;align-items:center;padding:.5rem;border:1px solid var(--jime-line);border-radius:10px}.jin-image-metadata__files img{width:58px;height:48px;border-radius:7px;object-fit:cover;background:#eee}.jin-image-metadata__files li div{display:grid;min-width:0}.jin-image-metadata__files strong,.jin-image-metadata__files span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jin-image-metadata__files span{color:var(--jime-muted);font-size:.82rem}.jin-image-metadata__files .is-warning{color:var(--jime-error)}.jin-image-metadata__files li button{color:var(--jime-error);border:0;background:0 0;cursor:pointer}.jin-image-metadata__viewer{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(300px,.95fr);gap:1rem}.jin-image-metadata__preview{position:relative;display:grid;place-items:center;min-height:360px;overflow:hidden;border-radius:14px;background:#191821}.jin-image-metadata__preview img{display:block;max-width:100%;max-height:540px;object-fit:contain}.jin-image-metadata__preview>p{position:absolute;bottom:.55rem;left:50%;margin:0;padding:.2rem .6rem;color:#fff;border-radius:999px;background:rgba(0,0,0,.62);transform:translateX(-50%)}.jin-image-metadata__slide-buttons{position:absolute;inset:50% .55rem auto;display:flex;justify-content:space-between;transform:translateY(-50%)}.jin-image-metadata__slide-buttons button,.jin-image-metadata__editor-head button{display:grid;place-items:center;width:42px;height:42px;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,0,0,.48);font-size:1.8rem;cursor:pointer}.jin-image-metadata__details{min-width:0;padding:.85rem;border:1px solid var(--jime-line);border-radius:14px}.jin-image-metadata__details h2{overflow:hidden;margin:0 0 .7rem;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.jin-image-metadata__details [data-metadata-summary],.jin-image-metadata__raw{display:grid;gap:.25rem}.jin-image-metadata__details [data-metadata-summary]>div,.jin-image-metadata__raw>div{display:grid;grid-template-columns:minmax(8rem,.7fr) minmax(0,1.3fr);gap:.6rem;padding:.42rem .25rem;border-bottom:1px solid #efedf5}.jin-image-metadata dt{color:var(--jime-muted)}.jin-image-metadata dd{overflow-wrap:anywhere;margin:0}.jin-image-metadata .is-empty{color:#9995a6}.jin-image-metadata details{margin-top:.75rem}.jin-image-metadata summary{color:var(--jime-primary-dark);font-weight:700;cursor:pointer}.jin-image-metadata__tabs{display:flex;gap:.35rem;padding:.3rem;border-radius:12px;background:#f0eef7}.jin-image-metadata__tabs button{flex:1;min-height:42px;border:0;border-radius:9px;background:0 0;font-weight:700;cursor:pointer}.jin-image-metadata__tabs [aria-selected=true]{color:var(--jime-primary-dark);background:#fff;box-shadow:0 2px 8px rgba(45,38,84,.1)}.jin-image-metadata__editor-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;margin:1rem 0 .75rem;padding:.55rem;border-radius:12px;background:#252331}.jin-image-metadata__editor-head strong{overflow:hidden;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap}.jin-image-metadata__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.jin-image-metadata__field{min-width:0;margin:0;padding:.7rem;border:1px solid var(--jime-line);border-radius:11px}.jin-image-metadata__field legend{padding:0 .25rem;font-weight:700}.jin-image-metadata__field-action{display:grid;grid-template-columns:minmax(8.5rem,.7fr) minmax(0,1.3fr);gap:.5rem}.jin-image-metadata__field select,.jin-image-metadata__field input,.jin-image-metadata__field textarea{width:100%;min-height:40px;padding:.42rem .5rem;border:1px solid #bcb8c9;border-radius:8px;background:#fff}.jin-image-metadata__field textarea{resize:vertical}.jin-image-metadata__field :disabled{color:#898596;background:#f2f1f5}.jin-image-metadata__help{margin:.35rem 0 0;color:var(--jime-muted);font-size:.78rem}.jin-image-metadata__batch-target{margin:.7rem 0;padding:.75rem;border-radius:11px;background:#f8f7fc}.jin-image-metadata__batch-target>div{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-top:.5rem}.jin-image-metadata__batch-target label{overflow-wrap:anywhere}.jin-image-metadata__privacy-actions{display:grid;gap:.4rem;margin-top:1rem;padding:.8rem;border:1px solid #b9e1d5;border-radius:12px;background:#effaf6}.jin-image-metadata__privacy-actions h3{margin:0 0 .25rem;font-size:1rem}.jin-image-metadata__privacy-actions label{display:flex;gap:.45rem;align-items:flex-start}.jin-image-metadata__privacy-actions input{width:1.1rem;height:1.1rem;margin-top:.2rem}.jin-image-metadata__result{padding:clamp(1rem,3vw,2rem);text-align:center;border-radius:15px;background:linear-gradient(145deg,#f7f5ff,#effaf6)}.jin-image-metadata__result-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto .6rem;color:#fff;border-radius:50%;background:var(--jime-success);font-size:1.7rem}.jin-image-metadata__result h2{margin:0;font-size:1.25rem}.jin-image-metadata__result ul{display:inline-grid;gap:.25rem;margin:.7rem auto;padding-left:1.2rem;text-align:left}.jin-image-metadata__save-buttons{justify-content:center}@media (max-width:760px){.jin-image-metadata{font-size:14px}.jin-image-metadata__account{align-items:flex-start;flex-direction:column}.jin-image-metadata__limit{text-align:left}.jin-image-metadata__steps b{display:none}.jin-image-metadata__steps li{padding:.65rem .2rem}.jin-image-metadata__steps li:not(:last-child):after{right:-22%;width:44%}.jin-image-metadata__viewer{grid-template-columns:1fr}.jin-image-metadata__preview{min-height:250px}.jin-image-metadata__form{grid-template-columns:1fr}.jin-image-metadata__field-action{grid-template-columns:1fr}.jin-image-metadata__files li{grid-template-columns:48px minmax(0,1fr) auto}.jin-image-metadata__files img{width:48px;height:44px}}@media (prefers-reduced-motion:reduce){.jin-image-metadata *,.jin-image-metadata *:before,.jin-image-metadata *:after{scroll-behavior:auto !important;transition:none !important}}@media (prefers-contrast:more){.jin-image-metadata{--jime-line:#5e5a68}.jin-image-metadata__button{border-width:2px}}