:root{--bg: #f6f7f9;--surface: #ffffff;--text: #1a1d21;--muted: #5b5e65;--border: #e2e4e9;--accent: #ef6b98;--accent-hover: #db3f73;--danger: #c5162e;--preview-main-bg: #ffffff;--preview-header-fg: #1d1c1d;--preview-body-fg: #454447;font-family:Lato,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans JP,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}[data-theme=dark]{--bg: #180f14;--surface: #26151d;--text: #ffe8f0;--muted: #d6b3bf;--border: #4a2c38;--accent: #ff8eb5;--accent-hover: #ff6698;--danger: #ff6b4f;--preview-main-bg: #1a1d21;--preview-header-fg: #f8f8f8;--preview-body-fg: #c7c8cc}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column}.header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.header__brand{display:inline-flex;align-items:center;gap:.5rem}.header__logo{width:1.75rem;height:1.75rem;border-radius:.4rem;flex-shrink:0}.header__brand .header__title{font-weight:700;font-size:1rem;color:var(--accent)}.header__tools{display:flex;gap:.5rem;align-items:center}.icon-button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;width:2.1rem;height:2.1rem;display:inline-grid;place-items:center;line-height:1}.icon-button:hover{border-color:var(--accent)}.lang-switch{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem}.lang-switch__link{font:inherit;color:var(--muted);background:transparent;border:0;padding:0;cursor:pointer;text-decoration:none}.lang-switch__link:hover,.lang-switch__link.is-active{color:var(--accent)}.lang-switch__sep{color:var(--muted)}.main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.hero h1{margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.25rem)}.hero__lead{color:var(--muted);margin:0 0 1rem;font-size:1.05rem}.hero__how{margin:0 0 1rem}.theme-workspace{margin-top:.25rem}.dropzone--hero{margin-top:.5rem}.dropzone--drag-active{border-color:var(--accent);border-style:solid;background:var(--bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.workspace-preview-heading{margin-top:1.75rem}.workspace-slots-heading{margin-top:1.5rem}.btn{font:inherit;cursor:pointer;border-radius:8px;padding:.5rem 1rem;border:1px solid transparent}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=dark] .btn--primary{color:#1a1d21}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn--ghost:hover{background:var(--bg)}.btn--large{padding:.65rem 1.35rem;font-size:1rem}.footer{padding:1.25rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted);text-align:center}.footer__meta a{color:var(--accent);text-decoration:none}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:2rem 1.25rem;text-align:center;cursor:pointer;background:var(--surface);transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone:focus-visible{outline:none;border-color:var(--accent);background:var(--bg)}.dropzone__title{margin:0 0 .35rem;font-weight:600}.dropzone__sub,.dropzone__file,.dropzone__status{margin:0;color:var(--muted);font-size:.9rem}.dropzone__file{margin-top:.75rem;color:var(--text)}.dropzone__preview{display:block;max-height:min(40vh,280px);width:auto;max-width:100%;margin:0 auto 1rem;border-radius:10px;object-fit:contain;border:1px solid var(--border);background:var(--bg)}.error{color:var(--danger);margin:.75rem 0 0;font-size:.9rem}.section-title{font-size:1.1rem;margin:1.5rem 0 .75rem}.hint{margin:0 0 1rem;color:var(--muted);font-size:.9rem}.slack-preview{display:grid;grid-template-columns:200px 1fr;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-top:1rem;min-height:220px}.slack-preview__sidebar{padding:.65rem .5rem;font-size:.8rem;display:flex;flex-direction:column;gap:.35rem}.slack-preview__workspace{font-weight:700;font-size:.75rem;padding:.25rem .35rem;border-bottom:1px solid;margin-bottom:.25rem;opacity:.85}.slack-preview__channel{padding:.35rem .45rem;border-radius:4px;cursor:default;font-size:.8rem}.slack-preview__channel--active{font-weight:600}.slack-preview__presence{margin-top:auto;font-size:.75rem;opacity:.9}.slack-preview__main{display:flex;flex-direction:column}.slack-preview__header{padding:.6rem .85rem;font-weight:700;font-size:.85rem;border-bottom:1px solid;display:flex;align-items:center;gap:.5rem}.slack-preview__badge{color:#fff;font-size:.65rem;padding:.1rem .35rem;border-radius:999px;line-height:1}.slack-preview__body{flex:1;padding:.85rem;font-size:.85rem}.slack-preview__bubble{display:inline-block;padding:.45rem .65rem;border-radius:8px;background:var(--border);max-width:100%}.contrast-adjust__sliders{display:grid;grid-template-columns:12rem minmax(0,1fr) 4.5rem;gap:.75rem .65rem;align-items:center;margin-bottom:.75rem;font-size:.9rem}.contrast-adjust .slider-row{display:contents}.contrast-adjust .slider-row__label{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.contrast-adjust .slider-row__range{width:100%;margin:0;height:1.5rem;vertical-align:middle}.contrast-adjust .slider-row__value{font-variant-numeric:tabular-nums;text-align:right;justify-self:end;min-width:4.5rem}.slider-tip-wrap{position:relative;display:inline-flex;flex-shrink:0;vertical-align:middle}.slider-tip{font:inherit;width:1.2rem;height:1.2rem;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.72rem;font-weight:700;line-height:1;cursor:help}.slider-tip:hover,.slider-tip:focus-visible{border-color:var(--accent);color:var(--accent)}.slider-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);width:max-content;max-width:min(22rem,85vw);padding:.55rem .65rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.78rem;font-weight:400;line-height:1.35;text-align:left;white-space:normal;box-shadow:0 4px 20px #0000001f;z-index:40;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .12s ease,visibility .12s ease}[data-theme=dark] .slider-tooltip{box-shadow:0 4px 24px #00000073}.slider-tip-wrap:hover .slider-tooltip,.slider-tip-wrap:focus-within .slider-tooltip{visibility:visible;opacity:1}.theme-export__slots{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.theme-export__row{display:grid;grid-template-columns:minmax(5rem,1fr) 2rem minmax(5.5rem,1fr) auto;gap:.5rem;align-items:center;font-size:.85rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.theme-export__label{min-width:0}.theme-export__swatch{width:2rem;height:2rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--border) 85%,var(--text));box-sizing:border-box}.theme-export__hex{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;word-break:break-all}.theme-export__full{display:flex;flex-direction:column;gap:.5rem}.theme-export__actions{display:flex;flex-wrap:wrap;gap:.5rem}.theme-export__textarea{width:100%;font-family:ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:.8rem;padding:.6rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);resize:vertical}.theme-export__textarea--autosize{resize:none;overflow:hidden;min-height:2.5rem;line-height:1.45;field-sizing:content}.share-bar{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border)}.share-card-wrap{margin:1rem 0;padding:1rem;border-radius:12px;border:1px solid var(--border);background:var(--bg);display:flex;justify-content:center;align-items:center;min-height:8rem}.share-card-wrap__status{margin:0;color:var(--muted);font-size:.95rem}.share-card-preview{display:block;width:100%;max-width:min(100%,560px);height:auto;border-radius:10px;border:1px solid var(--border);background:#fff}.share-bar__actions-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.share-bar__msg{margin:.5rem 0 0;font-size:.9rem;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.slack-preview{grid-template-columns:140px 1fr}.contrast-adjust__sliders{grid-template-columns:minmax(8rem,11rem) minmax(0,1fr) 4.5rem}.theme-export__row{grid-template-columns:2rem 1fr auto;grid-template-rows:auto auto;align-items:center}.theme-export__label{grid-column:1 / -1;grid-row:1}.theme-export__swatch{grid-column:1;grid-row:2}.theme-export__hex{grid-column:2;grid-row:2}.theme-export__row>.btn{grid-column:3;grid-row:2}}