:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;--bg: var(--tg-theme-bg-color, Canvas);--surface: var(--tg-theme-secondary-bg-color, color-mix(in srgb, CanvasText 6%, Canvas));--text: var(--tg-theme-text-color, CanvasText);--muted: var(--tg-theme-hint-color, color-mix(in srgb, CanvasText 60%, Canvas));--accent: var(--tg-theme-button-color, #2f80ed);--accent-text: var(--tg-theme-button-text-color, #ffffff);--link: var(--tg-theme-link-color, #2f80ed);--danger: var(--tg-theme-destructive-text-color, #d32f2f)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1{margin:0;font-size:24px;overflow-wrap:anywhere}h2{margin:8px 0 0;font-size:18px}h3{margin:0;font-size:16px}p{margin:0}a{color:inherit;text-decoration:none}small{font-size:13px}.center{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px;text-align:center}.screen{display:flex;flex-direction:column;gap:12px;max-width:640px;margin:0 auto;padding:16px}.muted{color:var(--muted)}.error{color:var(--danger)}.list{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border-radius:12px;background:var(--surface)}.row-body{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}.row-body small{color:var(--muted)}.title-row{display:flex;align-items:center;gap:10px}.swatch{flex:none;width:14px;height:14px;border-radius:50%}.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:8px 16px;border:0;border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-weight:600;text-align:center;cursor:pointer}.button.primary{background:var(--accent);color:var(--accent-text)}.button.danger{color:var(--danger)}.button:disabled{opacity:.6}.link{min-height:44px;padding:0;border:0;background:none;color:var(--link);font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer}.actions{display:flex;flex-direction:column;gap:8px}.form{display:flex;flex-direction:column;gap:12px}label,.field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:14px;color:var(--muted)}input,select{width:100%;min-width:0;min-height:44px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--muted) 40%,transparent);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:16px}fieldset{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0}legend{padding:0;margin-bottom:8px;font-weight:600}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;border-radius:12px;background:var(--surface)}.segment{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--muted) 30%,transparent)}.detail{display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}.detail small{color:var(--muted)}.file-name{overflow-wrap:anywhere}.colors{display:flex;flex-wrap:wrap;gap:8px}.color{width:44px;height:44px;border:3px solid transparent;border-radius:50%;cursor:pointer}.color.selected{border-color:var(--text)}.notice{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--danger) 15%,var(--bg))}